Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation


Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

              <body><div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
  <h1 class="text-center">Stephen
      <h2 class="text-center"><em>The man who explained the universe.</em></h2>
<center><img src="https://upload.wikimedia.org/wikipedia/commons/5/50/Barack_Obama_speaks_to_Stephen_Hawking.jpg" width="660" height="550" alt="Stephen Hawking"></center>
        <div class="text-center">Stephen Hawking and Barack Obama, the former president of the USA in the White House.</div> <hr>      
                               <h4><i>Timeline of Stephen Hawking's life<i>:</h4> 
                                 <li><strong>1942</strong> Born in Oxford, England (300 years after the death of Galileo).</li>
                               <li><strong>1953 to 1958</strong> Attends St Albans school in North London, where he develops a passion for mathematics. His father wants him to study medicine.</li>
                               <li><strong>1959 to 1962</strong> Specialises in physics at University College Oxford. Graduates with a first class degree in natural sciences.</li>
                               <li><strong>1963</strong> Begins research in cosmology and general relativity at the University of Cambridge. He is diagnosed with an "incurable disease" at the age of 21, which is later found to be Amyotrophic Lateral Sclerosis, a rare progressive disease that effects movement and speech. He continues with his research.</li>
<li><strong>1966</strong> Completes his doctorate and is awarded a fellowship at Gonville and Caius College, Cambridge. He works on singularities in the theory of general relativity and applies his ideas to the study of black holes. Collaborates with mathematician Roger Penrose, who was working at Birkbeck College in London.</li>
<li><strong>1970</strong> Discovers a remarkable property: by using quantum theory and general relativity he is able to show that black holes can emit radiation.</li>
<li><strong>1973</strong> Joins the department of applied mathematics and theoretical physics at Cambridge.</li>
<li><strong>1974</strong> His breakthrough discovery is published in the journal Nature, in a paper entitled Black hole Explosion?</li>
<li><strong>1977</strong> Appointed professor of gravitational physics at Cambridge.</li>
<li><strong>1979</strong> Appointed Lucasian professor of mathematics at Cambridge (a chair held by Sir Isaac Newton in 1663). Elected as a fellow of the Royal Society.</li>
<li><strong>1982</strong> Awarded a CBE by the Queen.</li>
<li><strong>1988</strong> Publishes A Brief History of Time: From the Big Bang to Black Holes, a classic introduction to today's most important scientific ideas about the cosmos. Recorded in the 1998 Guinness Book of Records as an all-time bestseller.</li>
<li><strong>1989</strong> Made a companion of honour.</li>
<li><strong>1993</strong> Publishes Black Holes and Baby Universes, and other Essays, a collection of scientific articles exploring ways in which the universe may be governed.</li>
<li><strong>1998</strong> Publishes Stephen Hawking's Universe: The Cosmos Explained, a book about the basis of our existence and of everything around us.</li> </ul>
<blockquote><p><b>"However difficult life may seem,there is always something you can do and suceed at.</b><i>-Stephen Hawking</i></p></blockquote>
 <h6><b>If you have time you can read more about this incredible human on his<a href="https://en.wikipedia.org/wiki/Stephen_Hawking" target=_"blank"> Wikipedia page.</a></h6></b>

  <footer class="text-center">
    <h6>Coded and written by<a href="https://www.freecodecamp.com/davidradivojevic"target=_"blank"> David Radivojevic</h6></a>
              body {
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.