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="container-fluid">
        <h1 class="text-center">Jimmy Page</h1>
        <h2 class="text-center"><em>The Stravinsky of Rock Guitar</em></h2>
       <div class="thumbnail">
          <img class = "img-repsonive center-block" src="https://c7.staticflickr.com/9/8083/29585129270_21a8889989_b.jpg" alt="jimmyP">
          <div class="caption text-center">Jimmy Page performing live with his signature double-neck electric guitar at Earls Court in 1975</div>
        </div>
        <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
          <h3>Here's a timeline of Jimmy Page's Life</h3>
          <div>
            <ul>
              <li><strong>1944</strong> - Born in Heston England </li>
              <li><strong>Feb. 21 1957</strong> - Gets his first guitar</li>
              <li><strong>Dec. 8 1957</strong> - Appears on Young Talents TV Program</li>
              <li><strong>1962 </strong> - He became a much sought after session guitarist during the 1960s and played with many popular bands including The Rolling Stones</li>
              <li><strong>May 16 1965</strong> - He joins the Yard Birds</li>
              <li><strong>Jan. 14 1968</strong> - Founded Led Zeppelin</li>
              <li><strong>Jan. 12 1969 </strong> - Led Zeppelin I is releaseds. Produced by Jimmy Page</li>
              <li><strong>Oct. 22, 1969 </strong> - Led Zeppelin II is released. Produced by Jimmy Page</li>
              <li><strong>Oct. 5 1970</strong> - Led Zeppelin III is released. Produced by Jimmy Page</li>
              <li><strong>Nov. 8, 1971</strong> - Led Zeppelin IV is released. Produced by Jimmy Page</li>
              <li><strong>Nov. 8, 1971</strong> - Jimmy Page publishes "Stairway to Heaven"</li>
              <li><strong>March 28, 1973</strong> - Led Zepplin Releases Houses of the Holy. Produced by Jimmy Page</li>
              <li><strong>Feb. 24, 1975</strong> - Led Zeppelin releases Physical Graffiti. Produced by Jimmy Page</li>
              <li><strong>March 31, 1976</strong> - Led Zeppelin releases Presence. Produced by Jimmy Page</li>
              <li><strong>Sept. 21 1976</strong> - Led Zeppelin Releases the live concert movie, The Song Remains the Same</li>
              <li><strong>Sept. 25,1980</strong> - Zep drummer John Bonham dies. Led Zeppelin disbands</li>
              <li><strong>Sept. 25,1980</strong> - Zep drummer John Bonham dies. Led Zeppelin disbands</li>
              <li><strong>1982</strong> - Page scores Deathwish II</li>
              <li><strong>1984</strong> - Forms the group the Firm with Paul Rodgers of Bad Company</li>
              <li><strong>1985</strong> - The Firm Release self-titled album</li>
              <li><strong>1986</strong> - Firm release Mean Business</li>
              <li><strong>1985</strong> - Page performs with Zep at Live Aid. The performance was lackluster</li>
              <li><strong>1988</strong> - Zep performs at 1988 Atlantic Records 25th Anniversary Concert</li>
              <li><strong>1988</strong> - Page Releases his solo album Outrider</li>
              <li><strong>1988</strong> - Page works on Robert Plant's Now and Zen album</li>
              <li><strong>1982</strong> - Page scores Deathwish II</li>
              <li><strong>1993</strong> - Pages works with David Coverdale on Coverdale/page</li>
              <li><strong>1994</strong> - Page and Plant reunite for No Quarter</li>
              <li><strong>2005</strong> - Page becomes an Officer of the Order of the British Empire for his charity work</li>
              <li><strong>2007</strong> - Zep plays a charity concert of rht Aumet Ertegun Education Fund and receive rave review for their performance</li>
              <li><strong>2014</strong> - Page remasters all of Zep's studio albums and reissues them. </li>
            </ul>
            <blockquote>
              <p>"Jimmy Page's vision and resolve knows no boundaries: Extending beyond the music, inspired and propelled by the great ones. Everything and anything has been probable and often possible in his work, always free from the chains of repetition
                and mediocrity..."</p>
              <footer><cite>Robert Plant, Led Zeppelin's lead singer, 2007</cite></footer>
            </blockquote>
            <p>For more information about Jimmy Page, visit his <a href="https://en.wikipedia.org/wiki/Jimmy_Page" target="_blank"> Wikipedia entry</a>.</p>
          </div>
        </div>
    </div>
</div>
        
        <footer class="text-center">
          <hr> <p>Written and coded by <a href="https://www.freecodecamp.com/briankidd9design" target="_blank">Brian Kidd</a></p>
        </footer>
      </div>
            
          
!
            
              
/*ul#timeline li{
margin-left:34%;
}*/
            
          
!
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