Repository navigation
Expand file tree
/
Copy pathmethods.html
More file actions
421 lines (407 loc) · 30 KB
/
Copy pathmethods.html
File metadata and controls
421 lines (407 loc) · 30 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Site Metadata + Description -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="As part of UCLA'S Institute of the Environment and Sustainability, we are researching how certain marine restoration projects, involving kelp forests and seagrass beds, can provide various benefits for both the planet and its inhabitants. Our practicum goal is to establish a scientific communications portal for students and researchers to utilize in future restoration efforts.">
<!-- Title -->
<title>Methods | Stronger Shorelines</title>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Overpass&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<div class="container px-0">
<nav class="navbar navbar-expand-lg">
<!-- Logo -->
<a class="navbar-brand" href="index.html">
<img src="img/ioes-alt-caption.svg" class="img-fluid" id="logo" alt="UCLA IoES" />
</a>
<!-- Navigation Toggle -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navigation Links -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tools.html">Tools</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resources.html">Resources</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Explore
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="ecology.html">Ecology</a>
<a class="dropdown-item" href="methods.html">Methods</a>
<a class="dropdown-item" href="library.html">Library</a>
<a class="dropdown-item" href="team-2019-20.html">2019-2020 Team</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
<!-- Methods -->
<section id="methods">
<div class="container py-3">
<div class="row">
<div class="col-xs-12 col-md-12 text-center">
<h1>Restoration Methods</h1>
</div>
</div>
<!-- Site Analysis Tab List -->
<div class="row bg-white pt-4">
<div class="col-xs-12 col-md-12 mx-auto">
<h2>Site Analysis</h2>
<nav>
<div class="nav nav-tabs" role="tablist">
<a class="nav-item nav-link active" id="mapping-tab" data-toggle="tab" href="#mapping" role="tab" aria-controls="mapping" aria-selected="true">Mapping</a>
<a class="nav-item nav-link" id="modelling-tab" data-toggle="tab" href="#modelling" role="tab" aria-controls="modelling" aria-selected="false">Modelling</a>
<a class="nav-item nav-link" id="quality-tab" data-toggle="tab" href="#quality" role="tab" aria-controls="quality" aria-selected="false">Water Quality Assessments</a>
<a class="nav-item nav-link" id="history-tab" data-toggle="tab" href="#history" role="tab" aria-controls="history" aria-selected="false">Examining History</a>
<a class="nav-item nav-link" id="selection-tab" data-toggle="tab" href="#selection" role="tab" aria-controls="selection" aria-selected="false">Site Selection</a>
</div>
</nav>
<div class="tab-content">
<!-- Mapping -->
<div class="tab-pane fade show active" id="mapping" role="tabpanel" aria-labelledby="mapping-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Mapping is often a necessary first step in the restoration process. Mapping helps define the extent and health of seagrass in both donor and recipient sites, and can be achieved through methods such as diving
examinations, ROV assessment, and SONAR mapping.
</p>
<p>
One could also utilize remote sensing technology to compile trend and status maps for the study area prior to implementing the rest of the restoration process. Remote sensing techniques include aerial imagery
gathered from vehicles to identify and assess the structure of the seagrass meadow.
</p>
<p>
<a href="https://www.youtube.com/watch?v=OBgVCbMxJzQ&t=532s" target="_blank">Click here</a> to see Adam Obaza, from Paua Marine Research Group, explain the mapping of eelgrass beds using divers in Southern California.
</p>
</div>
</div>
</div>
<!-- Modelling -->
<div class="tab-pane fade" id="modelling" role="tabpanel" aria-labelledby="modelling-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
The success of restoration projects can often be estimated by means of computer modelling. Using knowledge of species survivability and geographic variations, scientists can make reasonable predictions as to what
locations are most suitable for both collecting from and planting on.
</p>
</div>
</div>
</div>
<!-- Quality -->
<div class="tab-pane fade" id="quality" role="tabpanel" aria-labelledby="quality-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
The relationship between water quality stressors and seagrass response is imperative for a successful restoration. Monitoring is typically conducted using intensive sampling at a small number of stations.This
process is designed to address the link between environmental change and seagrass condition. These studies can link the factors responsible for changes in seagrass structure and function to changes in water
quality. Monitoring occurs at least annually in mid-summer, but may also be conducted quarterly.
</p>
<p>
To assess water quality, underwater sensors at permanent stations need to frequently measure light attenuation, surface irradiance, and water transparency depth.
</p>
<p>
<a href="https://www.youtube.com/watch?v=aW25cuHp7Cs&t=673s" target="_blank">Click here</a> to hear Tanner Waters talk about how he collects field samples for his PHD project at UCLA, including water quality parameters and analyzing samples in the lab.
</p>
</div>
</div>
</div>
<!-- History -->
<div class="tab-pane fade" id="history" role="tabpanel" aria-labelledby="history-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Examining the history of a restoration site is useful for determining possible causes for the degradation of marine vegetation habitats.
</p>
<p>
Looking at the project history of a site is useful because aspects such as location, restoration methodology, and environmental fluctuations, can result in variation in the success rate of the restoration project. Factors to examine include the historical extent and health of the degraded vegetation sites, previous instances of pollution, and causal factors for the deterioration of the sites.
</p>
</div>
</div>
</div>
<!-- Site Selection -->
<div class="tab-pane fade" id="selection" role="tabpanel" aria-labelledby="selection-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Site selection is dependent on the priorities of the specific restoration project. There are multiple things to consider. A historical examination can help determine the success of a site by reviewing the extent and persistence of the vegetation. It also must be decided whether to address causal factors of reduced health (sedimentation, pollution), or to choose locations that are more forgiving to growing vegetation given current conditions.
</p>
<p>
Cultural factors tend to drive the intent of restoration projects. For some, restoration can be for restoration’s sake, but given the role of kelp and seagrass as ecosystem builders, restoring sites can help increase the productivity of important fisheries in the area. Choosing sites that maximize recolonization of fishery species can help this goal.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Environmental Remediation Tab List -->
<div class="row bg-white pt-3">
<div class="col-xs-12 col-md-12 mx-auto">
<h2>Environmental Remediation</h2>
<nav>
<div class="nav nav-tabs" role="tablist">
<a class="nav-item nav-link active" id="pollution-tab" data-toggle="tab" href="#pollution" role="tab" aria-controls="pollution" aria-selected="true">Pollution</a>
<a class="nav-item nav-link" id="invasive-tab" data-toggle="tab" href="#invasive" role="tab" aria-controls="invasive" aria-selected="false">Invasive Species</a>
<a class="nav-item nav-link" id="foodwebs-tab" data-toggle="tab" href="#foodwebs" role="tab" aria-controls="foodwebs" aria-selected="false">Food Web Imbalances</a>
</div>
</nav>
<div class="tab-content">
<!-- Pollution -->
<div class="tab-pane fade show active" id="pollution" role="tabpanel" aria-labelledby="pollution-tab">
<div class="row p-3 mx-auto">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Pollution from human activity can create hostile environments for seagrass and kelp growth. Nutrient loading can spark eutrophication, an overgrowth of algae that blocks out needed light from reaching vegetation on the seafloor. Industrial wastewater can also lower the water quality enough to degrade the aquatic ecosystems. The elimination or reduction of this pollution can allow the area to be recolonized.
</p>
<p>
<a href="https://www.youtube.com/watch?v=kD1eUC81cy0&t=597s" target="_blank">Click here</a> to hear Dr. Cassie Gurbisz, from St. Mary's College of Maryland, discuss eutrophication and nutrient-loading as the main issues affecting submerged vegetation around the globe.
</p>
</div>
<div class="col-xs-12 col-lg-5 mb-3 pt-3 mx-auto bordered">
<div class="case-title mb-1">
<a href="https://www.ser-rrc.org/project/usa-florida-restoration-of-the-tampa-bay-ecosystem/" target="_blank">Case: Tampa Bay, FL</a>
</div>
<p class="case-text">
A public outreach program and partnership with local government and industry representatives allowed for the improvement of water quality. Manual replanting attempts were unsuccessful, and seagrass was naturally reestablished.
</p>
</div>
<div class="col-xs-12 col-lg-5 mb-3 pt-3 mx-auto bordered">
<div class="case-title mb-1">
<a href="https://www.ser-rrc.org/project/usa-massachusetts-boston-harbor-eelgrass-restoration/" target="_blank">Case: Boston Harbor, MA</a>
</div>
<p class="case-text">
The implementation of secondary sewage treatment allowed for the improvement of water quality.
</p>
</div>
</div>
</div>
<!-- Invasive Species -->
<div class="tab-pane fade px-3" id="invasive" role="tabpanel" aria-labelledby="invasive-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Ecosystem destruction is occasionally brought upon by the replacement of more aggressive, non-native species. These species are able to outcompete existing plant life. Eradication of invasives frees up the area for recolonization.
</p>
</div>
<div class="col-xs-12 col-lg-8 mx-auto pt-3 bordered">
<div class="case-title mb-1">
<a href="http://www.seagrassli.org/restoration/projects/hharbor.html" target="_blank">Case: Agua Hedionda Lagoon, CA</a>
</div>
<p class="case-text">
<i>Caulerpa taxifolia</i>, an aggressive invasive seaweed, was subjected to field and lab tests which determined chlorine bleach application was the most effective technique to kill individuals. Mechanical disturbance was minimized, as fragments from parent plants were able to survive and implant elsewhere. The plots of C. taxifolia were treated on-site by covering the plants with a tarp and injecting chlorine bleach underneath or introducing in a pelleted form. Besides lethality, the bleach had the additional benefit of inducing a color change which confirmed individual death.
</p>
<p class="case-text">
Eradication efforts were successful because the restoration team assumed a rapid response and performed under the assumption that complete eradication was possible. With a sustained, persistent response; intensive, repeated surveys; and quantitative evaluations, complete eradication was achieved.
</p>
</div>
</div>
</div>
<!-- Food Webs -->
<div class="tab-pane fade px-3" id="foodwebs" role="tabpanel" aria-labelledby="foodwebs-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Disturbances in the food web can lead to an overgrowth of seagrass predators due to a lack of competition. A consequence of this imbalance is the overgrazing of marine vegetation, reducing its extent.
</p>
</div>
<div class="col-xs-12 col-lg-8 pt-3 mx-auto bordered">
<div class="case-title mb-1">
<a href="https://www.santamonicabay.org/explore/in-the-ocean/kelp-forest-restoration/" target="_blank">Case: Santa Monica Bay, CA</a>
</div>
<p class="case-text">
Historic overfishing in the region resulted in a population loss of sea urchin predators and competitors. The sea urchins then exploded in numbers and consumed much of the kelp. Restoration is in progress by means of dive teams manually culling the urchins by crushing or by chemical destruction with quicklime. Kelp naturally regrows in areas where sea urchin numbers have been reduced.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Transplantation Tab List -->
<div class="row bg-white py-3">
<div class="col-xs-12 col-md-12 mx-auto">
<h2>Transplantation</h2>
<nav>
<div class="nav nav-tabs" role="tablist">
<a class="nav-item nav-link active" id="testplots-tab" data-toggle="tab" href="#testplots" role="tab" aria-controls="testplots" aria-selected="true">Test Plots</a>
<a class="nav-item nav-link" id="broadcasting-tab" data-toggle="tab" href="#broadcasting" role="tab" aria-controls="broadcasting" aria-selected="false">Seed Broadcasting</a>
<a class="nav-item nav-link" id="transplants-tab" data-toggle="tab" href="#transplants" role="tab" aria-controls="transplants" aria-selected="false">Adult Transplants</a>
</div>
</nav>
<div class="tab-content">
<!-- Test Plots -->
<div class="tab-pane fade show active" id="testplots" role="tabpanel" aria-labelledby="testplots-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
A technique that is not always necessary is the utilization of test plots. These allow restoration techniques to be evaluated for success on a small scale before translating the technique to the entire restoration site. While this allows maximum efficacy to be evaluated, it does tend to require a trial period, delaying the restoration of the site.
</p>
</div>
</div>
</div>
<!-- Seed Broadcasting -->
<div class="tab-pane fade" id="broadcasting" role="tabpanel" aria-labelledby="broadcasting-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
When manually re-establishing seagrass beds, seagrass “donor sites” are utilized. Seed collection from several donor sites can provide genetic diversity for the budding colony. The reproductive shoots, which contain the seeds, are removed from the donor site and are usually transported to an aquaculture facility, where the seeds mature before being planted at the recipient sites.
</p>
<p>
<a href="https://www.youtube.com/watch?v=L-xX-Yw2aTk&t=570s" target="_blank">Click here</a> to watch Brooke Landry, from the Maryland Department of Natural Resources, discuss different approaches to seed collection and distribution in small-scale & large-scale Submerged Aquatic Vegetation (SAV) restoration projects.
</p>
<p>
<a href="https://www.youtube.com/watch?v=M06Nt94hnxI&t=1007s" target="_blank">Click here</a> to watch Kelly Darnell, from the University of Southern Mississippi, discuss how the reproductive ecology of eelgrass impacts seed collection and distribution.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mb-3 mx-auto bordered">
<div class="case-title mb-1">
<a href="https://www.ser-rrc.org/project/usa-maryland-potomac-river-eelgrass-restoration/" target="_blank">Case: Potomac River, MD</a>
</div>
<p class="case-text">
Reproductive shoots were initially harvested by a team of divers. This proved slow and cost-ineffective. A water chestnut harvesting boat was repurposed for cutting and collecting reproductive shoots, which stood taller than the general vegetation and could therefore be harvested without damaging the ecosystem. Seeds were broadcasted by placing the shoots in mesh bags above the sediment, allowing the seeds to drop out when mature. Manual broadcasting was also used to evenly allocate the seeds.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mb-3 mx-auto bordered">
<div class="case-title mb-1">
<a href="https://scc.ca.gov/climate-change/climate-ready-program/san-francisco-bay-living-shorelines-project/" target="_blank">Case: San Francisco Bay, CA (Living Shorelines)</a>
</div>
<p class="case-text">
Flowering shoots of eelgrass are placed into mesh bags and attached to buoys over restoration sites. Seeds drop out as they ripen.
</p>
</div>
</div>
</div>
<!-- Adult Transplant -->
<div class="tab-pane fade" id="transplants" role="tabpanel" aria-labelledby="transplants-tab">
<div class="row p-3">
<div class="col-xs-12 col-md-12 col-lg-12">
<p>
Adult plants can be taken in their entirety from donor sites and replanted. This is often done manually, and there exists a variety of techniques for both collection and replanting. Methods for anchoring to the sea floor can include simply burying the shoots, staking the shoots into the ground, burying sod from donor sites, or covering the shoots with a protective mesh.
</p>
<p>
<a href="https://www.youtube.com/watch?v=M06Nt94hnxI&t=1090s" target="_blank">Click here</a> to watch Adam Obaza, from Paua Marine Research Group, elaborate on his work collecting and transplanting eelgrass for restoration in Southern California.
</p>
<p>
<a href="https://www.youtube.com/watch?v=wMxg53jYRvk&t=484s" target="_blank">Click here</a> to watch Amanda Bird discuss her previous experience as the Marine Restoration Coordinator for OC Coastkeeper and how she involved the local community with eelgrass transplants.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mx-auto mb-3 bordered">
<div class="case-title mb-1">
<a href="https://www.ser-rrc.org/project/usa-texas-west-galveston-bay-seagrass-restoration/" target="_blank">Case: West Galveston, TX</a>
</div>
<p class="case-text">
Plugs of shoots were collected and planted with a time-release fertilizer, covered in a mesh screen, and monitored and scored for health.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mx-auto mb-3 bordered">
<div class="case-title mb-1">
<a href="https://scc.ca.gov/webmaster/ftp/pdf/restore-shoreline/sfbay-living-shorline-project-052412.pdf" target="_blank">Case: San Francisco Bay, CA (Living Shorelines)</a>
</div>
<p class="case-text">
Eelgrass shoots were fastened to bamboo stakes, which were then evenly distributed and anchored into the soil.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mx-auto mb-3 bordered">
<div class="case-title mb-1">
<a href="https://www.sciencedirect.com/science/article/abs/pii/0025326X87906217" target="_blank">Case: Biscayne Bay, FL</a>
</div>
<p class="case-text">
Sods from seagrass beds measuring approximately 2 x 1 m were removed from donor sites and buried in restoration sites.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mx-auto mb-3 bordered">
<div class="case-title mb-1">
<a href="https://www.ser-rrc.org/project/usa-maryland-potomac-river-eelgrass-restoration/" target="_blank">Case: Potomac River, MD</a>
</div>
<p class="case-text">
Divers buried single, unanchored shoots with rhizomes by hand. Shoots were placed between 25 and 50mm deep.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mx-auto mb-3 bordered">
<div class="case-title mb-1">
<a href="https://www.ser-rrc.org/project/usa-massachusetts-boston-harbor-eelgrass-restoration/" target="_blank">Case: Boston Harbor, MA</a>
</div>
<p class="case-text">
PVC frames were constructed and landscape mesh suspended across it. The shoots were then tied to the mesh and the apparatus placed on the seafloor. Once the shoots were established in the sediment, the PVC frames were collected and reused.
</p>
</div>
<div class="col-xs-12 col-lg-5 pt-3 mx-auto mb-3 bordered">
<div class="case-title mb-1">
<a href="http://www.seagrassli.org/restoration/projects/nfwf.html" target="_blank">Case: Eastern Long Island Sounds, NY</a>
</div>
<p class="case-text">
Shoots were gathered by hand from eroded edges and low density areas from donor sites. At a lab or nursery, shoots were woven into pre-perforated burlap sacks, transported to the planting site, and anchored with sandbags. Scuba divers pushed shoots into the sediment in places deep enough as to not be significantly disturbed by wave action.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<div id="seagrass"></div>
<footer>
<div class="container pt-4">
<div class="row">
<!-- Logo -->
<div class="col-xs-12 col-md-2 col-lg-1 pt-3">
<a href="index.html">
<img src="img/ioes-short.svg" id="logo-short" alt="UCLA IoES" />
</a>
</div>
<div class="col-xs-12 col-md-10 col-lg-11 pt-3" id="sitemap">
<div>UCLA IoES - Stronger Shorelines</div>
<a href="index.html">Home</a> |
<a href="tools.html">Tools</a> |
<a href="resources.html">Resources</a> |
<a href="ecology.html">Ecology</a> |
<a href="methods.html">Methods</a> |
<a href="library.html">Library</a> |
<a href="team-2019-20.html">2019-2020 Team</a> |
<a href="https://github.com/uclaioes/shorelines">GitHub</a>
</div>
</div>
<div class="row py-3">
<!-- Copyright -->
<div class="col-xs-12 col-md-12 text-center">
<span id="copyright">Copyright 2020 © UCLA IoES</span>
</div>
</div>
</div>
</footer>
<!-- JQuery JS -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>