Completed as part of this FreeCodeCamp Challenge. A Pen by rheaditi on CodePen.
View the license here.
<div class="container"> | |
<div class="jumbotron"> | |
<h1 class="text-center">Nikola Tesla</h1> | |
<h2 class="text-center"><em>The Mad Scientist</em></h2> | |
<br /> | |
<div class="row"> | |
<div class="col-xs-12 col-md-6 col-md-offset-3"> | |
<section class="thumbnail"> | |
<img src="https://upload.wikimedia.org/wikipedia/commons/8/87/Blue_Portrait_of_Nikola_Tesla.jpg" alt="Nikola Tesla" /> | |
<div class="caption"> | |
<p><em>Tesla's portrait – Blue Portrait – from 1916, painted by then-Hungarian princess, <a href="https://en.wikipedia.org/wiki/Vilma_Lwoff-Parlaghy">Vilma Lwoff-Parlaghy</a></em></p> | |
</div> | |
</section> | |
</div> | |
</div> | |
<section class="row"> | |
<div class="col-md-8 col-md-offset-2"> | |
<h3>Here's a timeline of Nikola's life:</h3> | |
<ul> | |
<li> | |
<strong>1856</strong>: Born in Smiljan, Austrian Empire (modern-day Croatia) | |
</li> | |
<li> | |
<strong>1882</strong>: Moved to France and started working for Edison at Continental Edison Company. | |
</li> | |
<li> | |
<strong>1886</strong>: Founded Tesla Electric Light & Manufacturing with funding from Robert Lane and Benjamin Vail | |
</li> | |
<li> | |
<strong>1891</strong>: Received American Citizenship | |
</li> | |
<li> | |
<strong>1884</strong>: Early X-ray experimentations with investigative notes about skin damages caused due the X-ray filming. | |
</li> | |
<li> | |
<strong>1898</strong>: Tesla demonstrated a radio-controlled boat—which he dubbed "teleautomaton"—to the public during an electrical exhibition at Madison Square Garden. | |
</li> | |
<li> | |
<strong>1915</strong>: There were rumors about him winning a Nobel Prize, although neither Tesla nor Edison were later awarded one. | |
</li> | |
<li> | |
<strong>1930s</strong>: Tesla made claims concerning a "teleforce" weapon after studying the Van de Graaff generator. | |
</li> | |
<li> | |
<strong>1943</strong>: He died at the age of 86, alone in room 3327 of the New Yorker Hotel. | |
</li> | |
</ul> | |
</div> | |
</section> | |
<blockquote> | |
<p>Let the future tell the truth, and evaluate each one according to his work and accomplishments. The present is theirs; the future, for which I have really worked, is mine.</p> | |
<footer>Nikola Tesla from <cite title="Brainy Quote"><a href="http://www.brainyquote.com/quotes/quotes/n/nikolatesl401271.html">Brainy Quote</a></cite></footer> | |
</blockquote> | |
<section class='link-wiki'> | |
<h2>If you have more time you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Nikola_Tesla">Wikipedia entry</a>.</h2> | |
</section> | |
</div> | |
</div> |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> | |
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" /> |