-
Notifications
You must be signed in to change notification settings - Fork 0
/
taksin.html
337 lines (296 loc) · 27.5 KB
/
taksin.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<!-- Animate css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!-- Local css/cscc -->
<link rel="stylesheet" href="style.css">
<title>Taksin</title>
</head>
<body>
<!-- Home -->
<a href="index.html">
<div class="home">
<p style="color: white; font-size: 15px; margin:10px;">
Home
</p>
</div>
</a>
<!-- into Umphang-->
<header class="header" style="background-color:rgba(0, 0, 0, 0.432);">
<div class="vertical-center">
<div style="background-color: transparent;">
<h1 class="display-1" style="font-family:title; font-size: 8em; color:white; max-width: 100%;">TAKSIN</h1>
<h4 style="font-family:title; font-size: 5em; color:white; max-width: 100%;">NATIONAL PARK</h4>
<!-- <blockquote class="blockquote">
<p class="mb-0" style="color:white; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer class="blockquote-footer" style="color:white;">Someone famous in
<cite title="Source Title">Source Title</cite>
</footer>
</blockquote> -->
</div>
<video id="bgvid" style="z-index:-1000;" playsinline autoplay loop muted>
<source src="video/real2.mp4" type="video/mp4">
</video>
</div>
</header>
<!-- about Umphang -->
<header id="history" class="cover-his-taksin vertical-center-2" style="padding: 20px;">
<h1 class="display-1" style="font-family: title; color:white; text-align:center; padding-bottom: 50px;">The National Park</h1>
<div class="row">
<object type="image/svg+xml" data="pic/taksinpin.svg" class="col-lg-6" style="min-height: 100px;"></object>
<div class="col-lg-6 vertical-center-2" style="color:white; padding:50px">
<p class="thai">
อุทยานแห่งชาติตากสินมหาราชเดิมมีชื่อว่า “อุทยานแห่งชาติต้นกระบากใหญ่”เนื่องจากมีการค้นพบต้นกระบากใหญ่ที่ใหญ่ที่สุดในประเทศไทยขณะนั้น
ต้นกระบากนี้วัดโดยรอบได้ 16.10 เมตร ต้องใช้คนโอบถึง 12 คนเลยทีเดียว
</p>
<p class="thai">
ลักษณะภูมิประเทศของอุทยานฯส่วนใหญ่เป็นเทือกเขาสูงชันสลับซับซ้อน มีพื้นที่ราบอยู่เพียงเล็กน้อย มีแนวเทือกเขาถนนธงชัยผ่านกลางอุทยานฯ
จึงก่อให้เกิดห้วยและน้ำตกมากมาย เช่น ห้วยตะปูเคาะ ห้วยยะอุ น้ำตกปางอ้าน้อย น้ำตกปางอ้า สถานที่ท่องเที่ยวส่วนใหญ่ของอุทยานฯจึงเป็นการท่องเที่ยวน้ำตกและการชมพืชพรรณ
</p>
<p class="thai">
ออกจากลำธารและผืนป่า อุทยานฯนี้ยังมีถ้ำหินงอกหินย้อยที่สวยงามมีความลึกประมาณ 100 เมตร มีลำธารไหลตลอดทั้งปี และสะพานหินธรรมชาติที่มีลักษณะเป็นแท่งหินขนาดใหญ่เชื่อมติดกับหน้าผาทั้งสองด้านเข้าด้วยกัน
และบริเวณโดยรอบห้อมล้อมไปด้วยป่าไม้ที่สวยงาม อัตราค่าบริการของอุทยานฯ ผู้ใหญ่ราคา 40 บาท และเด็กราคา 20 บาท สำหรับชาวต่างชาติ
ผู้ใหญ่ราคา 200 บาท และเด็กราคา 100 บาท ช่วงที่เหมาะสมในการเที่ยวอุทยานฯมากที่สุด คือฤดูหนาว และฤดูแล้ง และต้องติดต่อเจ้าหน้าที่นำทางทุกครั้งในการเข้าชมอุทยานฯ
</p>
</div>
</header>
<!-- Maps -->
<div style="height: 60vh;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1958881.2097909823!2d98.69897764764075!3d16.47858247027072!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30ddc3d90d237855%3A0xd3f2c1bf372fdd3c!2sTaksinmaharat+National+Park!5e0!3m2!1sen!2sth!4v1524047225401"
style="width: 100%; height: 100%; margin: 0%; padding: 0px;" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<!-- slide show -->
<!-- slide show -->
<div id="picshow" class="carousel slide" data-ride="carousel" style="max-height: 90vh; overflow: hidden;">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="pic/park/pic1.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="pic/park/pic2.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="pic/park/pic3.jpg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="pic/park/pic4.jpg" alt="forth slide">
</div>
</div>
<a class="carousel-control-prev" href="#picshow" 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="#picshow" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- place to go -->
<div id="landmark" class="col-lg-12 justify-content-center cover-land " style="background-color:rgb(235, 235, 235); padding: 20px;">
<div class="display-4" style="margin:30px; font-family: title; text-align:center;">Landmarks & Moral</div>
<div class="row justify-content-center">
<div slide="#card1" onclick="slideControll(this)" class="item1" style="width: 18rem;" id="headingOne">
<h4 class="hor-cen vertical-cen display-4">Umphang</h4>
</div>
<div slide="#card2" onclick="slideControll(this)" class="item2" style="width: 18rem;" id="headingTwo">
<h4 class="hor-cen vertical-cen display-4">BH Dam</h4>
</div>
<div slide="#card3" onclick="slideControll(this)" class="item3" style="width: 18rem;" id="headingThree">
<h4 class="hor-cen vertical-cen display-4">Park</h4>
</div>
<div slide="#card4" onclick="slideControll(this)" class="item4" style="width: 18rem;" id="headingFour">
<h4 class="hor-cen vertical-cen display-4">Bridge</h4>
</div>
<div slide="#card5" onclick="slideControll(this)" class="item5" style="width: 18rem;" id="headingOne">
<h4 class="hor-cen vertical-cen display-4">Temple</h4>
</div>
<div slide="#card6" onclick="slideControll(this)" class="item6" style="width: 18rem;" id="headingOne">
<h4 class="hor-cen vertical-cen display-4">Waterfall</h4>
</div>
</div>
</div>
<!-- colla -->
<div id="go-collapse">
<div class="collapse" id="card1" data-parent="#accordion">
<div class="travel1 row align-items-center" style="padding: 30px; margin-right: 0px;margin-left: 0px;padding-bottom: 50px; padding-top: 50px">
<div class="col-lg-6 vertical-center">
<object type="image/svg+xml" data="pic/umphang-layout.svg" class="col-lg-6" style="min-height: 100px; max-height: 50vh;"></object>
<img src="" alt="">
</div>
<div class="col-lg-6">
<h1 class="display-3" style="color:white;">Umphang</h1>
<p class="thai" style="margin-bottom:10px; color: white">
เขตรักษาพันธุ์สัตว์ป่าอุ้มผาง มีพื้นที่ 1,619,280ไร่ เป็นเขตป่าอนุรักษ์เพื่อการสงวนและรักษาทรัพยากรธรรมชาติและเป็นผืนป่าตะวันตกที่เป็นต้นกำเนิดของแหล่งมรดกโลก
พื้นที่ส่วนใหญ่เป็นภูเขาสูงสลับซับซ้อน อากาศจะหนาวและเย็นมากในระหว่างเดือนพฤศจิกายน ถึงเดือนกุมภาพันธ์ พรรณไม้ส่วนใหญ่เป็นป่าดงดิบ
ป่าผลัดใบซึ่งแซมไปด้วยสัก ไม้เนื้อแข็ง ฟต้นเต็งรัง และอื่น ๆ สัตว์ป่าที่พบเห็น ได้แก่ เสือลายเมฆ สมเสร็จ เลียงผา
เหยี่ยว นกกระทุง ผีเสื้อและนกหลายชนิด ซึ่งรวมทั้งนกเงือกหลากสีหายากมากมาย พื้นที่บางส่วนของเขตรักษาพันธ์ุสัตว์ป่าอุ้มผางยังเป็นที่อยู่อาศัยของชาวกะเหรี่ยง
ม้ง ลีซอ เมี่ยน และลาหู่ อีกด้วย เขตรักษาพันธุ์สัตว์ป่าแห่งนี้ยังถือเป็นที่กำเนิดของน้ำตกหลายแห่ง เช่น น้ำตกทีลอจอ
น้ำตกทีลอเล และน้ำตกที่มีชื่อเสียงมากที่สุด น้ำตกทีลอซู
</p>
<div class="blockquote-footer" style="color:white; margin-bottom:20px;">
<cite title="Source Title">เขตรักษาพันธุ์สัตว์ป่าอุ้มผาง</cite>
</div>
<a href="umphang.html">
<div class="justify-content-center learn col-sm-2 vertical-center hor-cen" style="margin-top:30px; text-decoration:none;">
Learn More
</div>
</a>
</div>
</div>
</div>
<div class="collapse" id="card2" data-parent="#accordion">
<div class="travel2 row align-items-center" style="margin-right: 0px;margin-left: 0px;padding: 30px; padding-bottom: 50px; padding-top: 50px">
<div class="col-lg-6 vertical-center">
<object type="image/svg+xml" data="pic/dampin.svg" class="col-lg-6" style="min-height: 100px; max-height: 60vh;"></object>
<img src="" alt="">
</div>
<div class="col-lg-6">
<h1 class="display-3" style="color:white;">Bhumibol Dam</h1>
<p class="thai" style="margin-bottom:10px; color: white">
เขื่อนภูมิพล เดิมมีชื่อว่า เขื่อนยันฮี เป็นเขื่อนเอนกประสงค์แห่งแรกในประเทศไทย ต่อมาเมื่อวันที่ 25 กรกฏาคม 2500 พระบาทสมเด็จพระเจ้าอยู่หัวฯ
ทรงพระราชทานพระปรมาภิไธย ให้ชื่อว่าเขื่อนภูมิพล เขื่อนภูมิพลเป็นเขื่อนคอนกรีตโค้งแห่งเดียวที่มีขนาดใหญ่ที่สุดในประเทศไทย
และเป็นอันดับ 8 ในเอเชียตะวันออกเฉียงใต้ เขื่อนภูมิพลสร้างปิดกั้นลำน้ำปิงที่บริเวณเขาแก้ว อำเภอสามเงา จังหวัดตาก
เพื่อใช้ประโยชน์ในการผลิตพลังงานไฟฟ้า, ชลประทาน, เพาะพันธุ์สัตว์นํ้าจืด และพื้นที่บริเวณโดยรอบเขื่อนภูมิพลยังเป็นสถานที่ท่องเที่ยวอีกด้วย
นักท่องเที่ยวสามารถเดินทางไปเที่ยวชมแหล่งท่องเที่ยวตามเกาะต่างๆรอบๆเขื่อนได้โดยการเช่าเรือของเขื่อนได้ บริเวณเหนืออ่างเก็บนํ้าเขื่อนภูมิพลคือเขตป่าสงวนแห่งชาติแม่ตื่น
เป็นเส้นทางเดินเท้าศึกษาธรรมชาติของสภาพป่าเต็งรัง ป่าเบญจพรรณ ความหลากหลายของเขาหินลำห้วย และน้ำตก ตลอดจนการฟื้นฟูสภาพป่า
เพื่อให้นักท่องเที่ยวมีโอกาสได้สัมผัสธรรมชาติอย่างใกล้ชิด อีกทั้งยังช่วยส่งเสริมการท่องเที่ยวเชิงอนุรักษ์การไฟฟ้าฝ่ายผลิตแห่งประเทศไทย
</p>
<div class="blockquote-footer" style="color:white; margin-bottom:20px;">
<cite title="Source Title">เขื่อนภูมิพล</cite>
</div>
<a href="bhumibol.html">
<div class="justify-content-center learn col-sm-2 vertical-center hor-cen" style="margin-top:30px; text-decoration:none;">
Learn More
</div>
</a>
</div>
</div>
</div>
<div class="collapse" id="card3" data-parent="#accordion">
<div class="travel3 row align-items-center" style=" padding: 30px; margin-right: 0px;margin-left: 0px; padding-bottom: 50px; padding-top: 50px">
<div class="col-lg-6 vertical-center">
<object type="image/svg+xml" data="pic/taksinpin.svg" class="col-lg-6" style="min-height: 100px; max-height: 50vh;"></object>
<img src="" alt="">
</div>
<div class="col-lg-5">
<h1 class="display-3" style="color:white;">Taksin Park</h1>
<p class="thai" style="margin-bottom:10px; color: white">
อุทยานแห่งชาติตากสินมหาราช ตั้งอยู่ในท้องที่ 2 อำเภอ คือ อำเภอเมืองตาก และอำเภอแม่สอด ติดถนนทางหลวงแผ่นดินหมายเลข 105 ห่างจากตัวอำเภอเมืองตากประมาณ
35 กิโลเมตร ซึ่งประกาศทับซ้อนป่าสงวนแห่งชาติป่าแม่ละเมา ตำบลพะวอ อำเภอแม่สอด จังหวัดตาก และประกาศทับซ้อนป่าสงวนแห่งชาติป่าแม่ท้อ–ห้วยตากฝั่งขวา
ตำบลแม่ท้อ อำเภอเมือง จังหวัดตาก มีพื้นที่ตามประกาศในราชกิจจานุเบกษาจำนวน 93,125 ไร่ แต่มีพื้นที่จริงจากการคำนวณเท่ากับ
163,750 ไร่
</p>
<div class="blockquote-footer" style="color:white; margin-bottom:20px;">
<cite title="Source Title">อุทยานแห่งชาติตากสินมหาราช</cite>
</div>
<a href="taksin.html">
<div class="justify-content-center learn col-sm-2 vertical-center hor-cen" style="margin-top:30px; text-decoration:none;">
Learn More
</div>
</a>
</div>
</div>
</div>
<div class="collapse" id="card4" data-parent="#accordion">
<div class="travel4 row align-items-center" style="padding: 30px; margin-right: 0px;margin-left: 0px; padding-bottom: 50px; padding-top: 50px">
<div class="col-lg-6 vertical-center">
<object type="image/svg+xml" data="pic/taksinpin.svg" class="col-lg-6" style="min-height: 100px; max-height: 50vh;"></object>
<img src="" alt="">
</div>
<div class="col-lg-6">
<h1 class="display-3" style="color:white;">Bicentennial Bridge</h1>
<p class="thai" style="margin-bottom:10px; color: white">
สะพานสมโภชกรุงรัตนโกสินทร์ 200 ปี หรือที่เรียกกันว่า “สะพานแขวนแห่งน้ำปิง” เป็นสะพานที่สร้างขึ้นเพื่อเฉลิมฉลองการสมโภชกรุงรัตนโกสินทร์มีอายุครบ
200 ปี โดยสะพานจะเชื่อมระหว่างตัวเมืองตากและตำบลป่ามะม่วง ในอดีตสะพานนี้สามารถใช้รถจักรยานและรถจักรยานยนต์สัญจรไปมาได้
แต่ในปัจจุบันเป็นสะพานสำหรับเดินชมทิวทัศน์แม่น้ำปิง โดยเฉพาะในยามค่ำคืนที่มีการประดับไฟที่สวยงาม และนอกจากนี้ยังใช้จัดงานประเพณีลอยกระทงสายไหลประทีปพันดวงซึ่งเป็นงานประเพณีประจำท้องถิ่น
บริเวณโดยรอบของสะพานจะมีสวนเฉลิมพระเกียรติฯ ซึ่งเป็นสวนสาธารณะที่สวยงามและมีสนามกีฬาหลายประเภท ยาวตามลำน้ำปิง
</p>
<div class="blockquote-footer" style="color:white; margin-bottom:20px;">
<cite title="Source Title">สะพานสมโภชกรุงรัตนโกสินทร์ 200 ปี</cite>
</div>
<a href="bridge.html">
<div class="justify-content-center learn col-sm-2 vertical-center hor-cen" style="margin-top:30px; text-decoration:none;">
Learn More
</div>
</a>
</div>
</div>
</div>
<div class="collapse" id="card5" data-parent="#accordion">
<div class="travel5 row align-items-center" style="margin-right: 0px;margin-left: 0px;padding: 30px;padding-bottom: 50px; padding-top: 50px">
<div class="col-lg-6 vertical-center">
<object type="image/svg+xml" data="pic/templepin.svg" class="col-lg-6" style="min-height: 100px; max-height: 60vh;"></object>
<img src="" alt="">
</div>
<div class="col-lg-6">
<h1 class="display-3" style="color:white;">Wat Phra Borommathat</h1>
<p class="thai" style="margin-bottom:10px; color: white">
วัดพระบรมธาตุ ตั้งอยู่ที่บ้านท่าพระธาตุ หมู่ที่ 3 ตำบลเกาะตะเภา อำเภอบ้านตาก จังหวัดตาก วัดพระบรมธาตุ บางคนก็เรียก "วัดพระธาตุ"
เดิมนั้นนับเป็นวัดที่เก่าแก่สร้างขึ้นมานานมาก อยู่ในราวสมัยสุโขทัย ต่อมาในระยะหลังได้ขาดการทะนุบำรุง จึงได้กลายสภาพเป็นวัดร้างไป
และได้รับการบูรณะปฏิสังขรณ์ขึ้นมาใหม่ประมาณ พ.ศ. 2440 ปูชนียวัตถุมีองค์พระบรมธาตุเป็นของโบราณ แต่ได้บูรณะเป็นรูปทรงเลียนแบบมาจากเจดีย์ชเวดากองแห่งพม่า
ครอบองค์เดิมไว้ ตัวอุโบสถ มีประตูเป็นไม้แกะสลักที่สวยงาม หน้าบัน และจั่วเป็นไม้ หน้าต่างแกะสลัก เป็นพุทธประวัติปิดทอง
หัวบันไดเป็นนาค วิหารของวัดเป็นวิหารเก่ามีเพดานสูง ๒ ชั้น มีช่องลมอยู่โดยรอบ ทำให้อากาศภายในวิหารมีอากาศเย็น
และมีพระพุทธรูปปูนปั้นปิดทองอยู่ภายในวิหาร นอกจากนี้ภายในบริเวณวัดยังมีวิหารไม้เก่าแก่ ที่มีลายแกะสลักไว้ให้ชม
นับเป็นวัดที่มีคุณค่าในทางโบราณคดีอย่างมาก
</p>
<div class="blockquote-footer" style="color:white; margin-bottom:20px;">
<cite title="Source Title">วัดพระบรมธาตุ</cite>
</div>
<a href="temple.html">
<div class="justify-content-center learn col-sm-2 vertical-center hor-cen" style="margin-top:30px; text-decoration:none;">
Learn More
</div>
</a>
</div>
</div>
</div>
<div class="collapse" id="card6" data-parent="#accordion">
<div class="travel6 row align-items-center" style="margin-right: 0px;margin-left: 0px;padding: 30px;padding-bottom: 50px; padding-top: 50px">
<div class="col-lg-6 vertical-center">
<object type="image/svg+xml" data="pic/waterpin.svg" class="col-lg-6" style="min-height: 100px; max-height: 60vh;"></object>
<img src="" alt="">
</div>
<div class="col-lg-6">
<h1 class="display-3" style="color:white;">Thi Lo Su Waterfall</h1>
<p class="thai" style="margin-bottom:10px; color: white">
น้ำตกทีลอซูเป็นน้ำตกที่มีขนาดใหญ่และมีความสวยงามที่สุดของเมืองไทยและติดอันดับน้ำตกที่ใหญ่ที่สุด 1 ใน 6 ของเอเชีย คำว่าทีลอซูเป็นภาษากะเหรี่ยงแปลว่าน้ำตกดำ
น้ำตกมีลักษณะเป็นน้ำตกภูเขาหินปูนขนาดใหญ่ ตั้งอยู่ในเขตรักษาพันธุ์สัตว์ป่าอุ้มผาง ห่างจากที่ทำการเขตฯ 3 กิโลเมตร
ตั้งอยู่บนความสูงจากระดับน้ำทะเล900เมตรเกิดจากลำห้วยกล้อท้อลำน้ำทั้งสายตกลงสู่หน้าผาสูงชัน ในช่าวงหน้าฝนจะไม่สะดวกสำหรับการเดินทาง
และน้ำตกอาจปิดต้อนรับนักท่องเที่ยวเนื่องจากเหตุผลทางด้านความปลอดภัย จำเป็นต้องได้เดินเท้า สำหรับในช่วงหน้าแล้ง
การเดินทางโดยรถยนตร์อาจเข้าได้แต่เฉพาะรถขับเคลื่อนสี่ล้อเท่านั้นเนื่องจากมีช่วงที่ถนนลื่นและสูงชัน และทางเลือกอีกทางหนึ่งที่เข้าน้ำตกได้คือการล่องแก่ง
</p>
<div class="blockquote-footer" style="color:white; margin-bottom:20px;">
<cite title="Source Title">น้ำตกทีลอซู</cite>
</div>
<a href="waterfall.html">
<div class="justify-content-center learn col-sm-2 vertical-center hor-cen" style="margin-top:30px; margin-bottom: 50px; text-decoration:none; margin: 20px;">
Learn More
</div>
</a>
</div>
</div>
</div>
</body>
<!-- Optional JavaScript -->
<script>
function slideControll(id) {
$("#go-collapse").children().collapse('hide');
var openThis = id.getAttribute("slide");
$(openThis).collapse('show');
}
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</html>