-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathJosh.html
124 lines (107 loc) · 6.12 KB
/
Josh.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
<!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>TwentyOnePilots</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 fixed-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>
<!-- 1st image -->
<div class="josh2">
<div class="caption">
<span class="border">Josh Dun</span>
</div>
</div>
<span id="section05" class="demo">
<a href="#thanks"><span></span>Scroll</a>
</span>
<!-- text box -->
<div class="description">
<h3 style="text-align: center;">Who is Josh Dun?</h3>
<p> Dun was born in Columbus, Ohio, to Laura Lee Dun (née McCollum), a hospice social worker, and William Earl "Bill" Dun, a physical therapy assistant. He grew up with two sisters, Ashley Bonnie Lee and Abigail Christine "Abbie" Dun, and a brother named Jordan Christopher Dun.
Dun states that his adolescence was somewhat rebellious. "I just had this aggression," he says, noting that his parents nearly kicked him out when he was 14. "They almost sent me to military school. They didn't know what to do with me, and I was always in detention. I never got into drugs or alcohol, but I would yell at my parents and just treat them terribly. Everything was an argument."</p>
</div>
<!-- 2nd image -->
<div class="josh1">
</div>
<!-- 2nd txt box-->
<div style="position:relative">
<div class="description">
<p> Dun did not attend college, instead living with friends and focusing on musical hobbies. "I was going nowhere," he says. "One day I said to my dad, 'Are you disappointed that I'm working a minimum-wage job, and I didn't go to college?' I'll never forget his response. He replied, 'It's not about how much money you make or what your job is, but it's more about your character. For that, I'm proud of you.' It gave me motivation."[7] Dun worked at Guitar Center for three years alongside his friends. It was here he met former Twenty One Pilots drummer Chris Salih, who introduced him to future bandmate Tyler Joseph.</p>
</div>
<!-- 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>
<!-- Javascript for this page -->
<script src="js/main.js"></script>
</body>
</html>