generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
572 lines (555 loc) · 26.7 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
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<!-- Meta data -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="Shiatsu Shin Tai with Registered Practitioner Alison Melville. Shiatsu Shin Tai treatments in Cheshire" />
<meta name="keywords" content="shiatsu, shin tai, massage, cheshire, congleton, masseuse, studio, registered" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- /Meta Data -->
<!-- Browser title -->
<title> Alison Melville | Registered Shiatsu Practitioner </title>
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicon/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon/favicon-16x16.png">
<!-- <link rel="manifest" href="assets/images/favicon/site.webmanifest" crossorigin="use-credentials"> -->
<!-- /Browser title -->
<!-- Stylesheets -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
<!-- /Stylesheets -->
</head>
<!-- Bootstrap Scrollspy -->
<!-- https://getbootstrap.com/docs/4.6/components/scrollspy/ -->
<body data-spy="scroll" data-target="#navbar1" data-offset="110" class="d-flex flex-column h-100">
<!-- /Bootstrap Scrollspy -->
<!-- Nav header -->
<header>
<div class="container">
<div class="row">
<div class="col">
<!-- Bootstrap navbar -->
<!-- https://getbootstrap.com/docs/4.6/getting-started/introduction/ -->
<nav id="navbar1" class="navbar navbar-expand-lg fixed-top navbar-dark">
<a class="navbar-brand" href="index.html"><i class="fas fa-spa"></i><span
class="sr-only">(current)</span></a>
<!-- Bootstrap navbar toggler for mobile hamburger menu -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle"
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarToggle" class="collapse navbar-collapse justify-content-end">
<!-- /Bootstrap navbar toggler for mobile hamburger menu -->
<ul class="navbar-nav navbar-brand">
<li class="nav-item">
<a class="nav-link" href="#shiatsu">Shiatsu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-me">About Me & Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#find">How To Find Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Me</a>
</li>
</ul>
</div>
</nav>
<!-- /Bootstrap navbar -->
</div>
</div>
</div>
</header>
<!-- /Nav Header -->
<!-- Callout -->
<div class="container-fluid hero">
<div class="row">
<div class="col-sm-6">
<!-- Bootstrap Jumbotron -->
<!-- https://getbootstrap.com/docs/4.6/components/jumbotron/ -->
<div class="jumbotron-index">
<h1 class="display-5">Shiatsu Shin Tai</h1>
<p class="lead">Alison Melville | Registered Professional Practitioner</p>
</div>
<!-- /Bootstrap Jumbotron -->
</div>
</div>
</div>
<!-- /Callout -->
<!-- About Shiatsu -->
<section id="shiatsu" class="shiatsu text-center">
<div class="container">
<div class="row my-3">
<div class="col-md-4 offset-md-4 text-center">
<h3 class="my-3">About Shiatsu</h3>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-6">
<img src="assets/images/ali-massage2.1.jpg" alt="Alison giving a Shin Tai massage" width="250" height="187"
class="rounded img-fluid">
</div>
<div class="col-sm-12 col-lg-6 my-3 text-center">
<p>
Originating in Japan and based on Eastern philosophies.
Shiatsu is an ancient non-invasive therapeutic touch that
works on the physical, emotional, psychological and
spiritual aspects of the whole person. Shiatsu uses the
power of touch on acupressure points and gentle stretching
techniques to contact Ki (energy) that flows in the
energetic pathways (meridians) within the body. For many
reasons the meridians can become blocked and imbalanced,
this is when symptoms of disease arise.
</p>
</div>
</div>
</div>
</section>
<!-- /About Shiatsu -->
<!-- About Shin Tai -->
<section id="shintai" class="shintai-section">
<div class="container">
<div class="row my-3">
<div class="col-md-4 offset-md-4 text-center">
<h3 class="my-3">About Shin Tai</h3>
</div>
</div>
<!-- Show only on large devices -->
<div class="d-none d-md-none d-lg-block">
<div class="row justify-content-around my-3">
<div class="col-md-6 text-center">
<p>
Shin Tai is a body of work evolved from Shiatsu developed by Saul Goodman over 40 years ago. It
emphasises the flow of the two primary meridians: the Governing Vessel (along the spine) and
Conception Vessel (up the front of the body). Together with the Central Channel, these are the core
energetic channels from where the classical meridians develop.</p>
<p>
The basic principle is to create space and restore motion and this leads to the recovery of life force
(lost energy) in the body. Life force gets trapped in the body from emotional, physical and
psychological trauma and everyday stresses thereby creating patterns of behaviour. Shin Tai touches
on a very deep level looking to address these underlying energetic patterns that are utilising an
individual’s energy in ways that do not necessarily support them in the present moment. </p>
</div>
<div class="col-md-6">
<p>Some of the benefits of Shin Tai are:</p>
<ul>
<li>it is deeply relaxing and helps improve sleep patterns</li>
<li>improves energy and vitality </li>
<li>relieves stress, tension and anxiety</li>
<li>some pain relief</li>
<li>improves joint mobility</li>
<li>improves digestion, immunity and menstrual health</li>
<li>offers support during life changes</li>
<li>increased motivation and creativity </li>
<li>long term benefits and preventative care</li>
</ul>
<p class="my-2">Shin Tai is a journey of self-discovery that enables individuals to have more energy,
clarity and begin
to make
choices in life that brings them the most joy.
</p>
</div>
</div>
</div>
<!-- /Show only on large devices -->
<!-- Show only on md,sm devices -->
<!-- Bootstrap Accordion -->
<!-- https://getbootstrap.com/docs/4.6/components/collapse/#accordion-example -->
<div class="d-md-block d-lg-none">
<div id="accordion">
<div class="card card-shintai">
<div class="card-header card-header-shintai" id="headingShinTai">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseShinTai" aria-expanded="true"
aria-controls="collapseShinTai">
History
</button>
</h5>
</div>
<div id="collapseShinTai" class="collapse show" aria-labelledby="headingShinTai
" data-parent="#accordion">
<div class="card-body card-body-shintai">
<p>
Shin-Tai is a body of work evolved from Shiatsu developed by Saul Goodman over 40 years ago. Shin
Tai emphasises the flow of the two primary meridians: the Governing Vessel (along the spine) and
Conception Vessel (up the front of the body). Together with the Central Channel, these are the core
energetic channels
from where the classical meridians develop.</p>
</div>
</div>
</div>
<div class="card card-shintai">
<div class="card-header card-header-shintai" id="headingShinTai2">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseShinTai2"
aria-expanded="false" aria-controls="collapseShinTai2">
Principle of Shin Tai
</button>
</h5>
</div>
<div id="collapseShinTai2" class="collapse" aria-labelledby="headingShinTai2" data-parent="#accordion">
<div class="card-body card-body-shintai">
<p>The basic principle is to create space and restore motion and this leads to the recovery of life
force
(lost energy) in the body. Life force gets trapped in the body from emotional, physical and
psychological trauma and everyday stresses thereby creating patterns of behaviour. Shin Tai touches
on a very deep level looking to address these underlying energetic patterns that are utilising an
individual’s energy in ways that do not necessarily support them in the present moment. </p>
<p>Shin Tai is
a
journey of self-discovery that enables individuals to have more energy, clarity and begin to make
choices in life that brings them the most joy.
</p>
</div>
</div>
</div>
<div class="card card-shintai">
<div class="card-header card-header-shintai" id="headingShinTai3">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseShinTai3"
aria-expanded="false" aria-controls="collapseShinTai3">
Benefits of Shin Tai
</button>
</h5>
</div>
<div id="collapseShinTai3" class="collapse" aria-labelledby="headingShinTai3" data-parent="#accordion">
<div class="card-body card-body-shintai">
<p>Shin Tai is deeply relaxing and helps improve sleep patterns; improves energy and vitality; relieves
stress, tension and anxiety; offers some pain relief; improves joint mobility, digestion, immunity and
menstrual health; offers support during life changes; increases motivation and creativity and brings
long
term benefits and preventative care.</p>
</div>
</div>
</div>
</div>
<!-- /Show only on md,sm devices -->
<!-- /Bootstrap Accordion -->
</div>
</div>
</section>
<!-- /About Shin Tai -->
<!-- About Me -->
<section id="about-me" class="about-me">
<div class="container">
<div class="row my-3">
<div class="col-md-4 offset-md-4 text-center">
<h3 class="my-3">About Me</h3>
</div>
</div>
<!-- Show only on large devices -->
<div class="d-none d-md-none d-lg-block">
<div class="row my-3">
<div class="col-md-6 text-center">
<img src="assets/images/ali-photo2.jpg" alt="Portrait of Alison" class="rounded img-fluid" width="119"
height="159">
<p>
My journey with Shiatsu began as a result of on-going pain from a whiplash injury received some ten
years before. I was a keen yoga and Tai Chi student as this gave me some relief but not on a long-term
basis. I started to accept the pain and restricted movement within my neck and shoulders until a
chance conversation with a Shiatsu Practitioner. After a series of treatments and I began to feel a
sense of ease and understanding of my own body and wanted to know more. I knew without a doubt that I
wanted to share this bodywork and its benefits with others.
</p>
</div>
<div class="col-md-6 text-center">
<p>
I enrolled and graduated from the Shiatsu College, Manchester branch in 2009. I am a registered
practitioner with the Shiatsu Society and this can be seen on their <a
href="https://www.shiatsusociety.org/" rel="noopener"
aria-label="Go to Shiatsu Society Site (opens in new tab)" target="_blank">website</a>. After
graduating I have continued my professional development,
undertaking workshops by leading bodywork practitioners. In 2013, I began my Shiatsu Shin Tai journey
with Kindy Kaur, a leading teacher of Shin Tai in the UK. Since then I have regularly attended
workshops learning the principles of Shin Tai. I see Shin Tai as a practice to enable us to get in
touch with our own true self and see our own true potential. My work is now predominately influenced
by Shin Tai.
</p>
<p>
I work with a variety of Shin Tai techniques which include elements of Shiatsu, fascial unwinding,
stillness, Central Channel release, passive structural adjustments, Cranio-Sacral techniques, and
chakra work.</p>
</div>
</div>
</div>
<!-- /Show only on large devices -->
<!-- Show only on md,sm devices -->
<div class="d-md-block d-lg-none">
<div class="row">
<div class="col text-center">
<img src="assets/images/ali-photo2.jpg" alt="Portrait of Alison" class="rounded img-fluid" width="119"
height="159">
<p>
I work with a variety of Shin Tai techniques which include elements of Shiatsu, fascial unwinding,
stillness, Central Channel release, passive structural adjustments, Cranio-Sacral techniques, and
chakra work.</p>
</div>
</div>
<!-- Bootstrap Accordion -->
<!-- https://getbootstrap.com/docs/4.6/components/collapse/#accordion-example -->
<div id="accordionMe">
<div class="card card-me">
<div class="card-header card-header-me" id="headingMe">
<h5 class="mb-0">
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse"
data-target="#collapseMe" aria-expanded="true" aria-controls="collapseMe">
My Journey
</button>
</h5>
</div>
<div id="collapseMe" class="collapse show" aria-labelledby="headingMe" data-parent="#accordionMe">
<div class="card-body card-body-me">
<p>
My journey with Shiatsu began as a result of on-going pain from a whiplash injury received some ten
years before. I was
a keen yoga and Tai Chi student as this gave me some relief but not on a long-term basis. I started
to
accept the pain
and restricted movement within my neck and shoulders until a chance conversation with a Shiatsu
Practitioner. After a
series of treatments and I began to feel a sense of ease and understanding of my own body and wanted
to know more. I
knew without a doubt that I wanted to share this bodywork and its benefits with others.</p>
</div>
</div>
</div>
<div class="card card-me">
<div class="card-header card-header-me" id="headingTwoMe">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwoMe"
aria-expanded="false" aria-controls="collapseTwoMe">
My Education
</button>
</h5>
</div>
<div id="collapseTwoMe" class="collapse" aria-labelledby="headingTwoMe" data-parent="#accordionMe">
<div class="card-body card-body-me">
<p>I enrolled and graduated from the Shiatsu College, Manchester branch in 2009. I am a registered
practitioner with the Shiatsu Society and this can be seen on their <a
href="https://www.shiatsusociety.org/" rel="noopener"
aria-label="Go to Shiatsu Society Site (opens in new tab)" target="_blank">website</a>.After
graduating I have continued my professional development, undertaking
workshops
by leading
bodywork practitioners. In 2013, I began my Shiatsu Shin Tai journey with Kindy Kaur, a leading
teacher of Shin Tai in
the UK. Since then I have regularly attended workshops learning the principles of Shin Tai. I see
Shin
Tai as a practice
to enable us to get in touch with our own true self and see our own true potential. My work is now
predominately
influenced by Shin Tai.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Bootstrap Accordion -->
<!-- /Show only on md,sm devices -->
</section>
<!-- /About Me -->
<!-- Price -->
<section id="price" class="price-section">
<div class="container">
<div class="row my-3">
<div class="col-md-6 offset-md-3 text-center">
<h3 class="my-3">Price & What To Expect</h3>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<h4 class="pricing-body">Prices vary with individual needs so please contact me to discuss how I can help
you.</h4>
</div>
</div>
<div class="row">
<div class="col-md-6 offset-md-3 justify-content-around mb-3">
<div class="embed-responsive embed-responsive-16by9">
<figure>
<iframe src="https://www.youtube.com/embed/aLYgPbQXyGw" width="560" height="315" loading="lazy"
title="Saul Goodman Massage Video"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
<p>Your browser does not support iframes.</p>
</iframe>
</figure>
</div>
</div>
</div>
<div class="row my-3">
<div class="col-md-10 offset-md-1 text-center">
<p>
The session takes place on a body cushion on a futon at floor level and you remain fully clothed
throughout. Please wear loose and comfortable clothing, ideally a long-sleeved t-shirt, jogging trousers
and socks. The first session will be slightly longer, 60-75 minutes to enable me to get to know you better
and for you to try
my work.</p>
<p>
I will
also ask general questions regarding your general health and medical history. During each session, there
is time for you to discuss any needs that you may have and afterwards there is also space to let the
session
settle within you before you leave and continue with your day.
</p>
<p>
Please drink plenty and of water before and after the session and take time to relax afterwards.
</p>
</div>
</div>
</div>
</section>
<!-- /Price -->
<!-- Testimonials -->
<section id="testimonials" class="testimonial-section">
<div class="container text-center">
<div class="row my-3">
<div class="col-md-4 offset-md-4 mb-3">
<h3 class="my-3">Testimonials</h3>
</div>
</div>
<div class="row my-3">
<div class="col-lg-4">
<!-- Bootstrap Card -->
<!-- https://getbootstrap.com/docs/4.6/components/card/ -->
<div class="card testimonials mx-auto h-100">
<div class="card-header">
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i> Changed my life
</div>
<div class="card-body">
<blockquote class="blockquote">
<p>I have been visiting Alison for years and she has worked wonders with my aches and
pains. She's very professional and I wouldn't go to anyone else.</p>
<div class="blockquote-footer"><i class="far fa-user"></i> Sandra Smith</div>
</blockquote>
</div>
</div>
</div>
<div class="col-lg-4 d-none d-md-none d-lg-block">
<div class="card testimonials mx-auto h-100">
<div class="card-header">
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i> Fantastic
</div>
<div class="card-body">
<blockquote class="blockquote">
<p>Alison is great, she understands me and is always very flexible to my needs.</p>
<div class="blockquote-footer"><i class="far fa-user"></i> Marta Allen</div>
</blockquote>
</div>
</div>
</div>
<div class="col-lg-4 d-none d-md-none d-lg-block">
<div class="card testimonials mx-auto h-100">
<div class="card-header">
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i> Great Service
</div>
<div class="card-body">
<blockquote class="blockquote">
<p>I wasn't sure what to expect but Alison very quickly put me at ease and I felt the affects straight
away.</p>
<div class="blockquote-footer"><i class="far fa-user"></i> Emily Bell</div>
</blockquote>
</div>
</div>
<!-- /Bootstrap card -->
</div>
</div>
</div>
</section>
<!-- /testimonials -->
<!-- Find Me -->
<section id="find" class="find-me text-center">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 offset-md-4 my-3">
<h3 class="my-3">How To Find Me</h3>
</div>
</div>
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="embed-responsive embed-responsive-16by9">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38273.46045188499!2d-2.2444237775978784!3d53.1624015147116!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487a44334a3609f1%3A0x7f5b0aab47594065!2sCongleton!5e0!3m2!1sen!2suk!4v1617635288927!5m2!1sen!2suk"
title="Google Map of Congleton" width="600" height="450" style="border: 0" allowfullscreen=""
loading="lazy" class="embed-responsive-item">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
</div>
</div>
</div>
</section>
<!-- /Find Me -->
<!-- Bootstrap Sticky Bottom Footer -->
<!-- https://getbootstrap.com/docs/4.6/examples/sticky-footer/ -->
<footer class="sticky-bottom d-flex align-items-center footer mt-auto py-3">
<div class="container-fluid">
<div class="row">
<div class="col">
<ul class="list-inline sm-link-shiatsu">
<li class="list-inline-item">
<a href="https://www.shiatsusociety.org/" target="_blank" rel="noopener">
<img src="assets/images/logo.png" alt="Shiatsu Society Logo" width="93" height="57" /></a>
<span class="sr-only">Shiatsu Society (UK)</span>
</li>
</ul>
</div>
<div class="col">
<ul class="list-inline sm-links">
<li class="list-inline-item">
<a href="https://www.facebook.com/" target="_blank" rel="noopener">
<i class="fab fa-facebook" aria-hidden="true"></i>
<span class="sr-only">Facebook</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.twitter.com" target="_blank" rel="noopener">
<i class="fab fa-twitter" aria-hidden="true"></i>
<span class="sr-only">Twitter</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/" target="_blank" rel="noopener">
<i class="fab fa-instagram" aria-hidden="true"></i>
<span class="sr-only">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- /Bootstrap Sticky Bottom Footer -->
<!-- Scripts -->
<!-- Bootstrap scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
crossorigin="anonymous"></script>
<!-- /Bootstrap scripts -->
<!-- Alex on Slack shared solution to close navbar after click -->
<!-- https://code-institute-room.slack.com/archives/C7J2ZAVHB/p1618324403124300?thread_ts=1618323545.123900&cid=C7J2ZAVHB -->
<script> $('.navbar-nav>li>a').on('click', function () {
$('.navbar-collapse').collapse('hide');
});</script>
<!-- /Scripts -->
</body>
</html>