Pen Settings

HTML

CSS

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

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <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>
              
            
!

CSS

              
                
/*ul#timeline li{
margin-left:34%;
}*/
              
            
!

JS

              
                
              
            
!
999px

Console