A Pen by Rafael Vasquez on CodePen.
Created
June 7, 2017 09:13
-
-
Save Waaped/b5a71b579e94c0d7cbbd3f35f1ae1092 to your computer and use it in GitHub Desktop.
PjwrVy
This file contains hidden or 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
<html> | |
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" | |
type="text/css"> | |
<style> | |
.black-text { | |
color: black; | |
} | |
.dank-font-bold { | |
font-family: 'Josefin Sans', sans-serif; | |
font-size: 49px; | |
font-weight: bold; | |
} | |
.dank-font { | |
font-family: 'Josefin Sans', sans-serif; | |
font-size: 49px; | |
} | |
.thick-greyblue-border { | |
border-color: #1E798B; | |
border-width: 5px; | |
border-style: solid; | |
border-radius:10px; | |
} | |
.thick-grey-border { | |
border-color: #d3d3d3; | |
background: #d3d3d3; | |
border-width: 5px; | |
border-style: solid; | |
border-radius:10px; | |
margin-top:50px; | |
} | |
.margin-p{ | |
margin-top:20px; | |
margin-bottom:20px; | |
} | |
.dank-font-small { | |
font-family: 'Josefin Sans', sans-serif; | |
font-size: 21px; | |
font-weight:bold; | |
} | |
</style> | |
<body> | |
<header> | |
<h1 class="text-center dank-font">Carl Sagan</span | |
</h1> | |
</header> | |
<div class="container"> | |
<h1 class="dank-font black-text">...an astronomer's legacy</h1> | |
<p> A brief Time line of the life and times of Carl Sagan astronomer | |
and champion of the scientific method. | |
</p> | |
</div> | |
</div> | |
<ul></ul> | |
</div> | |
<img class="thick-greyblue-border image-pos" | |
src="http://cdn.wallpapersafari.com/21/43/K3ArZG.jpg"> | |
<div class="container thick-grey-border dank-font-small"> | |
<h2 class="image-pos">Timeline</h2> | |
<div class="margin-p"> | |
<ul>JAN 5, 1950- | |
Sagan started working as an advisor for NASA</ul> | |
<ul>1962-Mariner 2 confirmed Sagan's views that venus was dry and very hot</ul> | |
<ul>NOV 17, 1966-1st achieved national attention with his book "intelligent life in the universe"</ul> | |
<ul>JUL 24, 1967- | |
Wrote article on the potential of life on the planets for national geographics</ul> | |
<ul>OCT 11, 1967- Sagan and Pollack solved mystery about the seasonal "wave or darkening" on mars</ul> | |
<ul>AUG 18, 1968- Named director of Cornell's laboratory for planetary studies</ul> | |
<ul>APR 2, 1972- | |
became associate director of the center for the radio physics and space research at cornell</ul> | |
<ul>NOV 16, 1974- | |
Arecibo message sent to space was helped by sagan to launch</ul> | |
<ul>AUG 27, 1975- Sagan decided to test the capacity of television to bring science to a mass audience</ul> | |
<ul>JAN 31, 1976- Sagan became a founding member of the committee for the scientific investigation of claims of the paranormal</ul> | |
<ul>MAY 15, 1980- television series Cosmos: a personal voyage aired</ul> | |
<ul>JUN 11, 1983- | |
Sagan introduced the idea of "Nuclear Winter" </ul> | |
<ul> JUL 18, 1983- | |
Sagan participated in an extensive scientific study of the atmosphere consequences of nuclear war</ul> | |
<ul>DEC 20, 1996- | |
Sagan died of a rare bone marrow disease </ul> | |
</div> | |
</div> | |
</section> | |
</section> | |
<h3 class="dank-font-small container margin-p" > For more information about Carl Sagan, you may visit the following <a href="https://en.wikipedia.org/wiki/Carl_Sagan">Wikipedia Page</a></h3> | |
<footer> Created by Rafael Vasquez ©2017<footer> | |
</html> |
This file contains hidden or 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
.image-pos{ | |
width:60%; | |
margin:auto; | |
display: block; | |
overflow: hidden; | |
} | |
/*Global*/ | |
.container{ | |
width:50%; | |
margin:auto; | |
overflow: hidden; | |
margin-top: 30px; | |
} | |
header{ | |
background:url('http://imgstocks.com/wp-content/uploads/2013/12/Aurora-at-space-hd-16213-high-resolution-wallpaper.jpg'); | |
background-size: 2000px 1060px; | |
background-repeat: no-repeat; | |
background-position: center left; | |
color:#ffffff; | |
text-shadow: 2px 2px black; | |
padding-top:100px; | |
min-height: 80px; | |
border-bottom: #1E798B 3px solid; | |
} | |
This file contains hidden or 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/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment