-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMoreProjects.html
398 lines (383 loc) · 30.8 KB
/
MoreProjects.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
<!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="" />
<title>Freelancer - Start Bootstrap Theme</title>
<script src="https://www.youtube.com/iframe_api"></script>
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.3.0/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=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Portfolio Section 2023-->
<section class="page-section2 bg-bg3 portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white mb-0">2023</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items-->
<div class="row justify-content-center">
<!-- Portfolio Item 1 Breaking-->
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal20231">
<div class="portfolio-item-caption2 d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><img class="text-center" src="icon/search.png"></div>
</div>
<img class="img-fluid" src="portfolio/BreakingImg.png" alt="..." />
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section 2022-->
<section class="page-section3 bg-bg3 portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white mb-0">2022</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items-->
<div class="row justify-content-center">
<!-- Portfolio Item 2 TANKS-->
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal20222">
<div class="portfolio-item-caption2 d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><img class="text-center" src="icon/search.png"></div>
</div>
<img class="img-fluid" src="portfolio/TanksImg.png" alt="..." />
</div>
</div>
<!-- Portfolio Item 1 Virtual Environment-->
<div class="col-md-6 col-lg-4 mb-5 mb-md-0">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal20221">
<div class="portfolio-item-caption2 d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><img class="text-center" src="icon/search.png"></div>
</div>
<img class="img-fluid" src="portfolio/VirtualEnvironmentImg.png" alt="..." />
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section 2021-->
<section class="page-section3 bg-bg3 portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white mb-0">2021</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items-->
<div class="row justify-content-center">
<!-- Portfolio Item 2 iSnake-->
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal20212">
<div class="portfolio-item-caption2 d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><img class="text-center" src="icon/search.png"></div>
</div>
<img class="img-fluid" src="portfolio/iSnakeImg.png" alt="..." />
</div>
</div>
<!-- Portfolio Item 1 Chess-->
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal20211">
<div class="portfolio-item-caption2 d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><img class="text-center" src="icon/search.png"></div>
</div>
<img class="img-fluid" src="portfolio/ChessImg.png" alt="..." />
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section 2020-->
<section class="page-section4 bg-bg3 portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-white mb-0">2020</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items-->
<div class="row justify-content-center">
<!-- Portfolio Item 1 Dots and Boxes-->
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal20201">
<div class="portfolio-item-caption2 d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><img class="text-center" src="icon/search.png"></div>
</div>
<img class="img-fluid" src="portfolio/DotsAndBoxesImg.png" alt="..." />
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Modals-->
<!-- Portfolio Modal 2023 - 1 Breaking-->
<div class="portfolio-modal modal fade" id="portfolioModal20231" tabindex="-1" aria-labelledby="portfolioModal20231" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content bg-bg3">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-white">Breaking</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Video-->
<div class="video-container">
</div>
<!-- Portfolio Modal - Text-->
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Description:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Breaking is a game where your objective is destroy the bricks. In this game you can't let the ball fall, otherwise you're gonna lose 1 life. You have 3 lifes, if you lose them all, it's Game Over and you start everything from the beggining.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Developed:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">This game was created as a project for the Applied Games Engineering and Development course. It was developed by Afonso Abreu, Filipe Carvalho, Rafael Silva, (ABR Games), in 48h, in June 2023, using Swift and SpriteKit.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Tasks:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Implement lifes, Implement next level, victory and lose system, create the second level, create the victory menu, implement background music, implement animation when bricks are destroyed, fix bugs.</p>
<button class="btn btn-primary" data-bs-dismiss="modal">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2022 - 2 Tanks-->
<div class="portfolio-modal modal fade" id="portfolioModal20222" tabindex="-1" aria-labelledby="portfolioModal20222" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content bg-bg3">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-white">Tanks</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Video-->
<div class="video-container">
<iframe id="videoPlayer20222" class="mm" src="https://www.youtube.com/embed/2N0IASNCYoM?enablejsapi=1" title="Tanks" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<!-- Portfolio Modal - Text-->
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Description:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">TANKS is a game where you play as a tank and you need to destroy the enemy tank. The enemy tank can be controlled by the computer or another human. In this game every time that one tank is destroyed he backs and the game continues.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Developed:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">This game was created as a project for the Applied Games Engineering and Development course. It was developed by Filipe and Gustavo, between November 2021 and January 2022, using C# and Monogame.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Tasks:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Implement particles, 3 different cameras, tank animation, enemy tank behaviour, tanks shooting and collisions. </p>
<button class="btn btn-primary" data-bs-dismiss="modal">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2022 - 1 Virtual Environment-->
<div class="portfolio-modal modal fade" id="portfolioModal20221" tabindex="-1" aria-labelledby="portfolioModal20221" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content bg-bg3">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-white">Virtual Environment</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Video-->
<div class="video-container">
<iframe id="videoPlayer20221" class="mm" src="https://www.youtube.com/embed/sZgFqXD1U3g?enablejsapi=1" title="Tanks" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<!-- Portfolio Modal - Text-->
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Description:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Virtual Environment is a game where you need to interact with the environment. The objective of this it was create an environment where the players could be inmersive. This was the first contact/project made with unity.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Developed:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">This game was created as a project for the Applied Games Engineering and Development course. It was developed by Filipe Carvalho, Paulo Macedo, and Rui Cardoso, in January 2022, using C# and unity.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Tasks:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Implement outside terrain, Implement interaction with lights, Animate all doors and the locker, Modelling the monster, guns, headsets, bullets, targets, doors, windows and lamps, and implment some textures.</p>
<button class="btn btn-primary" data-bs-dismiss="modal">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2021 - 2 iSnake-->
<div class="portfolio-modal modal fade" id="portfolioModal20212" tabindex="-1" aria-labelledby="portfolioModal20212" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content bg-bg3">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close" onclick="pauseVideoAndCloseModal()"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-white">iSnake</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Video-->
<div class="video-container">
<iframe id="videoPlayer20212" class="mm" src="https://www.youtube.com/embed/hbkczPChHes?enablejsapi=1" title="iSnake" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<!-- Portfolio Modal - Text-->
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Description:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">iSnake is a game where you play as a snake who wants go back to home. You need to complete all the levels without collide with borders, red food or obstacles, so you can advance to the next, until you arrive home. In this game we have different colors that correspond to different mechanics, so you need to pay attention when enter in contact with some color to understand what that color does.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Developed:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">This game was created as a project for the Applied Games Engineering and Development course. It was developed by Filipe Carvalho and Rui Cardoso, in January 2021, using BuildBox.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Tasks:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Implement Menus, levels and UI, Implement 4 mechanics, Implement victory, pause and game over systems.</p>
<button class="btn btn-primary" data-bs-dismiss="modal" onclick="pauseVideoAndCloseModal()">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2021 - 1 Chess-->
<div class="portfolio-modal modal fade" id="portfolioModal20211" tabindex="-1" aria-labelledby="portfolioModal20211" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content bg-bg3">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close" onclick="pauseVideoAndCloseModal()"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-white">Chess</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Video-->
<div class="video-container">
<iframe id="videoPlayer20211" class="mm" src="https://www.youtube.com/embed/YjnATE8yHSI?enablejsapi=1" title="Chess" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<!-- Portfolio Modal - Text-->
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Description:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Chess is a game where you play against other person. You play as a small or big pieces (that correspond to the white and black pieces in normal game). To win, you will need to make checkmate to your opponent.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Developed:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">This game was created as a project for the Applied Games Engineering and Development course. It was developed by Filipe Carvalho and Rui Cardoso, betwenn October and January, 2021, using C.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Tasks:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Make the design, Implement the color, Make the pieces movement.</p>
<button class="btn btn-primary" data-bs-dismiss="modal" onclick="pauseVideoAndCloseModal()">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2020 - 1 Dots and Boxes-->
<div class="portfolio-modal modal fade" id="portfolioModal20201" tabindex="-1" aria-labelledby="portfolioModal20201" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content bg-bg3">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<!-- Portfolio Modal - Title-->
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0 text-white">Dots And Boxes</h2>
<!-- Icon Divider-->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Video-->
<div class="video-container">
<iframe id="videoPlayer20201" class="mm" src="https://www.youtube.com/embed/V3clI5GKxP8?enablejsapi=1" title="DotsAndBoxes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<!-- Portfolio Modal - Text-->
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Description:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">Dots and Boxes is a game where your objective is to to close the maximum boxes as you can. In this game the players have to connect all the dots and when closing one box, the player that close it, should place the symbol that represents him, in the center of the box. When all the dots are connected, the game ends and whoever has the most squares wins.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Developed:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">This game was created as a project for the Mobile Applications course. It was developed by Filipe Carvalho, between October 2019 and January 2020, using C and Dev-C++.</p>
<br><p class="mb-4 text-white text-center" style="font-size: 21px;">Tasks:</p>
<p class="mb-4 text-white text-justify" style="font-size: 21px;">All</p>
<button class="btn btn-primary" data-bs-dismiss="modal">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<footer class="footer text-center bg-bg">
<div class="container">
<a class="btn btn-outline-light mx-1 justify-content-center" href="index.html"><svg class="svg-inline--fa fa-house" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="house" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"></path></svg></a>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>