Skip to content

Instantly share code, notes, and snippets.

@ferolo3000
Created December 2, 2017 20:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ferolo3000/433db1f3755c93f6fb4fa1a4520e05e9 to your computer and use it in GitHub Desktop.
Save ferolo3000/433db1f3755c93f6fb4fa1a4520e05e9 to your computer and use it in GitHub Desktop.
Tribute Page Mr. Winston Churchill
<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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
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;
}

Tribute Page Mr. Winston Churchill

This is my first project with FreeCodeCamp, it is a tribute page of Mr. Churchill.

A Pen by Fernanda on CodePen.

License.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment