https://www.freecodecamp.org/challenges/get-set-for-our-front-end-development-projects
A Pen by Kae Tschap on CodePen.
7%<div class="grayBox" align="center"> | |
<h1 class="text-center">Elon Musk</h1> | |
<h2 class="text-center"><em>The expert generalist.</em></h2> | |
<div style="background-color: white; margin: 10px 5px 5px 20px; border-radius: 2px;"> | |
<figure> | |
<img src="http://cuulgeek.com.ng/wp-content/uploads/2016/09/Elon-Musk.jpg" /> | |
<figcaption>Caption goes here.</figcaption> | |
</figure> | |
</div> | |
<div style="width: 60%" align="left"> | |
<h4>Here is a timeline of Elon Musk's life:</h4> | |
<ul> | |
<li><b>1971</b> Elon Musk was born in Pretoria, South Africa.</li> | |
<li><b>1983</b> He taught himself programming on a Commodore VIC-20 at the age of 12. He created a game in BASIC called <em>“Blastar”</em> and was able to sell it for ~ $500.</li> | |
<li><b>1989</b> Musk moved to Canada, his mother's home country, just before his 18th birthday.</li> | |
<li><b>1995</b> Together with his brother, Elon Musk starts a web software company, <em>Zip2</em>. | |
<li><b>1997</b> At the age of 26, he received both a Bachelor of Science degree in physics and a Bachelor of Science in economics from two different universities. Musk moves to California to begin a PhD in applied physics at Stanford University but leaves after two days to become an entrepreneur.</li> | |
<li><b>1999</b>  When Zip2, which provides an Internet ”city guide” for newspapers, was sold in February, Musk received US$22 million for his 7% shares in the company. In March of the same year, he co-founded X.com.</li> | |
<li><b>2000</b>  X.com merged with Confinity and was renamed PayPal one year later. In October, Musk was voted out as CEO but remained on the board.</li> | |
<li><b>2002</b>  PayPal was acquired by eBay and Musk received US$165 million from the sale as the largest shareholder with 11.7%.</li> | |
</ul> | |
<h3>Have a look at this <a href="https://en.wikipedia.org/wiki/Elon_Musk">Wikipedia entry</a> to learn more.</h3> | |
</div> | |
</div> |
body { | |
margin-top: 60px; | |
font-size: 14px; | |
} | |
.grayBox { | |
background-color: #dbdde0; | |
margin-top: 50px; | |
margin-left: 300px; | |
margin-right: 300px; | |
margin-bottom: 20px; | |
border-radius: 5px; | |
} | |
img { | |
max-width: 99%; | |
max-height: 99%; | |
border-style: solid; | |
border-color: white; | |
border-width: 5px; | |
} |
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" /> |