Pen Settings

HTML

CSS

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. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <body>
<div class=" box1 container">
  <div class="row">
    <div class="col-md-1"></div>
    <div class=" well col-md-10">
    <h1 class= "text-center"> Dr. Stephen Hawking</h1>
    <h2 class= "text-center"> The most important physicist in the world </h2>
    <figure >
      <img src="https://hypescience.com/wp-content/uploads/2014/08/morte-Stephen-Hawking.jpg" class="img-responsive center-block" alt="Three kittens running towards the camera.">
      <figcaption class= "text-center">Dr. Steven Hawking sitting  in a electronic chair</figcaption>
    </figure>
      
      <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
        <p class="mt">Here's a time line of Dr. Hawkings' life:</p>
        <ul>
          <li><strong>Jan 8 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. In the same year he discovers, to his disbelief, that black holes could leak energy and particles into space, and even explode in a fountain of high-energy sparks.</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>

          <li><strong>November 2001 </strong> - Releases Universe in a Nutshell in the UK, a book that unravels the mysteries of recent breakthroughs in physics.</li>

          <li><strong>September 2002 </strong> - Releases On the Shoulders of Giants, The Great Works of Physics and Astronomy, an exploration of some of the greatest visionaries in the history of science including Copernicus, Kepler, Galileo, Newton and Einstein. Publishes The Theory of Everything: The Origin and Fate of the Universe, a book that presents the most complex theories of physics past and present.</li>

          <li><strong>July 2004 </strong> - Hawking announces that he has solved the Black Hole paradox, which has been a troubling scientists for years. He presents his most recent findings at the international conference on general relativity and gravitation in Dublin.</li>
        </ul>
        <p id="grants"> Hawking has made major contributions to the field of general relativity. These derive from a deep understanding of what is relevant to physics and astronomy, and especially from a mastery of wholly new mathematical techniques. Following the pioneering work of Penrose he established, partly alone and partly in collaboration with Penrose, a series of successively stronger theorems establishing the fundamental result that all realistic cosmological models must possess singularities. Using similar techniques, Hawking has proved the basic theorems on the laws governing black holes: that stationary solutions of Einstein's equations with smooth event horizons must necessarily be axisymmetric; and that in the evolution and interaction of black holes, the total surface area of the event horizons must increase. In collaboration with G. Ellis, Hawking is the author of an impressive and original treatise on "Space-time in the Large".</p>

        <p id="grants-cited">--- The Royal Society</p>

        <p class="mt" > If you have time, you should read more about this incredible human being on his  <a target="_blank" href="https://en.wikipedia.org/wiki/Stephen_Hawking#cite_note-royal-352">Wikipedia entry</a>.</p>
        </div>
        <div class="col-md-2"></div> 
      </div> 
    </div>
     <div class="col-md-1"></div>
  </div>
  <p class= "text-center">Written and coded by <a  target="_blank" href="https://codepen.io/eddyrene/#">eddyrene</a> </p>
</div>
</body>
              
            
!

CSS

              
                .box1 {
    border-style: solid;
    border-width: 0px;
    margin: auto;
    margin-top : 60px;
    align-self: right;
  }
h1{
    margin-top: 50px;
    font-size: 70px;
  ba
} 
figcaption{
  background-color: white;
  margin-bottom:50px;
}

h2{
  font-style: oblique;  
}
.mt{
  font-size: 25px;
}
#grants {
      font-size: 18px;
      font: serif;
}
#grants-cited {
      font-size: 16px;
      color: grey;
     font-style: italic;
}
              
            
!

JS

              
                
              
            
!
999px

Console