-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
541 lines (535 loc) · 26.3 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
<!doctype html>
<html lang="en">
<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="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v3.8.5">
<title>Tameside South Scouts : #SkillsForLife</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/album/">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<header>
<div class="collapse bg-dark" id="navbarHeader">
<div class="sections py-5 bg-grey">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="join">
<h2>Young People</h2>
<ul>
<li><a href="#find-a-group">Find a Group</a></li>
<li><a href="#what-is-scouting">What is Scouting?</a></li>
<li><a href="#uniform">Uniform</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="volunteer">
<h2>Volunteer</h2>
<ul>
<li><a href="#become-a-volunteer">Become a Volunteer</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#training">Training</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="what">
<h2>What we do</h2>
<ul>
<li><a href="#district-team">District Team</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#news">News & Updates</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-purple shadow-sm">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand d-flex align-items-center">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="23.000000pt" height="24.000000pt" viewBox="0 0 723.000000 650.000000"
preserveAspectRatio="xMidYMid meet" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false">
<g transform="translate(0.000000,650.000000) scale(0.100000,-0.100000)"
fill="#FFF" stroke="none">
<path d="M3485 6257 c-93 -95 -208 -197 -340 -302 -309 -245 -444 -396 -570
-636 -115 -222 -161 -425 -152 -678 9 -257 63 -453 228 -829 169 -382 196
-446 238 -557 61 -163 97 -293 125 -457 l7 -38 180 0 179 0 -4 23 c-3 12 -10
56 -16 97 -26 165 -102 426 -186 627 -18 45 -85 198 -148 340 -179 404 -225
546 -248 750 -21 179 16 361 107 543 93 185 214 324 425 488 74 58 176 140
226 183 l91 78 94 -80 c52 -45 150 -125 219 -179 277 -216 437 -437 512 -706
18 -66 22 -105 22 -239 0 -147 -3 -169 -32 -276 -41 -155 -88 -276 -225 -584
-63 -144 -133 -306 -155 -360 -86 -216 -163 -494 -178 -644 l-7 -61 178 2 179
3 13 80 c34 202 103 396 300 845 185 420 230 549 269 770 22 124 22 337 1 456
-49 272 -188 541 -398 767 -44 48 -167 157 -272 241 -217 173 -330 274 -438
392 -41 45 -76 82 -79 83 -3 0 -68 -64 -145 -142z"/>
<path d="M1067 4434 c-104 -19 -239 -70 -339 -130 -97 -58 -254 -208 -318
-303 -142 -212 -206 -468 -181 -715 7 -61 16 -115 21 -120 8 -8 179 23 302 55
l36 9 -5 118 c-5 98 -2 131 16 202 63 253 233 442 463 515 400 126 799 -125
1068 -670 66 -134 149 -375 174 -505 9 -47 19 -95 22 -107 4 -23 6 -23 179
-23 l175 0 0 28 c0 80 -57 325 -115 491 -223 639 -641 1074 -1112 1156 -105
18 -282 18 -386 -1z"/>
<path d="M5772 4429 c-401 -84 -740 -395 -983 -904 -96 -201 -192 -516 -214
-707 l-7 -58 181 0 181 0 0 26 c0 64 63 298 121 446 176 451 456 759 771 844
85 24 251 24 338 0 219 -60 402 -236 478 -463 24 -70 26 -93 27 -231 0 -145 1
-153 20 -158 152 -35 291 -64 305 -64 25 0 35 74 35 245 -1 148 -17 238 -68
375 -107 283 -350 520 -632 617 -163 55 -381 68 -553 32z"/>
<path d="M1660 2290 l0 -170 1970 0 1970 0 0 170 0 170 -1970 0 -1970 0 0
-170z"/>
<path d="M2996 1791 c-22 -139 -133 -387 -250 -561 l-78 -115 55 -110 c124
-249 320 -464 582 -640 106 -71 290 -165 322 -165 27 0 233 105 318 162 255
171 463 399 582 636 65 129 67 107 -32 252 -105 151 -200 364 -235 523 l-13
57 -180 0 -179 0 7 -47 c28 -189 156 -521 258 -666 l19 -28 -35 -52 c-84 -126
-236 -273 -382 -371 -130 -88 -121 -87 -211 -31 -154 96 -327 257 -421 391
l-41 60 24 39 c109 175 210 434 248 635 l14 70 -183 0 -182 0 -7 -39z"/>
</g>
</svg>
<strong>Tameside South Scouts</strong>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</header>
<main role="main">
<section class="jumbotron">
<div class="container">
<h1 class="jumbotron-heading">Scouting in Tameside South</h1>
<p class="lead text-muted">Developing and Supporting <strong>#SkillsForLife</strong> for Young People across Tameside South.</p>
<p>
<a href="#find-a-group" class="btn btn-primary btn-cta">Join Scouting in Tameside</a>
</p>
</div>
</section>
<section class="action">
<div class="sections py-5 bg-grey">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="join">
<h2>Young People</h2>
<ul>
<li><a href="#find-a-group">Find a Group</a></li>
<li><a href="#what-is-scouting">What is Scouting?</a></li>
<li><a href="#uniform">Uniform</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="volunteer">
<h2>Volunteer</h2>
<ul>
<li><a href="#become-a-volunteer">Become a Volunteer</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#training">Training</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="what">
<h2>What we do</h2>
<ul>
<li><a href="#district-team">District Team</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#news">News & Updates</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Resources -->
<section class="links">
<div class="py-5 bg-purple">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="resources">
<h2>Resources for our Volunteers</h2>
<ul>
<li><a href="https://compass.scouts.org.uk/" target="_blank">Compass</a></li>
<li><a href="https://login.microsoftonline.com/" target="_blank">Office 365</a></li>
<li><a href="https://www.onlinescoutmanager.co.uk/login.php" target="_blank">Online Scout Manager (OSM)</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="forms">
<h2>Forms & Notifcations</h2>
<ul>
<li><a href="http://nan.gmescouts.org.uk/" target="_blank">Nights Away Notification</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Find a Group -->
<section class="find-a-group" id="find-a-group">
<div class="py-5 bg-white">
<div class="container">
<div class="row">
<div class="col-md-12">
<div>
<div class="row">
<div class="col-md-6">
<div id="accordion" class="grouplist">
<h2>Find a Group</h2>
<ul>
<!-- 1st Broadbottom & Mottram Scout Group -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse3">
1st Broadbottom & Mottram Scout Group
</a>
<div id="collapse1" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>Magdalane Centre, Lower Market Street, Broadbottom, SK14 6AA</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 1st Dane Bank -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse3">
1st Dane Bank (St George's)
</a>
<div id="collapse2" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>St George’s Centre, Windmill Lane, Denton, Manchester, M34 2ET</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 4th Denton -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse4">
4th Denton (St Anne's)
</a>
<div id="collapse3" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>St Anne’s Church Crypt, St Anne’s Drive, Denton, Mancheste, M34 3EB</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 6th Denton (St Hilda's) -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse4" aria-expanded="true" aria-controls="collapse6">
6th Denton (St Hilda's)
</a>
<div id="collapse4" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>St Hilda’s Church, Denton Road, Audenshaw, Manchester, M34 5EU</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 1st Denton (St Lawrence's) -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse5" aria-expanded="true" aria-controls="collapse5">
1st Denton (St Lawrence's)
</a>
<div id="collapse5" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>Scout Hut, Stockport Lane, Denton, Manchester, M34 6BA</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 3rd Gee Cross (Holy Trinity) -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse6" aria-expanded="true" aria-controls="collapse6">
3rd Gee Cross (Holy Trinity)
</a>
<div id="collapse6" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>Hill Street, Hyde, SK14 5RL</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 1st Haughton Green -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse7" aria-expanded="true" aria-controls="collapse2">
1st Haughton Green
</a>
<div id="collapse7" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>Key Scout Centre, Gibraltar Lane, Haughton Green, Denton, Manchester, M34 7GG</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 5th Hyde -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse8" aria-expanded="true" aria-controls="collapse6">
5th Hyde
</a>
<div id="collapse8" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>Central Methodist Centre, Crook Street, Hyde, Cheshire, SK14 1NQ</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 217th Manchester -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse9" aria-expanded="true" aria-controls="collapse1">
217th Manchester
</a>
<div id="collapse9" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>The Scout Hut, Far Lane, Manchester, M18 7FF</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 3rd Newton -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse10" aria-expanded="true" aria-controls="collapse1">
3rd Newton
</a>
<div id="collapse10" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>The Scout Hut, Cartwright St, Newton, Hyde, Cheshire, SK14 4FH</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
<!-- 1st Newton (Rosemount) -->
<li>
<a href="#" class="btn-group" data-toggle="collapse" data-target="#collapse11" aria-expanded="true" aria-controls="collapse1">
1st Newton (Rosemount)
</a>
<div id="collapse11" class="collapse" data-parent="#accordion">
<hr/>
<p><strong>Address :</strong> <br/>Rosemount Trinity Methodist Church, Bennett Street, Hyde, Cheshire, SK14 4SS</p>
<p><strong>Email :</strong> <br/><a href="mailto:[email protected]">[email protected]</a></p>
<hr/>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-6">
<iframe width="540px" height="480px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&hl=en&t=h&msa=0&msid=202927118738123938220.00049c54f1f00926419d3&ll=53.451363,-2.113667&spn=0.049068,0.109863&z=13&output=embed"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- What is Scouting -->
<section class="what-is-scouting" id="what-is-scouting">
<div class="py-5 bg-grey">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>What is Scouting?</h2>
<p>As Scouts, we believe in preparing young people with skills for life.<p/>
<p>We encourage young people to do more, learn more and be more. Each week, we help over 460,000 young people aged 6-25 enjoy fun and adventure while developing the skills they need to succeed, now and in the future.</p>
<p>We’re talking about teamwork, leadership and resilience – skills that have helped Scouts become everything from teachers and social workers to astronauts and Olympians. We help young people develop and improve key life skills.</p>
<p>We believe in bringing people together. We celebrate diversity and stand against intolerance, always. We’re part of a worldwide movement, creating stronger communities and inspiring positive futures.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Uniform -->
<section class="uniform" id="uniform">
<div class="py-5 bg-blue">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>Uniform</h2>
<div class="row">
<!-- Beavers -->
<div class="col-md-3">
<div class="card">
<div class="card-body text-center">
<a class="beavers" href="https://shop.scouts.org.uk/beaver-scouts" target="_blank">Beavers</a>
</div>
</div>
</div>
<!-- Cubs -->
<div class="col-md-3">
<div class="card">
<div class="card-body text-center">
<a class="cubs" href="https://shop.scouts.org.uk/cub-scouts" target="_blank">Cubs</a>
</div>
</div>
</div>
<!-- Scouts -->
<div class="col-md-3">
<div class="card">
<div class="card-body text-center">
<a class="scouts" href="https://shop.scouts.org.uk/scouts" target="_blank">Scouts</a>
</div>
</div>
</div>
<!-- Explorers -->
<div class="col-md-3">
<div class="card">
<div class="card-body text-center">
<a class="explorers" href="https://shop.scouts.org.uk/explorer-scouts" target="_blank">Explorers</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Become a Volunteer -->
<section class="become-a-volunteer" id="become-a-volunteer">
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>Become a Volunteer</h2>
<p>Are you looking to volunteer? We need your help!</p>
<p>Contact our District Appointments Team at <a href="mailto:[email protected]">[email protected]</a> - who will help you find a Group to Volunteer with!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits -->
<section class="benefits" id="benefits">
<div class="py-5 bg-grey">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>Benefits</h2>
<div class="row">
<div class="col-md-4">
<h4>Learn new Skills</h4>
<p>Our award-winning training scheme for volunteers means that adults get as much from Scouting as our young people.</p>
<p>Scouting’s quality depends on its volunteers and our volunteers depend on Scouting to teach them the skills they need.</p>
</div>
<div class="col-md-4">
<h4>National leader</h4>
<p>Our modular training scheme delivers the full spectrum of required skills. Volunteers can choose training modules that are relevant to the role that they do, ranging from leadership to running residential experiences and first aid.</p>
<p>Our training scheme was recognised with a National Training Award from UK Skills. It is one of the reasons why we have managed to increase our volunteer numbers over the past few years, against the national trend.</p>
</div>
<div class="col-md-4">
<h4>Relevant skills</h4>
<p>Over 90% of our volunteers believe that the skills and experiences they have gained through Scouting have been of relevance to their working or personal lives, so we’re certainly doing something right.</p>
<p>A study of volunteers found that more than two thirds of respondents reported a direct correlation between their volunteer experience within Scouting and gaining employment or career development.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Training -->
<section class="training" id="training">
<div class="py-5 bg-purple">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>Training</h2>
<p>Training is provided by both Tameside South Scouts District and Greater Manchester East County.</p>
<p><a href="https://www.eventbrite.co.uk/o/greater-manchester-east-scouts-training-team-688929987" target="_blank" class="btn btn-secondary">Upcoming Training</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- Distrct Team -->
<section class="district-team" id="district-team">
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>District Team</h2>
<div class="row">
<div class="col-md-3">
<p><img src="https://via.placeholder.com/150" class="img-fluid" alt="Responsive image"></p>
<p><strong>Liz Rowles</strong><br/>
District Commissioner</p>
</div>
<div class="col-md-3">
<p><img src="https://via.placeholder.com/150" class="img-fluid" alt="Responsive image"></p>
<p><strong>Liz Rowles</strong><br/>
District Commissioner</p>
</div>
<div class="col-md-3">
<p><img src="https://via.placeholder.com/150" class="img-fluid" alt="Responsive image"></p>
<p><strong>Liz Rowles</strong><br/>
District Commissioner</p>
</div>
<div class="col-md-3">
<p><img src="https://via.placeholder.com/150" class="img-fluid" alt="Responsive image"></p>
<p><strong>Liz Rowles</strong><br/>
District Commissioner</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Events -->
<section class="events" id="events">
<div class="py-5 bg-grey">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>Events</h2>
<p>No events at present.</p>
</div>
</div>
</div>
</div>
</section>
<!-- News -->
<section class="news" id="news">
<div class="py-5 bg-green">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="content">
<h2>News</h2>
<p>No news at present.</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>© Tameisde South Scouts 2019</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>