-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
490 lines (487 loc) · 32.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
<!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="" />
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<title>Chung-website</title>
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/navbar-logo.svg" alt="..." /></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ml-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#project">Project</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#design">Design</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Welcome To Chung Website!</div>
<div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#about">More</a>
</div>
</header>
<!-- About-->
<section class="page-section" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">About</h2>
<h3 class="section-subheading text-muted"></h3>
</div>
<div class="text-center">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="..." />
<h4>顏婷蓁</h4>
<p class="text-muted">NCUMIS Student / [email protected]</p>
<a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/peggy.yan.5/"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://github.com/chung-coder"><i class="fab fa-github"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/婷蓁-顏-71923b196"><i class="fab fa-linkedin-in"></i></a>
</div>
<div class="team-member">
<h4>新北人，就讀中央大學資管系大四，喜歡與人交流互動，充滿正能量</h4>
<h4>獨立、積極，勇於接受挑戰，喜愛旅行、嘗試各種戶外活動與運動(尤其是排球~~)</h4>
<h4>興趣廣泛，喜歡版面設計與接觸各種程式技術，期許有一天，能將科技與設計結合，完成具美感的作品</h4>
<h4>目標是要成為一位有影響力的人!</h4>
</div>
</div>
</div>
</section>
<!-- Resume-->
<section class="page-section bg-light" id="experience">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Experience</h2>
<h3 class="section-subheading text-muted"></h3>
</div>
<ul class="timeline">
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/NCU.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2018年9月 – 2022年7月</h4>
<h4 class="subheading">國立中央大學</h4>
</div>
<div class="timeline-body">
<p class="text-muted">資訊管理學系<br>跨領域社會參與學分學程<br>資訊工程程式設計第二專長</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/MGTCC.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2018年11月 – 2021年11月</h4>
<h4 class="subheading">中央大學管院電算中心學生團隊 MGTCC</h4>
</div>
<div class="timeline-body"><p class="text-muted">瞭解網路基礎與設備服務原理<br>協助管院用戶電腦設備障礙排除<br>定期維護與重灌電腦教室設備<br>架設、維護及管理 Servers </p></div>
</div>
</li>
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/fun_logo.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2019年7月 – 2020年12月</h4>
<h4 class="subheading">Fun青松學生團隊社群長</h4>
</div>
<div class="timeline-body">
<p class="text-muted">連三年入選桃園市青年投入永續發展計畫 - 共獲60萬元計畫經費<br>第二屆桃園時代青年行動家 - 獲選永續發展行動家<br>2019年桃園社會企業創業競賽 - 獲社企新秀獎</p><hr>
<p>
中大青松市集 Easy market in NCU 粉專
<a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/%E4%B8%AD%E5%A4%A7%E9%9D%92%E6%9D%BE%E5%B8%82%E9%9B%86-Easy-market-in-NCU-863628713820515"><i class="fab fa-facebook-f"></i></a>
</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/sweetiebee.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2020年3月 – 2022年3月</h4>
<h4 class="subheading">細蜂仔蜜花兒童繪本團隊</h4>
</div>
<div class="timeline-body">
<p class="text-muted">繪本製作編輯群<br>「細蜂仔蜜花」是一本以客語/英文表達台灣養蜂文化的兒童繪本，闡述北部蜂農至南部花海採蜜的故事，並描繪環境變遷下的生態樣貌，希望能帶給親子讀者輕鬆的鄉土教育，傳達生態環境理念</p><hr>
<p>
細蜂仔蜜花 Sweetie Bee 語言教學平台
<a class="btn btn-white btn-social mx-2" href="http://hakkalearning.ncu.edu.tw/"><img class="rounded-circle img-fluid" src="assets/img/about/bee.png" alt="..." /></i></a>
</p>
</div>
</div>
</li>
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/ms-intern.png" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2021年7月 – 2022年6月</h4>
<h4 class="subheading">台灣微軟實習生</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Software Engineer Intern<br>對微軟客戶與合作夥伴進行技術展示與導覽，展示微軟最新技術<br>
運用Azure雲端服務進行概念驗證(POC)，解決客戶技術問題<br>維運部門機房與電子設備<br>
</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>
To Be
<br />
<br />
Continued!
</h4>
</div>
</li>
</ul>
</div>
</section>
<!-- Project-->
<section class="page-section" id="project">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Project</h2>
<h3 class="section-subheading text-muted"></h3>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#Project1">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-2x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/01-IoT-bartender.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">IoT-bartender</div>
<div class="portfolio-caption-subheading text-muted">物聯網智慧調酒機</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#Project2">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-2x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/02-thumbnail.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">charlie clinic 電子病歷系統</div>
<div class="portfolio-caption-subheading text-muted">EMR病歷系統網頁</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<div class="portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#Project3">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-2x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/03-thumbnail.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">mini projects (進行中)</div>
<div class="portfolio-caption-subheading text-muted">運用 HTML, CSS & JavaScript 完成小專案</div>
</div>
</div>
</div>
</div>
</section>
<!-- Design-->
<section class="page-section bg-light" id="design">
<div class="container-fluid p-0">
<div class="text-center">
<h2 class="section-heading text-uppercase">Design</h2>
<h3 class="section-subheading text-muted">平面設計作品集，運用 Adobe Photoshop 與 Adobe Illustrator 完成設計 </h3>
</div>
<div class="row no-gutters">
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box">
<img class="img-fluid" src="assets/img/portfolio/thumbnails/1.jpg" alt="" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">海報</div>
<div class="project-name">青松市集-客家能量</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box">
<img class="img-fluid" src="assets/img/portfolio/thumbnails/2.jpg" alt="" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">海報</div>
<div class="project-name">青松市集-青松品味東南亞</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box">
<img class="img-fluid" src="assets/img/portfolio/thumbnails/3.jpg" alt="" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">海報</div>
<div class="project-name">青松市集DIY</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box">
<img class="img-fluid" src="assets/img/portfolio/thumbnails/4.jpg" alt="" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">海報</div>
<div class="project-name">青松市集-校外限定場</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box">
<img class="img-fluid" src="assets/img/portfolio/thumbnails/5.jpg" alt="" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">海報</div>
<div class="project-name">中大服務學習績優獎學金申請</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box">
<img class="img-fluid" src="assets/img/portfolio/thumbnails/6.jpg" alt="" />
<div class="portfolio-box-caption p-3">
<div class="project-category text-white-50">名片</div>
<div class="project-name">Fun青松團隊</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 text-lg-left">
Copyright © Chung Website
<script>
document.write(new Date().getFullYear());
</script>
</div>
<div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="https://www.facebook.com/peggy.yan.5/"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://github.com/chung-coder"><i class="fab fa-github"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/ting-chung-yen-71923b196/"><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-dark btn-social mx-2" href="https://mail.google.com/mail/u/0/?fs=1&tf=cm&[email protected]"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
</footer>
<!-- Portfolio Modals-->
<!-- Modal 1-->
<div class="portfolio-modal modal fade" id="Project1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">IoT-bartender</h2>
<p class="item-intro text-muted">物聯網智慧調酒機</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="..." />
<h4>Overview</h4>
<h5>This is an AI bartender with Age verification.<br>Because of the working holiday in Orchid Island during last summer vacation,<br>
I want to share Original Cocktail that I met in last summer through this project.<br> To implement this project,
I would use five drinks and rice wine.<br> As for user, there are three steps to operate.</h5>
<p>a. First, users need to offer their selfie to identify age. If their age is less than 18 years old, they cannot choose rice wine as a component of drinks.<br>
b. Second, users need to choose the drinks what they like and the proportion what they want on their mobile device.<br>
c. Third, the mobile device will generate an qr-code and users can use it to pick their drink.</p><hr>
<h4>System Diagram on this project</h4>
<img class="img-fluid d-block" src="assets/img/portfolio/01-system diagram.png" alt="..." /><hr>
<h4>Telegram Bot UI設計</h4>
<img class="img-fluid d-block" src="assets/img/portfolio/01-Telegram Bot.png" alt="..." /><hr>
<h4>Circuit Diagram</h4>
<img class="img-fluid d-block" src="assets/img/portfolio/01-Circuit Diagram.png" alt="..." /><hr>
<h4>Demo Video</h4>
<iframe width="80%" height="720" src="https://www.youtube.com/embed/BHtmUCMAgPI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><hr>
<h5>Project Document</h5>
<iframe frameborder="0" scrolling="no"
width="80%" height="720px"
src="https://drive.google.com/file/d/1ImXOSrjRN7ykh9io9ETyu2DV93t2da6v/preview">
</iframe>
<p></p>
<a class="btn btn-dark btn-social2 mx-1" href="https://github.com/chung-coder/Iot-bartender"><i class="fab fa-github fa-w-16 fa-3x"></i></a>
<p></p>
<ul class="list-inline">
<li>Date: January 2021</li>
<li>Schedule: November 2020 - January 2021</li>
<li>Category: Side project</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times mr-1"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 2-->
<div class="portfolio-modal modal fade" id="Project2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">charlie clinic</h2>
<h2 class="text-uppercase">電子病歷系統</h2>
<p class="item-intro text-muted">EMR病歷系統網頁</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.png" alt="..." />
<h4>Overview</h4>
<h5>In order to make healthcare more efficient and less costly,<br>we built an electronic medical record (EMR) website in our Systems Analysis and Design course.</h5><hr>
<h4>UI介面</h4>
<h5 class="section-subheading text-muted">使用 Adobe XD 完成設計 </h5>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-UI design.PNG" alt="..." /><hr>
<h4>系統使用案例圖</h4>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-user class.png" alt="..." /><hr>
<h4>Skill</h4>
<p></p>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fab fa-git-square fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Git 版本控制</h4>
<p class="text-muted">以 git 進行版本控制，<br>與他人合作開發專案</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">實作網頁系統</h4>
<p class="text-muted">MVC 設計模式，前端使用 HTML / CSS / JavaScript，後端採JAVA網頁開發</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-file-alt fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">撰寫系統與設計分析文件</h4>
<p class="text-muted">完成類別圖、使用案例圖文件撰寫，<br>系統共分為身分驗證子系統、人事管理子系統、病歷管理子系統、藥品管理子系統、掛號管理子系統</p>
</div>
</div><hr>
<h5>Project Document</h5>
<iframe frameborder="0" scrolling="no"
width="80%" height="720px"
src="https://drive.google.com/file/d/1dO9Zj9vA0ETEM4B-ztJJxe-kXOcWYIPC/preview">
</iframe>
<p></p>
<a class="btn btn-dark mx-2" href="http://140.115.81.245:8080/NCU_MIS_SA"><i class="fas fa-external-link-alt fa-w-16 fa-3x"></i></a>
<a class="btn btn-dark btn-social2 mx-2" href="https://github.com/chung-coder/EMR_system_MISSA"><i class="fab fa-github fa-w-16 fa-3x"></i></a>
<p></p>
<ul class="list-inline">
<li>Date: January 2021</li>
<li>Schedule: December 2020 - January 2021</li>
<li>Category: Side project</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times mr-1"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 3-->
<div class="portfolio-modal modal fade" id="Project3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project Details Go Here-->
<h2 class="text-uppercase">mini projects (進行中)</h2>
<p class="item-intro text-muted">運用 HTML, CSS & JavaScript 完成小專案</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="..." />
<h4>Overview</h4>
<h5>These projects is from a online course called "50 Projects In 50 Days - HTML, CSS & JavaScript".<br>
This course includes 50 mini projects.<br>
Here is a list of what I create in this course:</h5>
<p></p>
<div class="container">
<table class="table">
<tr>
<th><h5>#</h5></th>
<th><h5>Project</h5></th>
<th><h5>Demo</h5></th>
</tr>
<tr>
<td><h5>01</h5></td>
<td><a href="https://github.com/chung-coder/50-Projects-in-50-Days/tree/main/day0_Expanding%20Cards"><h5>Expanding Cards</h5></a></td>
<td></td>
</tr>
<tr>
<td><h5>02</h5></td>
<td><a href="https://github.com/chung-coder/50-Projects-in-50-Days/tree/main/day1_Progress%20Steps"><h5>Progress Steps</h5></a></td>
<td></td>
</tr>
</table>
</div><hr>
<a class="btn btn-dark btn-social2 mx-2" href="https://github.com/chung-coder/50-Projects-in-50-Days"><i class="fab fa-github fa-w-16 fa-3x"></i></a>
<p></p>
<ul class="list-inline">
<li>Date: April 2021</li>
<li>Schedule: April 2021 - Present</li>
<li>Category: Mini project</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times mr-1"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<!-- Contact form JS-->
<script src="assets/mail/jqBootstrapValidation.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>