-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrench.html
executable file
·148 lines (123 loc) · 6.66 KB
/
trench.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
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>TwentyOnePilot</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/about.css" rel="stylesheet">
<!-- icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar transparent stickf-top navbar-expand-lg navbar-dark bg-dark ">
<div class="container">
<a class="navbar-brand" href="index.html" id="logo"><img src="images/logo.png" width="50px" height="50px">TwentyOnesPilots</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownAbout" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownAbout">
<a class="dropdown-item about" href="tylor.html">Tyler Joseph</a>
<a class="dropdown-item about" href="Josh.html">Josh Dun</a>
<a class="dropdown-item about" href="twentyonepilots.html">TwentyOnePilots</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownAlbums" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Albums
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownAlbums">
<a class="dropdown-item about" href="trench.html">The Trench</a>
<a class="dropdown-item about" href="blurryface.html">Blurryface</a>
<a class="dropdown-item about" href="vessel.html">Vessel</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Other Pages
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
<a class="dropdown-item about" href="concert.html">Concert Dates</a>
<a class="dropdown-item about" href="faq.html">FAQ</a>
</div>
<li class="nav-item">
<a class="nav-link" href="cart.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading/Breadcrumbs -->
<h1 class="mt-4 mb-3">Trench
</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active">The Trench</li>
</ol>
<!-- Portfolio Item Row -->
<div class="row">
<div class="col-md-7 embed-responsive embed-responsive-16by9" style="margin:20px;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/UOUBW8bkjQ4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-md-4">
<div>
<h3 class="my-3">The Trench</h3>
<h3 class="my-3">Jumpsuit - TwentyOnePilots</h3>
<p>Trench is the fifth studio album by American musical duo Twenty One Pilots, released on October 5, 2018 through Fueled by Ramen. It is the band's first studio album in three years, after the breakthrough success of their previous album, Blurryface (2015). Recorded in secret during a year-long public silence, it is a concept album which explores mental health, suicide and doubt, themes prominently featured in the band's previous works, framed in the metaphorical city of Dema and the surrounding valley known as "Trench". The album is also the first release of the newly revived Elektra Music Group.</p>
</div>
</div>
</div>
<!-- /.row -->
<!-- Related Projects Row -->
<h3 class="my-4">Other songs inside the album</h3>
<div class="row ">
<div class="col-sm embed-responsive embed-responsive-16by9" style="margin:20px">
<iframe width="350" height="180" src="https://www.youtube.com/embed/hMAPyGoqQVw" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-sm embed-responsive embed-responsive-16by9" style="margin:20px">
<iframe width="350" height="180" src="https://www.youtube.com/embed/eJnQBXmZ7Ek" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-sm embed-responsive embed-responsive-16by9" style="margin:20px">
<iframe width="350" height="180" src="https://www.youtube.com/embed/Io2hbcrAYBw" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Production of schwa_hue©2019</p>
<p class="text-center">
<a href="https://twitter.com/twentyonepilots?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" class="fa fa-twitter"></a>
<a href="https://www.youtube.com/user/twentyonepilots" class="fa fa-youtube"></a>
<a href="https://www.instagram.com/twentyonepilots/?hl=en" class="fa fa-instagram"></a>
<a href="https://www.facebook.com/twentyonepilots/" class="fa fa-facebook"></a>
</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>