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.

            
              <body>
  <div class="container">
    <div class="jumbotron">
      <div class="row">
        <div class="col-xs-12">
          <h1 class="text-center">Steve Jobs</h1>
          <h2 class="text-center">The man who change the world!</h2>
          <div class="img-thumbnail">
          <img src="http://www.droid-life.com/wp-content/uploads/2011/10/steve-jobs1.jpg" class=" img-thumbnail" alt="Steve Jobs photo">
          <div class="caption text-center"><em>Design is not just what it looks like and feels like. Design is how it works.</em>
          </div>
          </div>
          <br><br>
          <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2" id="content">
          <h4>We take a look at some of the key events in the life of former Apple CEO:</h3>
            <ul>
               <li><strong>1955</strong> - Born Feb. 24 in San Francisco to Joanne Simpson and Abdulfattah Jandali.                                </li>
               <li><strong>1955</strong> - Adopted from infancy by Paul and Clara Jobs in San Francisco. Moves to Mountain View, California, five months later.
               </li>
               <li><strong>1969</strong> - Offered a summer job at Hewlett-Packard Co. (HP) by William Hewlett.
               </li>
               <li><strong>1971</strong> - Meets Steve Wozniak; the two later found Apple Computer Inc.
               </li>
               <li><strong>1972</strong> - Graduates from Homestead High School in Los Altos.
               </li>
               <li><strong>1972</strong> - Registers at Reed College, Portland, Oregon, and drops out after one semester.
               </li>
               <li><strong>1974</strong> - Joins Atari Inc. as a technician.
               </li>
               <li><strong>1975</strong> - Starts attending meetings of the "Homebrew Computer Club," which discussed home computers.
               </li>
               <li><strong>1976</strong> - Jobs and Wozniak raise US$1,750 and build their first marketable table-top computer, the Apple I.
               </li>
               <li><strong>1976</strong> - Founds Apple Computer Company with Wozniak and Ronald Wayne. Wayne sells his stake two weeks later.
               </li>
               <li><strong>1977</strong> - Apple is incorporated as Apple Computer Inc. and the new company buys out the original partnership.
               </li>
               <li><strong>1977</strong> - Apple launches Apple II, the world's first widely used personal computer.
               </li>
               <li><strong>1978</strong> - Jobs has first child, Lisa, with Chrisann Brennan.
               </li>
               <li><strong>1979</strong> - Development of Macintosh starts.
               </li>
               <li><strong>1980</strong> - Apple III launched.
               </li>
               <li><strong>1980</strong> - Apple goes public, share price jumps from $22 to $29 on the first day of trading.
               </li>
               <li><strong>1981</strong> - Jobs involves himself in Macintosh development.
               </li>
               <li><strong>1983</strong> - Recruits John Sculley as Apple president and chief executive officer.
               </li>
               <li><strong>1983</strong> - Announces "Lisa," the first mouse-controlled computer. It fails in the marketplace.
               </li>
               <li><strong>1984</strong> - Apple launches Macintosh with a splashy ad campaign on Super Bowl Sunday.
               </li>
               <li><strong>1985</strong> - Jobs ousted from Apple after boardroom struggle with Sculley. Jobs resigns and takes five Apple employees with him.
               </li>
               <li><strong>1986</strong> - Buys Pixar from George Lucas for less than $10 million. Company later renamed Pixar Animation Studios.
               </li>
               <li><strong>1995</strong> - Pixar's "Toy Story" highest grossing film that year.
               </li>
               <li><strong>1997</strong> - Jobs becomes interim CEO and chairman of Apple Computer Inc., after Amelio is ousted. Jobs' salary is $1.
               </li>
               <li><strong>1998</strong> - Apple returns to profitability and records four profitable quarters in a row.
               </li>
               <li><strong>2001</strong> - Apple launches next-generation operating system - the Unix-based OS X, with subsequent upgrades over the years.
               </li>
               <li><strong>2002</strong> - Launches the flat-panel all-in-one personal computer iMac. It makes the cover of Time Magazine that year and wins numerous design awards.
               </li>
               <li><strong>2003</strong> - Jobs launches the 64-bit PowerMac G5 personal computer.
               </li>
               <li><strong>2007</strong> - Jobs announces the iPhone, one of the first smartphones without a keyboard, at Macworld Expo.
               </li>
               <li><strong>2009</strong> - In early January Jobs says that his dramatic weight loss was caused by a hormone imbalance. At that time he said this condition would not hinder his abilities to function as CEO. Around one week later Jobs says that he will take a leave of absence from Apple until June because his medical condition had changed. He does not disclose his ailment. COO Tim Cook is to handle Apple's day-to-day operations during Jobs' recovery period. Apple says Jobs will be involved with major strategic decisions.
               </li>
               <li><strong>2010</strong> - Jobs appears on stage in San Francisco to announce Apple's second-generation Apple TV set-top box, which streams movies from the Internet or mobile devices like the iPhone and iPad directly to TV sets.
               </li>
               <li><strong>2011</strong> - Taking a break from his medical leave, Jobs makes an appearance at an event in San Francisco to introduce the iPad 2.
               </li>
               <li><strong>2011</strong> - While still on leave, Jobs appears at the company's Worldwide Developers Conference in San Francisco to introduce the iCloud and iOS 5. A few days later, Jobs appears in front of the Cupertino City Council with a proposal to build a spaceship-like campus in the city.
               </li>
               <li><strong>2011</strong> - Jobs announces he is stepping aside as CEO, with Cook taking over that role. It also is announced that the board has elected Jobs chairman.
               </li>
             <ul><br>
               <blockquote>
               <h4><q>That’s been one of my mantras — focus and simplicity. Simple can be harder than complex; you have to work hard to get your thinking clean to make it simple.</q></h4>
               <cite>-Steve Jobs</cite>
               </blockquote>
               
               <h3>If you have time, you should read more about this incredible man being on his <a href="https://en.wikipedia.org/wiki/Steve_Jobs" target="_blank"> Wikipedia entry.</a></h3>
           </div>
         </div>
       </div>
     </div>
   </div>
</body>
            
          
!
            
              body {
  margin-top:60px;
}

h1 {
  font-family:Gotham Medium;
  font-size: 100px;
}
h2 {
  font-family: Gotham;
}
h4 {
  font-family:Gotham;
}
#content {
  font-family: Gotham;
  
}
            
          
!
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