A Pen by Ozan Karaali on CodePen.
-
-
Save ozankaraali/038a0cf853b4efd7c7b58bc70a2ee17f to your computer and use it in GitHub Desktop.
YQNVMQ
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Fertigo"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> | |
<div class="container-fluid"> | |
<h1 class="text-primary" align="center">Isaac Newton</h1> | |
<div class="well" id="main"><b>Sir Isaac Newton</b> was an English mathematician, astronomer, and physicist who is widely recognised as one of the most influential scientists of all time and a key figure in the scientific revolution.</div> | |
<div class=row> | |
<div class="col-xs-6" align="center"> | |
<img src="http://www.logosapologia.org/wp-content/uploads/2012/04/Isaac_Newton.jpg" alt="IsaacNewton" class="img-responsive animated fadeIn"> | |
</div> | |
<div class="col-xs-6"> | |
<div class="well" id="timeline"> | |
<p align="center"><b>Timeline</b></p> | |
<p><b>1642:</b> Born December 25 in Woolsthorpe, north of London</p> | |
<p><b>1655:</b> Attends Grantham Grammar School</p> | |
<p><b>1661:</b> Enters Trinity College, Cambridge</p> | |
<p><b>1665:</b> January—graduates Bachelor of Arts; August moves back home because of the plague</p> | |
<p><b>1666:</b> Develops binomial theorem; invents the calculus; postulates a gravitational force holding the moon in its orbit; and proves that white light is a mixture of light of all colors</p> | |
<p><b>1667:</b> Returns to Cambridge; elected fellow of Trinity College</p> | |
<p><b>1669:</b> Elected Lucasian Professor of Mathematics</p> | |
<p><b>1672:</b> Elected fellow of the Royal Society</p> | |
<p><b>1684:</b> Edmund Halley’s visit leads to writing of the Principia</p> | |
<p><b>1687:</b> Publication of Principia Mathematica</p> | |
<p><b>1689:</b> Elected Member of Parliament</p> | |
<p><b>1693:</b> Experiences mental breakdown</p> | |
<p><b>1696:</b> Moves to London as Warden of the Mint</p> | |
<p><b>1700:</b> Appointed Master of the Mint</p> | |
<p><b>1703:</b> Elected president of the Royal Society</p> | |
<p><b>1704:</b> Publication of Opticks</p> | |
<p><b>1705:</b> Knighted by the Queen</p> | |
<p><b>1727:</b> Dies March 20; buried in Westminster Abbey</p> | |
<h3>Read more on: <a href="https://en.wikipedia.org/wiki/Isaac_Newton">Wikipedia</a></h2> | |
</div> | |
</div> | |
</div> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(document).ready(function() { | |
$(".well").addClass("animated slideInUp"); | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body{ | |
background-color:white; | |
} | |
.text-primary{ | |
font-family:Fertigo; | |
} | |
.well{ | |
color:black; | |
} | |
.photocase{ | |
position:fixed; | |
bottom:0px; | |
} | |
.alignright{ | |
left:50%; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment