123

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-fluid row'>
  <div class='col-xs-12 col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1'>
    <div class='jumbotron'>
      <div class='row'>

        <h1 class='text-center'>Steve Jobs</h1>
        <h2 class='text-center'><em>Founder of Apple</em></h2>

        <div class='thumbnail'>
          <img src='http://wpuploads.appadvice.com/wp-content/uploads/2015/01/Steve-Jobs-garage.jpg' alt='steve jobs' class='img-responsive'>
          <div class='caption text-center'>
            Steve Jobs in historic garage where Apple was founded. <em>Photo by Norman Seef</em>
          </div>
        </div>
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1">
          <h3>Here are some key dates from Steve Jobs' career:</h3>
          <ul>
  
            <li><strong>1974:</strong> Jobs works for video game maker Atari and attends meetings of the Homebrew Computer Club with Steve Wozniak, a high school friend who was a few years older.</li>
            
            <li><strong>1976:</strong> Apple Computer is formed on April Fool's Day, shortly after Wozniak and Jobs create a new computer circuit board in a Silicon Valley garage. A third co-founder, Ron Wayne, leaves the company after less than two weeks. The Apple I computer goes on sale by the summer for $666.66.</li>
            
            <li><strong>1977:</strong> Apple is incorporated by its founders and a group of venture capitalists. It unveils Apple II, the first personal computer to generate color graphics. Revenue reaches $1 million.</li>
            
            <li><strong>1980:</strong> Apple goes public, raising $110 million in one of the biggest initial public offerings to date.</li>
            
            <li><strong>1982:</strong> Annual revenue climbs to $1 billion.</li>
            
            <li><strong>1983:</strong> The Lisa computer goes on sale with much fanfare, only to be pulled two years later. Jobs lures John Sculley away from Pepsico Inc. to serve as Apple's CEO.</li>
            
            <li><strong>1984:</strong> Iconic "1984" Macintosh commercial directed by Ridley Scott airs during the Super Bowl. The Macintosh computer goes on sale.</li>
            
            <li><strong>1985:</strong> Jobs and Sculley clash, leading to Jobs' resignation. Wozniak also resigns from Apple this year.</li>
            
            <li><strong>1986:</strong> Jobs starts Next Inc., a new computer company making high-end machines for universities. He also buys Pixar from "Star Wars" creator George Lucas for $10 million.</li>
            
            <li><strong>1989:</strong> First NeXT computer goes on sale with a $6,500 price tag.</li>
            
            <li><strong>1991:</strong> Apple and IBM Corp. announce an alliance to develop new PC microprocessors and software. Apple unveils portable Macs called PowerBook.</li>
            
            <li><strong>1993:</strong> Apple introduces the Newton, a hand-held, pen-based computer. The company reports quarterly loss of $188 million in July. Sculley is replaced as CEO by Apple president Michael Spindler. Apple restructures, and Sculley resigns as chairman. At Next, Jobs decides to focus on software instead of whole computers.
<li><strong>1994:</strong> Apple introduces Power Macintosh computers based on the PowerPC chip it developed with IBM and Motorola. Apple decides to license its operating software and allow other companies to "clone" the Mac, adopting the model championed by Microsoft Corp.</li>
<li><strong>1995:</strong> The first Mac clones go on sale. Microsoft releases Windows 95, which is easier to use than previous versions and is more like the Mac system. Apple struggles with competition, parts shortages and mistakes predicting customer demand. Pixar's "Toy Story," the first commercial computer-animated feature, hits theaters. Pixar goes to Wall Street with an IPO that raises $140 million.</li>
<li><strong>1996:</strong> Apple announces plans to buy Next for $430 million for the operating system Jobs' team developed. Jobs is appointed an adviser to Apple. Gil Amelio replaces Spindler as CEO.</li>
<li><strong>1997:</strong> Jobs becomes "interim" CEO after Amelio is pushed out. He foreshadows the marketing hook for a new product line by calling himself "iCEO." Jobs puts an end to Mac clones.</li>
<li><strong>1998:</strong> Apple returns to profitability. It shakes up personal computer industry in 1998 with the candy-colored, all-in-one iMac desktop, the original models shaped like a futuristic TV. Apple discontinues the Newton.</li>
<li><strong>2000:</strong> Apple removes "interim" label from Jobs' CEO title.</li>
<li><strong>2001:</strong> The first iPod goes on sale, as do computers with OS X, the modern Mac operating system based on Next software. Apple also releases iTunes software.</li>
<li><strong>2003:</strong> Apple launches the iTunes Music Store with 200,000 songs at 99 cents each, giving people a convenient way to buy music legally online. It sells 1 million songs in the first week.</li>
<li><strong>2004:</strong> Jobs undergoes surgery for a rare but curable form of pancreatic cancer. Apple discloses his illness after the fact.</li>
<li><strong>2005:</strong> Apple expands the iPod line with the tiny Nano and an iPod that can play video. The company also announces that future Macs will use Intel chips.</li>
<li><strong>2006:</strong> Disney buys Pixar for $7.4 billion. Jobs becomes Disney's largest individual shareholder, and much of his wealth is derived from this sale.</li>
<li><strong>2007:</strong> Apple releases its first smartphone, the iPhone. Crowds camp overnight at stores to be one of the first to own the new device.</li>
<li><strong>2010:</strong> Apple sells 15 million of its newest gadget, the iPad, in nine months, giving rise to a new category of modern touch-screen tablet computers.</li>
          </ul>
          <div class='lead'>
            <p>“Don’t let the noise of others’ opinions drown out your own inner voice."</p>
          </div>
          <blockquote>
            <footer>Steve Jobs <cite title="Source Title">Stanford University commencement speech, 2005</cite></footer>
          </blockquote>
          <h3>Learn more about Steve Jobs on his <a href='https://en.wikipedia.org/wiki/Steve_Jobs' target='_blank'>Wikipedia Entry</a></h3>
        </div>
      </div>
    </div>
  </div>
</div>
<footer class="text-center">
  <hr>
  <p>coded by Asaf Harari.</p>
</footer>
            
          
!
            
              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.

Console