-
Notifications
You must be signed in to change notification settings - Fork 0
/
band.html
117 lines (108 loc) · 6.22 KB
/
band.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pink Floyd The Band</title>
<!-- favicon -->
<link rel="icon" type="image/png"
href="https://thestarvingcoder.github.io/favorite_band/assets/images/favicon.ico?" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font Awesome -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Roboto Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="https://thestarvingcoder.github.io/favorite_band/assets/styles/style.css">
</head>
<body>
<!-- nav bar code -->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://thestarvingcoder.github.io/favorite_band/index.html">Pink Floyd</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="https://thestarvingcoder.github.io/favorite_band/band.html">The Band</a></li>
<li><a href="https://thestarvingcoder.github.io/favorite_band/events.html">Events</a></li>
<li><a href="https://thestarvingcoder.github.io/favorite_band/oldbutgold.html">Old but Gold</a></li>
<li><a href="https://thestarvingcoder.github.io/favorite_band/contact.html">Contact Us!</a></li>
<li><a href="https://thestarvingcoder.github.io/favorite_band/mockup.html">Mock up Page</a></li>
</ul>
</div>
</div>
</nav>
<!-- JumboTron -->
<div class="container-fluid center">
<div class="row">
<div class="col-md-12">
<!-- <div class="container-fluid center"> -->
<div class="jumbotron">
<h1 class="center">Pink Floyd in so many words.</h1>
<img src="https://thestarvingcoder.github.io/favorite_band/assets/images/fountain.png" class="img-thumbnail padding"
alt="fountain">
<p>Pink Floyd were an English rock band formed in London in 1965. They achieved international acclaim with
their
progressive and psychedelic music. Distinguished by their philosophical lyrics, sonic experimentation,
extended
compositions, and elaborate live shows, they are one of the most commercially successful and influential
groups
in popular music history.</p>
</div>
<div class="container-fluid center">
<img src="https://thestarvingcoder.github.io/favorite_band/assets/images/practice.png" class="img-thumbnail photo padding"
alt="practice">
<p class="band-info"> Pink Floyd were founded by students Syd Barrett on guitar and lead vocals, Nick Mason on
drums, Roger Waters on bass and vocals, and Richard Wright on keyboards and vocals. They gained popularity
performing in London's underground music scene during the late 1960s, and under Barrett's leadership
released
two charting singles and a successful debut album, The Piper at the Gates of Dawn (1967). Guitarist and
vocalist
David Gilmour joined in December 1967; Barrett left in April 1968 due to deteriorating mental health. Waters
became the primary lyricist and conceptual leader, devising the concepts behind their albums The Dark Side
of
the Moon (1973), Wish You Were Here (1975), Animals (1977), The Wall (1979) and The Final Cut (1983). The
Dark
Side of the Moon and The Wall became two of the best-selling albums of all time.</p>
<img src="https://thestarvingcoder.github.io/favorite_band/assets/images/group_photo.png"
class="img-thumbnail photo padding" alt="group photo">
<p class="band-info">Following creative tensions, Wright left Pink Floyd in 1979, followed by Waters in 1985.
Gilmour and Mason continued as Pink Floyd, joined later by Wright. The three produced two more albums—A
Momentary Lapse of Reason (1987) and The Division Bell (1994)—and toured through 1994. In 2005, after nearly
two
decades of enmity, Gilmour, Wright, Mason and Waters reunited as part of the global awareness event Live 8;
Gilmour and Waters stated they had no further plans to reunite the band. Barrett died in 2006, and Wright in
2008. The last Pink Floyd studio album, The Endless River (2014), was recorded without Waters and based
almost
entirely on unreleased material from The Division Bell recording sessions.</p>
<img src="https://thestarvingcoder.github.io/favorite_band/assets/images/studio.png" class="img-thumbnail photo padding"
alt="studio">
<p class="band-info">Pink Floyd were inducted into the American Rock and Roll Hall of Fame in 1996 and the UK
Music Hall of Fame in 2005. By 2013, they had sold more than 250 million records worldwide.</p>
<img src="https://thestarvingcoder.github.io/favorite_band/assets/images/airplane_background.png"
class="img-thumbnail photo padding" alt="airplane background">
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="container-fluid center">
<i class="fa fa-facebook-square 5x" aria-hidden="false"></i>
<i class="fa fa-spotify" aria-hidden="false"></i>
<i class="fa fa-twitter-square" aria-hidden="false"></i>
<i class="fa fa-instagram" aria-hidden="false"></i>
</footer>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</body>
</html>