Jimmy Page Tribute Page

In this example below you will see how to do a Jimmy Page Tribute Page with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by BrianBrain, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright BrianBrain ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Jimmy Page Tribute Page</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

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

</body>

</html>

/*Downloaded from https://www.codeseek.co/BrianBrain/jimmy-page-tribute-page-JRWvmz */

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

Comments