-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
138 lines (134 loc) · 6.88 KB
/
index.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css" type="text/css" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale-1">
</head>
<body>
<header class="header-container-fluid">
<a href="index.html">
<div class="col-md-4 logo"></div>
</a>
<div class="col-md-8">
<ul id="nav" class="list-inline clearfix">
<li class="col-xs-6 col-sm-3 ul-menu-color-home menuitem">
<a href="index.html" class="hvr-pulse"><i class="fa fa-home" aria-hidden="true"></i><span>Home</span></a>
</li>
<li class="col-xs-6 col-sm-3 ul-menu-color-shows menuitem">
<a href="shows.html" class="hvr-pulse"><i class="fa fa-music" aria-hidden="true"></i><span>Shows/Videos</span></a>
</li>
<li class="col-xs-6 col-sm-3 ul-menu-color-the-band menuitem">
<a href="the-band.html" class="hvr-pulse"><i class="fa fa-users" aria-hidden="true"></i><span>Gigs/Members</span></a>
</li>
<li class="col-xs-6 col-sm-3 ul-menu-color-contact menuitem">
<a href="contact.html" class="hvr-pulse"><i class="fa fa-beer" aria-hidden="true"></i><span>Contact</span></a>
</li>
</ul>
</div>
<div class="col-md-8">
<div class="col bg-color-name-title">
<div class="heading">
</div>
</div>
</div>
</header>
<section class="container-fluid bg-color-music">
<div class="row row-table">
<div class="row-xs-10 row-xs-offset-1 row-sm-offset-0 row-sm-4 row-md-6">
<div class="row bg-color-audio-smackdown">
<div class="col-xs-2 col-sm-2 col-md-2">
<i class="audio-smackdown-icon fa fa-bolt" aria-hidden="true"></i>
</div>
<div class="col-xs-10 col-sm-10">
<h4 class="audio-smackdown-heading uppercase">Audio Smackdown</h4>
<p class="audio-smackdown-text">
Rocking on your doorstep. Here comes the musical treat we have all been awaiting! From the south-coastal town of Shoreham-by-Sea arose the bottomless barrel of ear candy that is The Sixth Row. The bands captivating high-energy performances transport the
audience above and beyond what used to be known as rock music! (Indie Post-Rock 2017)
</p>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<h4 class="home-video-heading uppercase">Gone with the flow live video</h4>
<video class="home-video" controls>
<source src="assets/music/T6R_flow.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="col-xs-10 col-sm-10">
<h4 class="music-heading uppercase">Music</h4>
<p class="with-bells-on">
With Bells On
</p>
<audio controls class="audio-player">
<source src="assets/music/With_Bells_on.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="leave">
Leave
</p>
<audio controls class="audio-player">
<source src="assets/music/Leave.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="for-incineration">
For Incineration
</p>
<audio controls class="audio-player">
<source src="assets/music/For_Incineration.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="scared-of-numbers">
Scared of Numbers
</p>
<audio controls class="audio-player">
<source src="assets/music/Scared_of_Numbers.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<p class="T6R-live">
T6R LIVE
</p>
<audio controls class="audio-player">
<source src="assets/music/T6R_Live.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</section>
<footer class="footer-container-fluid">
<div id="footer-details" class="row">
<div class="col-sm-4">
<h5 class="uppercase general-sub ">T6R Social</h5>
<ul class="list-inline social-links ">
<li><a target="_blank" href="#"><i class="fa fa-facebook "></i></a></li>
<li><a target="_blank" href="#"><i class="fa fa-twitter "></i></a></li>
<li><a target="_blank" href="#"><i class="fa fa-pinterest "></i></a></li>
<li><a target="_blank" href="#"><i class="fa fa-instagram "></i></a></li>
<li><a target="_blank" href="#"><i class="fa fa-youtube "></i></a></li>
<li><a target="_blank" href="#"><i class="fa fa-soundcloud "></i></a></li>
</ul>
</div>
<div class="col-sm-4 ">
<h5 class="uppercase general-sub">Get in touch with us!!</h5>
<a href="contact.html" class='btn btn-danger'>Contact</a>
<p class="inline-block">
Available for Gigs, Parties, Weddings, Summer Balls etc.
</p>
<p class="copyright">The Sixth Row 2019 | All Rights Reserved</p>
</div>
<a href="index.html">
<div class="col-sm-4 footer-image"></div>
</a>
</div>
</footer>
</body>
</html>