This is my first project with FreeCodeCamp, it is a tribute page of Mr. Churchill.
Created
December 2, 2017 20:01
-
-
Save ferolo3000/433db1f3755c93f6fb4fa1a4520e05e9 to your computer and use it in GitHub Desktop.
Tribute Page Mr. Winston Churchill
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> | |
<div style="max-width: 90%; margin: 0 auto; padding: 10px; background-color: #BDBDBD; border-radius: 10px; font-family: Calibri"> | |
<div class="col-lg-6"> | |
<h1 class="text-center">Sir Winston Leonard Spencer-Churchill</h1> | |
<h2 class="text-center"><i>British statesman, army officer and writer.</i></h2> | |
<figure> | |
<img class="img-responsive main-image" alt="Winston Churchill in the Canadian Parliament, December 1941 by Yousuf Karsh" src="https://petapixel.com/assets/uploads/2013/03/churchillportrait1.jpg"> | |
<figcaption><em>Winston Churchill in the Canadian Parliament, December 1941 by Yousuf Karsh</em></figcaption> | |
</figure> | |
<div class="content-main"> | |
<h2>Here's a time line of Mr. Churchill's life:</h2> | |
<ul> | |
<li><b>1874: </b>Churchill was born at his grandfather's home, Blenheim Palace in Oxfordshire</li> | |
<li><b>1894: </b>Churchill graduates from the Royal Military College in Sandhurst.</li> | |
<li><b>1899: </b>Churchill campaigns for Parliament.</li> | |
<li><b>1900: </b>Churchill wins a seat in the British House of Commons.</li> | |
<li><b>1908: </b>Churchill marries Clementine Hozier.</li> | |
<li><b>1940: </b>Churchill begins first term as prime minister.</li> | |
<li><b>1945: </b>Churchill loses the United Kingdom general election.</li> | |
<li><b>1946: </b>Churchill gives his famous "iron curtain" speech.</li> | |
<li><b>1951: </b>Churchill is elected prime minster again.</li> | |
<li><b>1953: </b>Churchill wins the Nobel Prize for literature.</li> | |
<li><b>1955: </b>Churchill retires as prime minster.</li> | |
<li><b>1965: </b>Winston Churchill dies.</li> | |
</ul> | |
</div> | |
<div> | |
<h3 class="container text-center"><i>Winston Churchill was a British military leader and politician. He served two terms as prime minister and is remembered for his leadership in World War II. Churchill was also the author of many books and is a Nobel Peace Prize winner.</i></h3> | |
<h3>Click on link if you want to read more about Mr. Churchill's life <span><a href="https://en.wikipedia.org/wiki/Winston_Churchill" target="blank">Wikipedia</a>.</span></h3> | |
</div> | |
</div> | |
</div> | |
</body> | |
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/twitter-bootstrap/3.3.7/js/bootstrap.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 { | |
margin-top: 30px; | |
} | |
.main-image{ | |
border-radius: .5%; | |
width: 80%; | |
padding: 5%; | |
margin-top; 5%; | |
margin-left: 5%; | |
margin-right: 5%; | |
} | |
figure{ | |
background-color:white; | |
border-radius: .5%; | |
margin-left: 5%; | |
margin-right: 5%; | |
text-align: center; | |
} | |
h1,h2,h3{ | |
text-align: center; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment