This repository has been archived by the owner on Feb 4, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
446 lines (429 loc) · 30.9 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/styles.css" type="text/css" />
<title>The Monkees</title>
</head>
<body>
<header id="top">
<nav class="navbar fixed-top navbar-expand-lg navbar-custom">
<a class="navbar-brand navbar-close" href="#top">The Monkees</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fa fa-navicon"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link navbar-close" href="#profile">Who we are</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
How We Rock
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item navbar-close" href="#discography">Discography</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item navbar-close" href="#videos">Videos</a>
<a class="dropdown-item navbar-close" href="#songs">Songs</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link navbar-close" href="#schedule">Watch Us Live</a>
</li>
<li class="nav-item">
<a class="nav-link navbar-close" href="#contactform">Hire Us</a>
</li>
<li class="nav-item">
<a class="nav-link navbar-close" href="#legal">The Legal Stuff</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="social-media container-fluid">
<div class="row justify-content-center align-items-center">
<div class="social-media-card">
<div class="section-title">
<h5 class="uppercase general-sub">Official Social Accounts</h5>
</div>
<ul class="list-inline social-links d-flex justify-content-center">
<li class="list-inline-item"><a href="https://www.facebook.com/TheMonkees/" target="_blank" class="dark-blue"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="https://plus.google.com/u/0/communities/107243729247679017293" class="groovy-red" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/themonkees" target="_blank" class="olive-green"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com/themonkees/" target="_blank" class="dark-blue"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/user/themonkees" target="_blank" class="groovy-red"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<article id="whoweare">
<div class="section-title container-fluid">
<h1>Who We Are</h1>
</div>
<section id="profile" class="container">
<div class="row">
<div class="section-title container-fluid">
<h2 class="col-sm-12 col-md-10 col-lg-10">Band Members</h2>
</div>
<div class="profile-left profile-card">
<div class="row">
<div class="col-sm-12 col-md-3 col-lg-3 d-flex justify-content-center align-items-start">
<img class="img-fluid rounded profile-pic" src="assets/images/md.jpg" alt="Head shot of Micky Dolenz" />
</div>
<div class="col-sm-12 col-md-9 col-lg-9 text-justify">
<h3 class="profile-name d-flex justify-content-center justify-content-md-start">Micky Dolenz</h3>
<p>
Micky Dolenz was born in Los Angeles on March 8, 1945. His father George, starred in a number of films, and played the title character in the mid-1950s television series The Count of Monte Cristo.
</p>
<p>
Micky first established himself as a performer at age ten when, under the stage name of “Mickey Braddock,” he starred in his own first TV series, Circus Boy, which aired on NBC and then ABC from 1956 to 1958. In his early teens, Micky guest-starred on
a number of television shows. As he graduated high school and began attending college in the mid-‘60s, Dolenz also learned to play guitar. He soon began to perform with a number of rock ’n roll bands, including one called
The Missing Links.
</p>
<p>
In the fall of 1965, Micky was one of 400 applicants who responded to a trade ad that announced auditions for a new TV show about a rock band. He auditioned for The Monkees’ TV show by playing and singing Chuck Berry’s legendary rocker “Johnny B. Goode,”
and wound up chosen for the show along with three other members of the soon to be band The Monkees: Davy Jones, Michael Nesmith, and Peter Tork.
</p>
<p>
The Monkees' debut single, "Last Train to Clarksville," featuring Micky on lead vocals, hit the charts on September 10, 1966 and rocketed swiftly to number one. Two days later, the television show debuted on NBC to great success. The TV ratings remained
high for two seasons, and the show won two Emmy awards for the first season for “Outstanding Comedy Series” and “Outstanding Directorial Achievement in Comedy” going to veteran director James Frawley.
</p>
</div>
</div>
</div>
<div class="profile-right profile-card">
<div class="row">
<div class="col-sm-12 col-md-3 col-lg-3 order-md-last order-lg-last d-flex justify-content-center align-items-start">
<img class="img-fluid rounded profile-pic" src="assets/images/mn.jpg" alt="Head shot of Michael Nesmith" />
</div>
<div class="col-sm-12 col-md-9 col-lg-9 order-md-first order-lg-first text-justify">
<h3 class="profile-name d-flex justify-content-center justify-content-md-end">Michael Nesmith</h3>
<p>Nesmith was born in Houston, Texas, in 1942. After a tour of duty in the Air Force, Nesmith was given a guitar as a Christmas present from his mother and stepfather. Learning as he went, he played solo and in a series of working
bands, performing folk, country, and occasionally rock and roll. His verse poems became the basis for song lyrics, and after moving to Los Angeles with Phyllis and friend John London, he signed a publishing deal for his
songs.
</p>
<p>
Nesmith's "Mary, Mary" was recorded by the Paul Butterfield Blues Band, while "Different Drum" and "Some of Shelly's Blues" were recorded by Linda Ronstadt and the Stone Poneys. "Pretty Little Princess", written in 1965, was recorded by Frankie Laine
and released as a single in 1968 on ABC Records. Later, "Some of Shelly's Blues" and "Propinquity (I've Just Begun to Care)" were made popular by the Nitty Gritty Dirt Band on their 1970 album Uncle Charlie & His Dog Teddy.
Nesmith began his recording career in 1963 by releasing a single on the Highness label. He followed this in 1965 with a one-off single released on Edan Records followed by two more recorded singles; one was titled "The
New Recruit" under the name "Michael Blessing", released on Colpix Records, coincidentally also the label of Davy Jones, though they did not meet until the Monkees formed.
</p>
<p>
The Gretsch guitar company built a one-off, natural-finish, 12-string electric guitar for Nesmith when he was performing with The Monkees. (Gretsch had a promotional deal with the group.) He earlier played a customized Gretsch twelve-string, which had
originally been a six-string model. Nesmith used this guitar for his appearances on the television series, as well as The Monkees' live appearances in 1966 and 1967. Beginning in 1968, Nesmith used a white six-string Gibson
SG Custom for his live appearances with The Monkees. He would use that guitar in their motion picture Head for the live version of "Circle Sky", and also for the final original Monkees tour in 1969 with Davy Jones. and
Micky Dolenz.
</p>
</div>
</div>
</div>
<div class="profile-left profile-card">
<div class="row">
<div class="col-sm-12 col-md-3 col-lg-3 d-flex justify-content-center align-items-start">
<img class="img-fluid rounded profile-pic" src="assets/images/pt.jpg" alt="Head shot of Peter Tork" />
</div>
<div class="col-sm-12 col-md-9 col-lg-9 text-justify">
<h3 class="profile-name d-flex justify-content-center justify-content-md-start">Peter Tork</h3>
<p>Tork was born at the former Doctors Hospital, in Washington, D.C. Although he was born in the District of Columbia in 1942, many news articles incorrectly report him as born in 1944 in New York City, which was the date and
place given on early Monkees press releases.
</p>
<p>
He began studying piano at the age of nine, showing an aptitude for music by learning to play several different instruments, including the banjo and both acoustic bass and guitars. Tork attended Windham High School in Willimantic, Connecticut, and was
a member of the first graduating class at E.O. Smith High School in Storrs, Connecticut. He attended Carleton College before he moved to New York City, where he became part of the folk music scene in Greenwich Village during
the first half of the 1960s. While there, he befriended other up-and-coming musicians such as Stephen Stills.
</p>
<p>
Tork was a proficient musician, and though the group was not allowed to play their own instruments on their first two albums, he was an exception, playing what he described as "third chair guitar" on Mike Nesmith's song, "Papa Gene's Blues," from their
first album. He subsequently played keyboards, bass guitar, banjo, harpsichord, and other instruments on their recordings. He also co-wrote, along with Joey Richards, the closing theme song of the second season of The Monkees,
"For Pete's Sake".
</p>
</div>
</div>
</div>
<div class="profile-right profile-card">
<div class="row">
<div class="col-sm-12 col-md-3 col-lg-3 order-md-last order-lg-last d-flex justify-content-center align-items-start">
<img class="img-fluid rounded profile-pic" src="assets/images/dj.jpg" alt="Head shot of Davy Jones" />
</div>
<div class="col-sm-12 col-md-9 col-lg-9 order-md-first order-lg-first text-justify">
<h3 class="profile-name d-flex justify-content-center justify-content-md-end">Davy Jones</h3>
<p>
David Thomas Jones was born at 20 Leamington Street, Openshaw, Manchester, Lancashire, England, on 30 December 1945. His television acting debut was on the British television soap opera Coronation Street. He portrayed Colin Lomax, Ena Sharples' grandson,
for one episode on 6 March 1961. He also appeared in the BBC police series Z-Cars. After the death of his mother from emphysema when he was 14 years old, Jones rejected acting in favour of a career as a jockey, apprenticing
with Newmarket trainer Basil Foster. Even though Foster believed Jones would be successful as a jockey, he encouraged his young protégé to take a role as the Artful Dodger in a production of Oliver! in London's West End,
a move which changed Jones' life forever. In turn, Jones cared for Foster in his later years, bringing him to the United States and providing him financial support.
</p>
<p>
Foster was approached by a friend who worked in a theatre in the West End of London during casting for the musical Oliver!. Foster replied, "I've got the kid." Jones was cast and appeared to great acclaim as the Artful Dodger. He played the role in London
and then on Broadway and was nominated for a Tony Award. On 9 February 1964, he appeared on The Ed Sullivan Show with Georgia Brown who was playing Nancy in the Broadway production of Oliver!. This was the same episode
of the show in which the Beatles made their first appearance. Jones said of that night, "I watched the Beatles from the side of the stage, I saw the girls going crazy, and I said to myself, this is it, I want a piece of
that."
</p>
<p>
Jones debuted on the Billboard Hot 100 in the week of 14 August 1965, with the single "What Are We Going To Do?" The 19-year-old singer was signed to Colpix Records, a label owned by Columbia. His debut album David Jones, on the same label, followed soon
after (CP493). In 1967 the album was issued in the UK, in mono only, on the Pye Records label (NPL 18178).
</p>
<p>
Jones sings lead vocals on many of the Monkees' recordings, including "I Wanna Be Free" and "Daydream Believer".
</p>
</div>
</div>
</div>
</div>
</section>
</article>
<article id="howwerock">
<div class="section-title container-fluid">
<h1>How We Rock</h1>
</div>
<section id="discography" class="container">
<div class="row">
<div class="section-title container-fluid">
<h2 class="col-sm-12 col-md-10 col-lg-10">Discography</h2>
</div>
</div>
<div class="history-items">
<div class="timeline-item" dates="1966">
<p class="uppercase">The Monkees</p>
</div>
<div class="timeline-item" dates="1967">
<p class="uppercase">More of The Monkees</p>
</div>
<div class="timeline-item" dates="1967">
<p class="uppercase">Headquarters</p>
</div>
<div class="timeline-item" dates="1967">
<p class="uppercase">Pisces, Aquarius, Capricorn & Jones Ltd.</p>
</div>
<div class="timeline-item" dates="1968">
<p class="uppercase">The Birds, The Bees & the Monkees</p>
</div>
<div class="timeline-item" dates="1968">
<p class="uppercase">Head</p>
</div>
<div class="timeline-item" dates="1969">
<p class="uppercase">Instant Replay</p>
</div>
<div class="timeline-item" dates="1969">
<p class="uppercase">The Monkees Present</p>
</div>
<div class="timeline-item" dates="1970">
<p class="uppercase">Changes</p>
</div>
<div class="timeline-item" dates="1987">
<p class="uppercase">Pool It!</p>
</div>
<div class="timeline-item" dates="1996">
<p class="uppercase">Justus</p>
</div>
<div class="timeline-item" dates="2016">
<p class="uppercase">Good Times!</p>
</div>
</div>
</section>
<section id="videos" class="container">
<div class="row">
<div class="section-title container-fluid">
<h3 class="col-sm-12 col-md-10 col-lg-10">Video Clips</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-10">
<div id="videoCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#videoCarousel" data-slide-to="0" class="active"></li>
<li data-target="#videoCarousel" data-slide-to="1"></li>
<li data-target="#videoCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/AZYPlNuljHE?rel=0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="carousel-item">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/xvqeSJlgaNk?rel=0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="carousel-item">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/KyqKwAVDPVg?rel=0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#videoCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#videoCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<section id="songs" class="container">
<div class="row">
<div class="section-title container-fluid">
<h3 class="col-sm-12 col-md-10 col-lg-10">Sample Songs</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="song-controls col-12 pale-green-bg">
<div class="row align-items-center">
<div class="col-sm-12 col-md-4">
<h4 class="song-name">Clarksville</h4>
</div>
<div class="col-sm-12 col-md-6 offset-md-1">
<audio controls class="pale-green-bg">
<source src="assets/audio/Clarksville.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
<div class="song-controls col-12 groovy-red-bg">
<div class="row align-items-center">
<div class="col-sm-12 col-md-4">
<h4 class="song-name ">Daydream Believer</h4>
</div>
<div class="col-sm-12 col-md-6 offset-md-1">
<audio controls class="groovy-red-bg">
<source src="assets/audio/DaydreamBeliever.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
<div class="song-controls col-12 kaki-brown-bg">
<div class="row align-items-center">
<div class="col-sm-12 col-md-4">
<h4 class="song-name ">I'm A Believer</h4>
</div>
<div class="col-sm-12 col-md-6 offset-md-1">
<audio controls class="kaki-brown-bg">
<source src="assets/audio/ImABeliever.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
<div class="song-controls col-12 dark-blue-bg">
<div class="row align-items-center">
<div class="col-sm-12 col-md-4">
<h4 class="song-name ">Stepping Stone</h4>
</div>
<div class="col-sm-12 col-md-6 offset-md-1">
<audio controls class="dark-blue-bg">
<source src="assets/audio/SteppingStone.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</div>
</section>
</article>
<article id="getintouch">
<div class="section-title container-fluid">
<h1>Get In Touch</h1>
</div>
<section id="schedule" class="container">
<div class="row">
<div class="section-title container-fluid">
<h2 class="col-sm-12 col-md-10 col-lg-10">Live Performances</h2>
</div>
</div>
<div class="row shows-list">
<div class="col-sm-12 col-md-6 col-lg-6">
<ul>
<li><a href="https://maps.google.com/?cid=10974024088793837996" class="tour-link" target="_blank">9/7/18-- Houston, TX-- The Heights Theatre</a></li>
<li><a href="https://maps.google.com/?cid=18203689190063933178" class="tour-link" target="_blank">9/8/18-- Austin, TX-- The Paramount Theatre</a></li>
<li><a href="https://maps.google.com/?cid=9276697740768151489" class="tour-link" target="_blank">9/9/18-- Dallas, TX-- The Kessler Theatre</a></li>
<li><a href="https://maps.google.com/?cid=12710282337198220477" class="tour-link" target="_blank">9/14/18-- Royal Oak, MI-- Royal Oak Music Theatre</a></li>
<li><a href="https://maps.google.com/?cid=9625073737685019572" class="tour-link" target="_blank">9/17/18--Alexandria, VA-- The Birchmere</a></li>
<li><a href="https://maps.google.com/?cid=4945016830394786427" class="tour-link" target="_blank">9/19/18-- Somerville, MA-- The Somerville Theatre</a></li>
<li><a href="https://maps.google.com/?cid=5241659315191761049" class="tour-link" target="_blank">9/22/18-- Phoenixville, PA-- The Colonial Theatre</a></li>
<li><a href="https://maps.google.com/?cid=5134683701429178016" class="tour-link" target="_blank">9/23/18-- Ridgefield, CT-- The Ridgefield Playhouse</a></li>
</ul>
Additional dates can be found <strong><a href="https://www.monkees.net/category/tour/current-tour/" target="_blank">HERE</a></strong>
</div>
<div class=".d-none .d-sm-block col-md-6 col-lg-6">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.google.com/maps/d/embed?mid=12kZEpKX0nhoosv7NIVfidUeet2nl40SP&hl=en" width="640" height="480"></iframe>
</div>
</div>
</div>
</section>
<section id="contactform" class="container">
<div class="row">
<div class="section-title container-fluid">
<h2 class="col-sm-12 col-md-10 col-lg-10">Contact Us</h2>
</div>
<p class="contact-headline">Have something cool in mind and do you want an awesome band playing at it? We have an ample of services ranging from weddings to live concerts, including charity events, fundraisings, birthday parties, prom parties, etc...</p>
<p class="contact-headline lead">Get that 60s sound <span class="uppercase bold">LIVE!</span></p>
</div>
<div class="container">
<form onsubmit="alert('Your request have been sent successfully');" method="post">
<div class="form-group">
<label for="InputName">Full Name</label>
<input type="text" class="form-control" id="InputName" name="InputName" placeholder="Full Name" required>
</div>
<div class="form-group">
<label for="InputEmail">Email address</label>
<input type="email" class="form-control" id="InputEmail" name="InputEmail" aria-describedby="emailHelp" placeholder="Enter email" required>
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="InputDesc">Description:</label>
<textarea rows="4" class="form-control" id="InputDesc" name="InputDesc" placeholder="Short summary of your request. IMPORTANT: If it's for booking a gig, please include a DATE in the description." required></textarea>
</div>
<button type="submit" class="btn form-control btn-form-style">Submit</button>
</form>
</div>
</section>
</article>
<footer id="legal" class="container">
<div class="section-title row">
<h4>The Legal Stuff</h4>
</div>
<div class="row">
<p class="col-9">
Website created by <a href="https://github.com/Narshe1412/" target="_blank">Manuel Colorado</a> for a Code Insitute project requirement. Full spec can be found in the <a href="https://github.com/Narshe1412/Code-Institute-User-Centric-Frontend/blob/master/README.md"
target="_blank" class="groovy-red bold">README.md file in the repository</a>. Copy is prohibited and may get you penalized for plagiarism.
</P>
<!-- Validators section -->
<p class="col-3">
<a href="http://www.w3.org/html/logo/">
<img class="w3c-logo" src="https://www.w3.org/html/logo/badge/html5-badge-h-css3-device-multimedia-semantics.png" alt="HTML5 Powered with CSS3 / Styling, Device Access, Multimedia, and Semantics" title="HTML5 Powered with CSS3 / Styling, Device Access, Multimedia, and Semantics">
</a>
<a href="https://validator.w3.org/check?uri=referer" target="_blank">
<img class="w3c-logo" src="https://www.w3.org/Icons/valid-html401-blue" alt="Valid HTML!" />
</a>
<a href="https://jigsaw.w3.org/css-validator/check/referer" target="_blank">
<img class="w3c-logo" src="https://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" />
</a>
</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript">
/* Handles closing out the navbar when working in small screens*/
$('.navbar-close').on('click', function() {
$('.navbar-collapse').collapse('hide');
$('html, body').animate({
scrollTop: $(this.hash).offset().top -= 60
});
});
</script>
</body>
</html>