css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-md-12">
        <h1 class="text-center">Elon Musk</h1>
      </div>
      <div class="col-md-12">
        <h2 class="text-center"><i>The man who sees beyond future</i></h2>
      </div>
    </div>
      <div class="row">
        <div class="col-md-12">
          <div class="img-thumbnail">
            <a href="https://www.tesla.com/" target="_blank">
        <img           src="http://a.abcnews.com/images/Technology/GTY_EMusk_MEM_160620_12x5_1600.jpg" style="width:100%">
            </a>
          <div class="caption">
            <div class="caption text-center">This is Elon Musk, the genius behind Tesla</div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
          <h4>Musk's achievements</h4>
            <ul>
              <li><strong>1995</strong> Musk and his brother, Kimbal, started Zip2, a web software company, with US$28,000 of their father's money. The company developed and marketed an Internet "city guide" for the newspaper publishing industry. Musk received 7% or US$22 million from the sale.</li>
              <li><strong>1999</strong> Musk co-founded X.com, an online financial services and e-mail payment company, with US$10 million from the sale of Zip2. One year later, the company merged with Confinity, which had a money transfer service called PayPal. PayPal was acquired by eBay for US$1.5 billion in stock, of which Musk received US$165 million.</li>
              <li><strong>2002</strong> With US$100 million of his early fortune, Musk founded Space Exploration Technologies, or SpaceX, in May 2002. Musk is chief executive officer (CEO) and chief technology officer (CTO) of the Hawthorne, California-based company. SpaceX develops and manufactures space launch vehicles with a focus on advancing the state of rocket technology. The company's first two launch vehicles are the Falcon 1 and Falcon 9 rockets (a nod to Star Wars' Millennium Falcon), and its first spacecraft is the Dragon (a nod to Puff the Magic Dragon). In September 2016, Musk revealed details of his plan to explore and colonize Mars. By 2016, Musk's private trust holds 54% of SpaceX stock, equivalent to 78% of voting shares.</li>
              <li><strong>2004</strong> Tesla, Inc. (originally Tesla Motors) was incorporated in July 2003 by Martin Eberhard and Marc Tarpenning, who financed the company until the Series A round of funding. Both men played active roles in the company's early development prior to Elon Musk's involvement. Musk led the Series A round of investment in February 2004, joining Tesla's board of directors as its chairman. Musk took an active role within the company and oversaw Roadster product design at a detailed level, but was not deeply involved in day-to-day business operations.</li>
              <li><strong>2006</strong> Musk provided the initial concept and financial capital for SolarCity, which was then co-founded in 2006 by his cousins Lyndon and Peter Rive. Musk remains the largest shareholder. SolarCity is now the second largest provider of solar power systems in the United States.</li>
              <li><strong>2013</strong> On August 12, 2013, Musk unveiled a concept for a high-speed transportation system incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion driven by linear induction motors and air compressors. The mechanism for releasing the concept was an alpha-design document that, in addition to scoping out the technology, outlined a notional route where such a transport system might be built: between the Greater Los Angeles Area and the San Francisco Bay Area.</li>
              <li><strong>2015</strong> In December 2015, Elon Musk announced the creation of OpenAI, a not-for-profit artificial intelligence (AI) research company. OpenAI aims to develop artificial general intelligence in a way that is safe and beneficial to humanity.</li>
        </ul>
        <blockquote class="blockquote">
          <p class="mb-0">"Failure is an option here. If things are not failing, you are not innovating enough."</p>
          <footer class="blockquote-footer"><em>Elon Musk</em></footer>
        </blockquote>
        
        <h3>You should read more about the who innovates for real on his <a href="https://en.wikipedia.org/wiki/Elon_Musk" target="_blank">Wikipedia entry.</a></h3>        </div>
    </div>
  </div>
  <p class="text-center">Written and coded by <a href="https://github.com/maxblanch" target="_blank">Max Blanchard - The Drummer</a> 2017 :)</p>
</div>
            
          
!
            
              body {
  margin-top: 60px;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console