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. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ 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"> 
  <h1 class="text-center text-uppercase" id="heading"><b>Led-Zeppelin</b></h1>
  <div class= "jumbotron"> <img id="headphoto" width="100%" class="img-responsive" src="http://img.wennermedia.com/social/led-zeppelin-bbc-album-review-fb72cd94-408c-4600-a911-f5a4f5d4730c.jpg" alt="" />
    
   <p id="quote"><b><q>So tonight you better stop and rebuild all your ruins, because peace and trust can win the day despite of all your losing.</q></b>-Led Zeppelin</p>
  </div>
  
  <div class="jumbotron">
    <div class="intro" id="heading2"><p><b>ABOUT THE BAND</b></p>
    <p><b>Led Zeppelin</b> were an English rock band formed in London in 1968. The group consisted of guitarist Jimmy Page, singer Robert Plant, bassist and keyboardist John Paul Jones, and drummer John Bonham. The band's heavy, guitar-driven sound has led them to be cited as one of the progenitors of heavy metal, though their unique style drew from a wide variety of influences, including blues, psychedelia, and folk music.</p>
    </div>
    <div><img class="img-responsive" src="http://img.wennermedia.com/social/rs-246110-led-zepellin-best-rip-offs.jpg" alt=""/></div>
  </div>
    <div class="jumbotron">
      <h2 class="text-center" id="heading2"><b>Members</b></h2>
      <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="thumbnail">
        <img class="img-responsive" src="https://s-media-cache-ak0.pinimg.com/736x/12/29/7c/12297c04dcae5d1274aeabb94e94c915.jpg" height="200" alt=""/>
          <div class="caption text-center"><p><b>Jimmy Page</b></p></div>
        </div>
        </div>
      <div class="col-xs-12 col-sm-6 col-md-3">
          <div class="thumbnail">
            <img class="img-responsive" src="https://everyrecordtellsastory.files.wordpress.com/2012/07/robert-plant.jpeg" height="200" alt="" />
            <div class="caption text-center"><p><b>Robert Plant</b></p></div>
          </div>
        </div>
      <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="thumbnail">
         <img class="img-responsive" src="https://s-media-cache-ak0.pinimg.com/736x/27/92/31/279231cfa9d0e3dd2a5888da24806236.jpg" alt="john paul jones" />
          <div class="caption text-center"><p><b>Paul Jones</b></p></div>
        </div>
        </div>
      <div class="col-xs-12 col-sm-6 col-md-3">
        <div class="thumbnail">
          <img class="img-responsive" src="http://www.thefamouspeople.com/profiles/images/john-bonham-4.jpg" alt="" />
          <div class="caption text-center"><p><b>John Bonham</b>
        </div>
      </div>
  </div>
        <p class="intro">Page wrote most of Led Zeppelin's music, particularly early in their career, while Plant generally supplied the lyrics. Jones' keyboard-based compositions later became central to the group's catalogue, which featured increasing experimentation. The latter half of their career saw a series of record-breaking tours that earned the group a reputation for excess and debauchery. Although they remained commercially and critically successful, their output and touring schedule were limited during the late 1970s, and the group disbanded following Bonham's death from alcohol-related asphyxia in 1980. In the decades that followed, the surviving members sporadically collaborated and participated in one-off Led Zeppelin reunions. The most successful of these was the 2007 Ahmet Ertegun Tribute Concert in London, with Jason Bonham taking his late father's place behind the drums.</p>
      </div>
  </div>
   <div class="jumbotron">
     <div class="container-fluid">
       <p class="text-center" id="heading3"><b>Musical Style</b></p>
     <img id="musicstyle" class="img-responsive" src="http://www.mojo4music.com/media/2014/03/Led-Zeppelin-remasters-770.jpg?9ab822" alt="" />
     <p class="intro" id="qq">Led Zeppelin's music was rooted in the blues.The influence of American blues artists such as Muddy Waters and Skip James was particularly apparent on their first two albums, as was the distinct country blues style of Howlin' Wolf.Tracks were structured around the twelve-bar blues on every studio album except for one, and the blues directly and indirectly influenced other songs both musically and lyrically.The band were also strongly influenced by the music of the British, Celtic, and American folk revivals.Scottish folk guitarist Bert Jansch helped inspire Page, and from him he adapted open tunings and aggressive strokes into his playing.The band also drew on a wide variety of genres, including world music, and elements of early rock and roll, jazz, country, funk, soul, and reggae, particularly on Houses of the Holy and the albums that followed.

</p>
       </div>
  </div>
  <div class="jumbotron">
    <p id="heading3" class="text-center"><b>Legacy</b></p>
    <div class="container-fluid">
      <img id="Legacy"class="img-responsive" src="https://www.thewrap.com/wp-content/uploads/2016/06/GettyImages-85241517.jpg" alt="" />
      <p class="intro">Led Zeppelin are widely considered to be one of the most successful, innovative, and influential bands in the history of rock music. Rock critic Mikal Gilmore said, "Led Zeppelin—talented, complex, grasping, beautiful and dangerous—made one of the most enduring bodies of composition and performance in twentieth-century music, despite everything they had to overpower, including themselves".</p>
<p class="intro">
Led Zeppelin have influenced hard rock and heavy metal bands such as Deep Purple, Black Sabbath, Rush, Queen, Aerosmith, the Black Crowes, and Megadeth as well as progressive metal bands like Tool and Dream Theater. They influenced some early punk and post-punk bands, among them the Ramones and the Cult. They were also an important influence on the development of alternative rock, as bands adapted elements from the "Zeppelin sound" of the mid-1970s, including the Smashing Pumpkins, Nirvana, Pearl Jam, and Soundgarden.</p>
    </div>
  </div>
  <div class="jumbotron">
    <div class="container-fluid">
      <p id="heading3" class="text-center"><b>Achievements</b></p>
      <img id="Achievements" class="img-responsive" src="http://jeremymulford.com/wp-content/uploads/2017/01/ledzeppelin1973_gruen_webuseonly.jpg" alt="" />
      <p class="intro">Led Zeppelin have collected many honours and awards throughout the course of their career. They were inducted into the Rock and Roll Hall of Fame in 1995, and the UK Music Hall of Fame in 2006. Among the band's awards are an American Music Award in 2005, and the Polar Music Prize in 2006. Led Zeppelin were the recipient of a Grammy Lifetime Achievement Award in 2005, and four of their recordings have been inducted into the Grammy Hall of Fame. They have been awarded five Diamond albums, as well as fourteen Multi-Platinum, four Platinum and one Gold album in the United States, while in the UK they have five Multi-Platinum, six Platinum, one Gold and four Silver albums. In addition to listing five of their albums among "the 500 Greatest Albums of All Time", Rolling Stone named Led Zeppelin the 14th-greatest artist of all time in 2004.
      </p>
<p class="intro">
In 2005, Page was appointed an Officer of the Order of the British Empire in recognition of his charity work, and in 2009 Plant was honoured as a Commander of the Order of the British Empire for his services to popular music. The band are ranked number one on VH1's 100 Greatest Artists of Hard Rock and Classic Rock's "50 best live acts of all time".They were named as the best Rock band in a poll by BBC Radio 2. They were awarded an Ivor Novello Award for "Outstanding Contribution to British Music" in 1977, as well as a "Lifetime Achievement Award" at the 42nd Annual Ivor Novello awards ceremony in 1997. The band were honoured at the 2008 MOJO Awards with the "Best Live Act" prize for their one-off reunion, and were described as the "greatest rock and roll band of all time". The three surviving members (Page, Plant, and Jones) were named as 2012 recipients of Kennedy Center Honors.</p>
      <img id="obama" src="http://stonethepreacher.com/wp-content/uploads/2015/04/BarackZep.jpg" class="img-responsive" alt="" />
    
    <p id="quote" class="as"><b><q>Fifty years from now, people will still be listening to Led Zeppelin. They won't even remember me.</q></b>-Ahmet Ertegun
</p></div>
    
  </div>
</div>  
              
            
!

CSS

              
                body{
  background-color: #3498db;
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
}
#heading{
  font-family: "Georgia", Times;
  font-size: 50px;
  position: relative;
}
#heading2{
  font-family: Times;
  margin-top: -25px;
  margin-bottom: 20px;
}
#heading3{
  font-family: Times;
  margin-top: -25px;
  font-size: 30px;
  margin-bottom: 20px;
}
#quote{
  font-size: 15px;
}
#headphoto{
  margin-bottom: 20px;
}
.intro{
  text-align: center;
  font-family: Times;
}

.thumbnail img {
  
    height: 200px;
    width: 250px;
}
#musicstyle{
  display: block;
  margin: auto;
}
#Legacy {
  margin-bottom: 10px;
}
#Achievements{
  margin-bottom:10px;
}
#obama{
  display: block;
  margin: auto;
}
.thumbnail{
  background-color: #bdc3c7;
}
.as{
  margin-top: 20px;
}
#qq{
  margin-top: 20px;
}
              
            
!

JS

              
                
              
            
!
999px

Console