Elon Musk Tribute

elon-musk-tribute.markdown

Elon Musk Tribute

A Pen by Ryan Sowden on CodePen.

License.

index.html

<div class="container">
  <div class="jumbotron">
<div class="h1">
<h1>Elon Musk</h1>
</div>

<div class="h2">
<h2>Real life Iron Man</h2>
  
<img src="https://s-media-cache-ak0.pinimg.com/originals/4b/ed/a7/4beda729ee079dd653676b8a210778d1.jpg"
</div>
  
  <div class="h3">
  <h3>Timeline of what Elons life so far:</h3>
  </div>
  
  <div class="ul">
  <ul>
    <li><strong>June 28 1971</strong>-Born in South Africa
    <li><strong>Age 12</strong>- Creates and writes a video game called Blastar; sells it for the equivalent of $500</li>
    <li><strong>1988</strong>-Graduates from Pretoria Boys High School with distinctions in science and computer studies.</li>
    <li><strong>1989 to 1991</strong>- Attends college at Queen’s University in Kingston, Ontario. Then transfers to the University of Pennsylvania; completed a BS in Economics (Wharton) and a BA with a major in physics</li>
    <li><strong>1995</strong>-Moves to Silicon Valley; defers graduate program in applied physics and materials science at Stanford University to join the Internet boom</li>
    <li><strong>February 1999</strong>-Sells Zip2 to Compaq, the personal computer company, for $307 million, of which $22 million went to Musk. Then forms X.com, which in 2000 morphs into PayPal</li>
    <li><strong>July 2002</strong>-eBay acquires PayPal for $1.5 billion in stock, of which $165 million goes to Musk</li>
    <li><strong>2002</strong>-Founds SpaceX9</li>
    <li><strong>2004</strong>-Invests in Tesla Motors</li>
    <li><strong>2007</strong>-SpaceX wins $1.6 billion contract to bring cargo to the International Space Station</li>
    <li><strong>October 2008</strong>-Becomes Tesla’s CEO</li>
    <li><strong>Jun 29, 2010</strong>-Tesla IPO</li>
    <li><strong>May 2012</strong>-SpaceX becomes the first commercial vehicle to deliver a load of supplies to the International Space Station.</li>
    <li><strong>June 2012</strong>-Tesla begins deliveries of the all-electric Model S</li>
    <li><strong>August 2013</strong>-Releases sketch and concept of the Hyperloop</li>
    <li><strong>Feburary 2017</strong>-Tesla Model S offically worlds fastest car</li>
  </ul>
  </div>
    </div>
  
    <div class="quote"
  <blockquote>
    <p>I think it's very important to have a feedback loop, where you're constantly thinking about what you've done and how you could be doing it better. I think that's the single best piece of advice: constantly think about how you could be doing things better and questioning yourself.</p>
  
               <footer><cite>-Elon Musk</cite></footer>
  </blockquote>
</div>

<div class="link">
<h4>If you want to find out more about Elon Musk on his<a href="https://en.wikipedia.org/wiki/Elon_Musk" target="_blank"> Wikipedia Page</a>
</h4>
</div>

    </div>

<footer class="text-center">
    <hr>
    <p>Written and coded by <a href="https://www.freecodecamp.com/ryansowden" target="_blank">Ryan Sowden</a>.</p>
  </footer> 
  </div>
  
 
     

style.css

.h1{
  text-align: center;
  color: black;
  font-style: oblique;
    
  
}
  

.h2{
  text-align: center;
  color: black;
  font-style:  italic;
}

.h3{
  text-align: center;
  color: black;
  margin-bottom: 30px;
  
}

img {
   padding:1px;
   border:1px solid #021a40;
  background-color: black;
  margin-top:10px;
  margin-bottom:20px;
}

body {
  background-color:  silver;
  border: 2px solid;
    border-radius: 25px;
}

.ul{
  text-align: left;
  color: black;
  font-style: italic;
  font-size: 20px;
 
  
}

.quote{
  text-align: center;
  font-size: 15px;
  font-style: italic;
  color: black;
  margin-bottom:20px;

}

.link{
  font-size: 20px;
  text-align: center;
}

styles

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