A Pen by Koh William on CodePen.
Created
January 6, 2017 14:29
-
-
Save William93/0babd74812fc341145a43c159b7d78ae to your computer and use it in GitHub Desktop.
FreeCodeCamp - Tribute Page
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
<html> | |
<head> | |
<title>Tribute Page</title> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="row"> | |
<h1 class="text-center">Dennis MacAlistair Ritchie</h1> | |
<h2 class="text-center text-muted"><i>The Father of C</i></h2> | |
<figure class="figure"> | |
<img class="figure-img img-fluid img-thumbnail" src="https://www.wired.com/wp-content/uploads/2011/10/ritchie_HP.jpg" width=750px height="650px" alt="Dennis Ritchie"/> <figcaption class="figure-caption text-center">Dennis Ritchie</figcaption> | |
</figure> | |
<div class="container"> | |
<p><u>In Memoriam</u></p> | |
<blockquote class="quote"> | |
As Dennis's siblings, Lynn, John and Bill Ritchie--on behalf of the entire Ritchie family--we wanted to convey to all of you how deeply moved, astonished and appreciative we are of the loving tributes to Dennis that we have been reading. We can confirm what we keep hearing again and again:<br><br> Dennis was an unfailingly kind, sweet, unassuming and generous brother--and of course a complete geek. He had a hilariously dry sense of humor and a keen appreciation for life's absurdities--though his world view was entirely devoid of cynicism or mean-spiritedness.<br><br>We are terribly sad to have lost him, but touched beyond words to realize what a mark he made on the world and how well his gentle personality--beyond his accomplishments--seems to be understood.<br><br><p class="text-left"><i>-- Lynn, John and Bill Ritchie</i></p> | |
</blockquote> | |
<div class="time-line"> | |
<h3>Here is a time line of Dennis Ritchie:</h3> | |
<ul> | |
<li>1941 - Born in Bronxville NY</li> | |
<li>1967 - Joined Bell Lab | |
</li> | |
<li>1968 - Completed Doctorate Degree</li> | |
<li>1969 - Bell Labs Drops Multics Project</li> | |
<li>1971 - Unix Release</li> | |
<li>1972 - Created C Programming Language</li> | |
<li>1973 - Rewrote Unix in C</li> | |
<li>1983 - Cowinner of A.M Turing Award</li> | |
<li>1988 - U.S National Academy of Engineering</li> | |
<li>1990 - Appointed the head of the System Software Research Department at Bell Labs</li> | |
<li>1994 - Awarded Computer Pioneer Award</li> | |
<li>1995 - Released Plan 9 Operating System</li> | |
<li>1996 - Released Inferno Operating System</li> | |
<li>1999 - Awarded U.S National Medal of Technology Award from President Bill Clinton</li> | |
<li>2011 - Died in Berkeley Heights, NJ</li> | |
</ul> | |
<h3>This incredible human being is indeed a someone who we should get to know more about. For more information you get from <a href="https://www.bell-labs.com/usr/dmr/www/">Bell Labs.</a></h3> | |
</div> | |
<hr> | |
</div> | |
</div> | |
<footer class="text-center">Coded by <a target="_blank" href="http://codepen.io/Minato16/">Koh William</a></footer> | |
</div> | |
</body> | |
</html> |
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
@import "http://fonts.googleapis.com/css?family=Satisfy"; | |
body { | |
background-color: lightskyblue | |
} | |
.container { | |
background-color: lightgreen; | |
padding-top:20px; | |
padding-bottom:20px; | |
margin-top: 50px; | |
margin-bottom: 50px; | |
} | |
.img-thumbnail { | |
margin: 0 auto; | |
display:block; | |
} | |
p { | |
/* padding-left: 210px; */ | |
font: 20px; | |
} | |
.time-line { | |
margin-left: 210px; | |
margin-right:210px; | |
} | |
.quote { | |
font-family: 'Satisfy'; | |
} |
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://maxcdn.bootstrapcdn.com/bootstrap/3.3.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