freeCodeCamp: firstProject - Tribute Page

freecodecamp-firstproject-tribute-page.markdown

freeCodeCamp: firstProject - Tribute Page

https://www.freecodecamp.org/challenges/get-set-for-our-front-end-development-projects

A Pen by Kae Tschap on CodePen.

License.

index.html

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>&emsp;Elon Musk was born in Pretoria, South Africa.</li>
        <li><b>1983</b>&emsp;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>&emsp;Musk moved to Canada, his mother's home country, just before his 18th birthday.</li>
        <li><b>1995</b>&emsp;Together with his brother, Elon Musk starts a web software company, <em>Zip2</em>. 
        <li><b>1997</b>&emsp;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>&emsp; 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>&emsp; 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>&emsp; 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>

style.scss

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;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />