lz-fan-page
Version:
Led Zeppelin fan page
244 lines (241 loc) • 16.6 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Led Zeppelin | Official Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="../CSS/normalize.css">
<link rel="icon" href="https://www.ledzeppelin.com/sites/g/files/g2000013721/files/favicon_5.ico">
</head>
<body>
<div class="container">
<header class="header">
<img class="logo" src="https://discography.ledzeppelin.com/images/logo-dark.png" alt="logo">
<nav>
<ul class="nav__links">
<li><a href="https://www.ledzeppelin.com/?frontpage=true" target="_blank">HOME</a></li>
<li><a href="https://discography.ledzeppelin.com/" target="_blank">DISCOGRAPHY</a></li>
<li><a href="https://www.ledzeppelin.com/news" target="_blank">NEWS</a></li>
<li><a href="https://www.ledzeppelin.com/timelinebrowse" target="_blank">CONCERT TIMELINE</a></li>
<li><a href="https://www.ledzeppelin.com/photos" target="_blank">PHOTOS</a></li>
<li><a href="https://www.ledzeppelin.com/video-timeline" target="_blank">VIDEO</a></li>
<li><a href="https://forums.ledzeppelin.com/" target="_blank">FORUM</a></li>
<li><a href="https://store.ledzeppelin.com/" target="_blank">MERCHANDISE</a></li>
</ul>
</nav>
</header>
<article class="article">
<section class="introduction">
<h1 class="introduction-title">Introduction</h1>
<p class="introduction-p">
Led Zeppelin were an English rock band formed in London in 1968. The group comprised vocalist Robert
Plant, guitarist Jimmy Page, bassist and keyboardist John Paul Jones, and drummer John Bonham. With
a heavy, guitar-driven sound, they are cited as one of the progenitors of hard rock and heavy metal,
although their style drew form a variety of influences, including blues and folk music. Led Zeppelin
have been credited as significantly impacting the nature of the music industry, particularly in the
development of album-oriented rock and stadium rock. <br>
Led Zeppelin are one of the best-selling music artists of all time; their total record sales are
estimated to be between 200 and 300 million units worldwide. They achieved eight consecutive UK
number-one albums and six number-one albums on the US Billboard 200, with five of their albums
certified Diamond in the US. Rolling Stone magazine described them as "the heaviest band of all
time", "the biggest band of the Seventies", and "unquestionably one of the most enduring bands in
rock history". They were inducted into the Rock and Roll Hall of Famin 1995; the museum's biography
of the band states that they were "as influential" during the 1970s as the Beatles were during the
1960s.
</p>
</section>
<section class="history">
<h1 class="history-title">History</h1>
<p class="history-p">
Led Zeppelin formed as a "supergroup" in 1968, set up by former Yardbirds guitarist Jimmy Page. They
were originally going to be called The New Yardbirds until The Who's drummer Keith Moon remarked
they would go down like a "lead zeppelin". <br>
Page's first choice for singer, Terry Reid, declined the offer but recommended Robert Plant, who in
turn roped in his mate John Bonham on drums. When bassist Chris Dreja opted out of the project to
become a photographer, he suggested his mate John Paul Jones, and the line-up was complete. <br>
The band's first four albums - "Led Zeppelin", "Led Zeppelin II", "Led Zeppelin III" and "IV (Four
Symbols)" - are all seen as rock classics, mixing blues, folk and eastern influences and making them
increasingly huge, especially in the US and the UK. The band and their manager, Peter Grant,
maintained an agressive pro-album stance - though some singles were released without their consent.
<br>
The group also increasingly resisted television appearences, enforcing their preference that their
fans hear and see them live in person. This resulted in them becoming a massive live draw. <br>
As well as their music, the band became notorious for their offstage excesses as noted in Steven
Davis' unauthorised autobiography "Hammer Of The Gods". As well as all the usual stuff, such as drug
use and TVs being thrown out of windows, there were darker episodes, such the infamous "shark
incident", explained further here. <br>
Between 1971 and 1975 Led Zeppelin could justifiably claim to be the biggest band in the world, and
the world's premiere live draw. Further albums - "Houses of the Holy" and the double "Physical
Graffiti" (widely thought to be their best) cemented their success. <br>
Between 1976 and 1980, things got darker for the Zep. Although albums such as "Presence" and "In
Through the Out Door" still sold shedloads, Robert Plant was seriously injured in a car crash, and
infant son Kai died of a chest infection. Jimmy Page was dabbling with heroin, and John Bonham was
an alcoholic. The end came in September 1980, when Bonham died at Page's house aged 32 after choking
on his own vomit following a drink binge.
</p>
</section>
<h1 class="photos-title">Discography</h1>
<section class="photos">
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/lz1.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/lz1.jpg">
<div class="text">Led Zeppelin</div>
<div class="year">(1969)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/lz2.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/lz2.jpg">
<div class="text">Led Zeppelin II</div>
<div class="year">(1969)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/lz3.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/lz3.jpg">
<div class="text">Led Zeppelin III</div>
<div class="year">(1970)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/lz4.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/lz4.jpg">
<div class="text">Led Zeppelin IV</div>
<div class="year">(1971)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/hoth.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/hoth.jpg">
<div class="text">Houses of the Holy</div>
<div class="year">(1973)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/pg.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/pg.jpg">
<div class="text">Physical Graffity</div>
<div class="year">(1975)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/pres.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/pres.jpg">
<div class="text">Presence</div>
<div class="year">(1976)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/tsrts.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/tsrts.jpg">
<div class="text">The Song Remains the Same</div>
<div class="year">(1976)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/ittod.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/ittod.jpg">
<div class="text">In Through the Out Door</div>
<div class="year">(1979)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/ittod.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/coda.jpg">
<div class="text">CODA</div>
<div class="year">(1982)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/ittod.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/bbc.jpg">
<div class="text">Led Zeppelin BBC Sessions</div>
<div class="year">(1997)</div>
</a>
</div>
<div class="photos-container">
<a href="https://discography.ledzeppelin.com/htwww.html" target="_blank">
<img class="image" src="https://discography.ledzeppelin.com/images/htwww.jpg">
<div class="text">How the West Was Won</div>
<div class="year">(2003)</div>
</a>
</div>
</section>
</article>
<footer class="footer">
<div class="footer-container">
<div class="footer-image-wrapper">
<img src="https://www.ledzeppelin.com/sites/g/files/g2000013721/files/2022-03/zosa.png">
</div>
<div class="footer-section-wrapper">
<div class="footer-section">
<nav class="footer-list">
<li>
<a href="https://www.ledzeppelin.com/news" target="_blank" class="footer-link">NEWS</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/news" target="_blank"
class="footer-link">DISCOGRAPHY</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/timelinebrowse" target="_blank"
class="footer-link">TIMELINE</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/photos" target="_blank"
class="footer-link">PHOTOS</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/video-timeline" target="_blank"
class="footer-link">VIDEO</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/video-timeline" target="_blank"
class="footer-link">FORUM</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/merchandise.html" target="_blank"
class="footer-link">MERCHANDISE</a>
</li>
<li>
<a href="https://www.ledzeppelin.com/contact-us" target="_blank"
class="footer-link">CONTACT</a>
</li>
</nav>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-container">
<div class="footer-social">
<a href="https://www.facebook.com/ledzeppelin" target="_blank" class="footer-social-icon">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Facebook</title>
<path
d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" />
</svg>
</a>
<a href="https://www.twitter.com/ledzeppelin" target="_blank" class="footer-social-icon">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Twitter</title>
<path
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z" />
</svg>
</a>
<a href="https://www.youtube.com/ledzeppelin" target="_blank" class="footer-social-icon">
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>YouTube</title>
<path
d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
</svg>
</a>
</div>
<p class="footer-copyright">© LED ZEPPELIN.COM</p>
</div>
</div>
</footer>
</div>
</body>
</html>