-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathourteam.html
More file actions
519 lines (460 loc) · 30.2 KB
/
ourteam.html
File metadata and controls
519 lines (460 loc) · 30.2 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gajraj+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/ourteam.css">
<link rel="stylesheet" href="css/navbar.css">
<link rel="stylesheet" href="css/footer.css">
<title>Our Team | 2854 Prototypes</title>
<link rel="icon" href="Media\cougarheadlogo.png"></link>
</head>
<body>
<nav id="navbar" class="navbar navbar-expand-lg bg-body-tertiary">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">
<img class="logo-on-navbar" src="Media/old-logo.png" alt="">
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Our Team
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="ourteam.html#peopleanchor">Officers</a></li>
<li><a class="dropdown-item" href="ourteam.html#peopleanchor">Mentors</a></li>
<li><a class="dropdown-item" href="ourteam.html#awardanchor">Awards</a></li>
<li><a class="dropdown-item" href="ourteam.html#historyanchor">Our History</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Resources
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="resources.html">Our Robot</a></li>
<li><a class="dropdown-item" href="resources.html#autoanchor">Autonomous</a></li>
<li><a class="dropdown-item" href="resources.html#teleanchor">Teleop</a></li>
<li><a class="dropdown-item" href="resources.html#endgameanchor">Endgame</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="outreach.html">Outreach</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="supportus.html">Support Us</a>
</li>
</ul>
</div>
</nav>
<div class="title-container">
<h1 class="title-header">MEET THE TEAM</h1>
<p class="subtext">Officers and mentors serve as pillars of support and guidance, propelling
our team to greater achievements with their expertise and mentorship. Their dedication
cultivates a nurturing environment where team members flourish, driving innovation and
success in our team, one prototype at a time.
</p>
</div>
<div id="peopleanchor" class="main-container container mt-5 text-center"> <!-- Added text-center class to center the content -->
<ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist"> <!-- Added justify-content-center class to center the tabs -->
<li class="nav-item" role="presentation">
<button class="nav-link active" id="officers-tab" data-bs-toggle="tab" data-bs-target="#officers" type="button" role="tab" aria-controls="officers" aria-selected="true">OFFICERS</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="leads-tab" data-bs-toggle="tab" data-bs-target="#leads" type="button" role="tab" aria-controls="leads" aria-selected="false">LEADS</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="mentors-tab" data-bs-toggle="tab" data-bs-target="#mentors" type="button" role="tab" aria-controls="mentors" aria-selected="false">MENTORS</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="officers" role="tabpanel" aria-labelledby="officers-tab"> <!--OFFICERS TAB!-->
<div class="officer-container">
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/prinyakameda.JPG" alt="image">
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">CO-PRESIDENT</p>
<h1 class="officer-name">Priyanka Karunakaran</h1>
<p class="officer-description">
Priyanka Karunakaran, current Co-President of Team 2854, The Prototypes, is a dynamic leader known for her dedication to robotics
and community outreach. With a focus on inspiring others, she has led the team's outreach efforts, organizing events and workshops
to promote STEM education. Priyanka's visionary leadership continues to drive her team's impact, both within the robotics community
and beyond.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/kshitij.3b4818b9.jpeg" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">CO-PRESIDENT</p>
<h1 class="officer-name">Kshitij Teotia</h1>
<p class="officer-description">Kshitij Teotia, also serving as Co-President alongside Priyanka Karunakaran, is recognized for his exceptional programming skills within Team 2854, The Prototypes. Throughout his tenure, Kshitij has played a pivotal role in developing innovative solutions through his programming expertise. His dedication to mastering coding languages and problem-solving has been instrumental in the team's success in competitions and projects. As a leader, Kshitij's technical prowess and collaborative spirit have inspired his peers to push boundaries and achieve excellence in robotics.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/krishiyengar.jpg" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">VICE PRESIDENT</p>
<h1 class="officer-name">Krish Iyengar</h1>
<p class="officer-description">
Krish Iyengar, holding the position of Vice President within Team 2854, The Prototypes, is a driving force behind the team's technical endeavors. With a keen focus on programming, Krish has demonstrated exceptional skill and innovation in developing software solutions for robotics projects. His leadership in the programming department has been instrumental in the team's ability to tackle complex challenges and excel in competitions. Krish's dedication to pushing the boundaries of technology and his collaborative approach make him a valued member of the team, inspiring excellence in all aspects of their work.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/nishantstrategy.JPG" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">SECRETARY</p>
<h1 class="officer-name">Nishant Jonnalagadda</h1>
<p class="officer-description">Nishant Jonnalagadda, serving as Secretary within Team 2854, The Prototypes, is a versatile team member who excels in organization, communication, and technical skills. In addition to managing meeting minutes and facilitating communication, Nishant has made significant contributions to programming and the development of vision, drivetrain, and arm systems. His dedication to both administrative duties and technical innovation plays a vital role in the team's overall success and efficiency.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/raeva.JPG" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">TREASURER</p>
<h1 class="officer-name">Raeva Desai</h1>
<p class="officer-description">Raeva Desai, holding the position of Treasurer within Team 2854, The Prototypes, is a meticulous organizer and financial steward. Responsible for managing school funds and handling RPO's, Raeva ensures the team's fiscal integrity and efficiency. In addition to her financial duties, Raeva actively participates in outreach efforts alongside Priyanka, leveraging her communication skills to promote STEM education and community engagement. Her multifaceted contributions to both financial management and outreach initiatives are instrumental in the team's success and impact.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="leads" role="tabpanel" aria-labelledby="leads-tab"> <!--LEADS TAB!-->
<div class="lead-container">
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/thegargle.JPG" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">FRC CAPTAIN</p>
<h1 class="officer-name">Mihir Garg</h1>
<p class="officer-description">
Mihir Garg, FRC Captain of Team 2854, The Prototypes, is the backbone of the mechanical team. With expertise and a welcoming attitude, he mentors new members, ensuring a smooth transition and fostering collaboration. Mihir's enthusiasm and approachable nature create a positive atmosphere, making him a joy to work with and inspiring excellence in the team.
</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/akarsh.JPG" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">PROGRAMMING LEAD</p>
<h1 class="officer-name">Akarsh Shetty</h1>
<p class="officer-description">
Akarsh Shetty, Team 2854's Programming Lead, excels in guiding vision projects and mentoring new programmers, fostering a culture of collaboration and excellence within the team. With his wealth of experience and dedication, Akarsh ensures that budding coders are equipped to tackle the challenges of robotics. His leadership and commitment make him an invaluable asset to the team's programming efforts.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/palaiya.JPG" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">MECHANICAL LEAD</p>
<h1 class="officer-name">Soham Palaiya</h1>
<p class="officer-description">Soham Palaiya, renowned for his expertise in CAD design, proves invaluable in the pits with his unique ideas and solutions. His wealth of experience and knack for innovative problem-solving make him an indispensable asset to the team. Soham's contributions not only enhance the team's performance but also inspire creativity and efficiency in their endeavors.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/ramtekkar.JPG" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">MECHANICAL LEAD</p>
<h1 class="officer-name">Soham Ramtekkar</h1>
<p class="officer-description">Soham Ramtekkar, seasoned in mechanical engineering, brings hands-on expertise to Team 2854, working closely with Soham Palaiya to mentor new mechanical members. His extensive experience and practical approach enrich the team's capabilities, fostering a culture of learning and innovation. Soham Ramtekkar's dedication to teaching and his mechanical prowess are instrumental in shaping the team's success on and off the field.</p>
</div>
</div>
</div>
</div>
<div class="card officer-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="officer-picture" src="Media/karunpai.webp" alt="image"> <!-- officer photo --->
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">POWER MANAGEMENT & LOGISTICS / MEDIA LEAD <a style="color: white;">(fraud) </a></p>
<h1 class="officer-name">Karun Pai</h1>
<p class="officer-description">
Karun Pai, the Power Management & Logistics/Media Lead of Team 2854, adds a dose of humor to the team dynamic while expertly managing power and logistics. Renowned for his comedic flair, Karun also showcases his creativity on the field by capturing cinematic photos and videos of the team's robot in action. His multifaceted contributions not only keep the team organized but also capture and preserve memorable moments of their robotics journey.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mentors" role="tabpanel" aria-labelledby="mentors-tab"> <!--LEADS TAB!-->
<div class="mentor-container">
<div class="card mentor-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="mentor-picture" src="Media/mslee.JPG" alt="image">
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">SUPERVISOR</p>
<h1 class="officer-name">PEJING LEE</h1>
<p class="officer-description">As our team’s supervisor, Mrs. Lee
has dedicated countless hours to ensuring the safety and
well-being of team 2854 members. She also serves as EVHS
Robotics Club advisor, overseeing club operations. Whether
it’s ensuring that every member working near the robot wears
safety glasses or implementing safety protocols during
competitions, she is a driving force behind the safety and
protection of our team’s endeavors. </p>
</div>
</div>
</div>
</div>
<div class="card mentor-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="mentor-picture" src="Media/roy-ezgif.com-webp-to-jpg-converter.jpg" alt="image">
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">MENTOR</p>
<h1 class="officer-name">Roy Dumlao</h1>
<p class="officer-description">With over 18 years of experience, Roy
has provided excellent mentorship to team 2854 and delivered
high-quality results. His guidance is a testament to our success,
driving young minds to reach new heights in STEM. Roy believes in
providing students with hands-on experience, dedicating countless
hours to motivating and inspiring them to pursue their careers in
STEM. With solid experience in software development, project
management, and IT strategies, his dedication to providing
hands-on learning is unparalleled. Roy holds a special place
in the heart of 2854, not only because of his sheer commitment
to the club but also because of his wise insights into the task
at hand. He is the oil that keeps the gears of 2854 running. Roy
is loved wholeheartedly by The Prototypes because of the role he
plays in changing the future, one prototype at a time.</p>
</div>
</div>
</div>
</div>
<div class="card mentor-card hidden-card">
<div class="row g-0 align-items-center">
<div class="col-auto">
<img class="mentor-picture" src="Media/michaela.jpg" alt="image">
</div>
<div class="col-md">
<div class="card-body d-flex flex-column">
<p class="position-text">MENTOR</p>
<h1 class="officer-name">Michaela Brant</h1>
<p class="officer-description">As a driven global engineering
specialist with over 15 years of experience, Michaela is
instrumental in Team 2854’s growth and success. With a strong
background in CAD calibration, database management, and
prototype layout development, Michaela provided unparalleled
support as the backbone of our team, managing logistics,
funds, grants, and registration for competitions. Her expertise
in outreach and scouting has streamlined our operations and
processes. At the heart of networking, she has spearheaded
invaluable connections and partnerships that propelled us
forward as one of the best FRC teams in the nation. Michaela
embodies the true essence of robotics through her mentorship,
empowering each and every member of the team to contribute to a
body of knowledge that brings STEM and the society closer to a
solution. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="awardanchor" class="awards-heading-container">
<div class="title-divider"></div>
<h1 class="awards-header">
AWARDS
</h1>
<p class="awards-description">Our FRC team has won several awards, highlighting our teamwork
and innovation in robotics competitions. These accolades reflect our dedication to
excellence and collaboration.</p>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="award-gallery-container">
<div class="row no-gutters">
<div class="col-md-4">
<img class="award-img" src="Awards/2009highestrookie.png" alt="">
</div>
<div class="col-md-4">
<img class="award-img" src="Awards/2009rookieinspo.png" alt="">
</div>
<div class="col-md-4">
<img class="award-img" src="Awards/2013judges.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-12">
<div class="award-gallery-container">
<div class="row">
<div class="col-md-3">
<img class="award-img" src="Awards/2018ei.png" alt="">
</div>
<div class="col-md-3">
<img class="award-img" src="Awards/2023deans.png" alt="">
</div>
<div class="col-md-3">
<img class="award-img" src="Awards/2024ei.png" alt="">
</div>
<div class="col-md-3">
<img class="award-img" src="Awards/2024quality.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="historyanchor" class="history-heading-container">
<div class="title-divider"></div>
<h1 class="history-header">
HISTORY
</h1>
<p class="history-description">Founded in 2009, our team has participated in numerous
competitions, showcasing our dedication to innovation and excellence in robotics.
With each passing year, we strive to push the boundaries of technology and teamwork,
making a lasting impact in the field of robotics and beyond.</p>
</div>
<section class="py-5 timeline-container">
<ul class="timeline">
<li class="timeline-item mb-5">
<h5 class="fw-bold">Team 2854 is founded!</h5>
<p class="text-muted mb-2 fw-bold"><a style="color: darkcyan; font-weight: 700;">02 February 2009</a></p>
<p class="text-muted">
The Prototypes would be founded in early February as a school-affiliated team. It would start off to be a small, niche team, but would soon grow to roaring heights.
</p>
</li>
<li class="timeline-item mb-5">
<h5 class="fw-bold">Rookie Year!</h5>
<p class="text-muted mb-2 fw-bold"><a style="color: darkcyan; font-weight: 700;">15 March 2009</a></p>
<p class="text-muted">
That very same year would be The Prototype's rookie year, where they would go on to win both the Highest Rookie Seed and Rookie Inspiration Award.
</p>
</li>
<li class="timeline-item mb-5">
<h5 class="fw-bold">The Prototypes go to Houston!</h5>
<p class="text-muted mb-2 fw-bold"><a style="color: darkcyan; font-weight: 700;">15 March 2018</a></p>
<p class="text-muted">
In 2018, the Prototypes would win the Engineering and Inspiration Award at San Francisco Regional, taking the team to Houston for the very first time. Team 2854 would
participate in the HOPPER division.
</p>
</li>
<li class="timeline-item mb-5">
<h5 class="fw-bold">The Virus Strikes..</h5>
<p class="text-muted mb-2 fw-bold"><a style="color: darkcyan; font-weight: 700;">04 March 2020</a></p>
<p class="text-muted">
In 2020, the COVID-19 virus would result in the cancellation of the FRC season. However, the Prototypes presevered, holding online workshops and continuing to hone their skills.
</p>
</li>
<li class="timeline-item mb-5">
<h5 class="fw-bold">Second times the charm!</h5>
<p class="text-muted mb-2 fw-bold"><a style="color: darkcyan; font-weight: 700;">16 April 2024</a></p>
<p class="text-muted">
Once again, the Prototypes would win the Engineering and Inspiration Award at San Francisco Regional. They would go on to compete in the Archimedes Division in Houston.
</p>
</li>
<li class="timeline-item mb-5 terminating-point">
<h5 class="fw-bold"></h5>
<p class="text-muted mb-2 fw-bold"></p>
<p class="text-muted">
</p>
</li>
</ul>
</section>
<footer>
<div class="footer-content">
<a href="index.html"><img src="Media/cougarheadlogo.png"alt="Placeholder Image"></a> <div class="footer-text">
<p class="footer-number">2854</p>
<h3 class="footer-title">THE PROTOTYPES</h3>
<p class="footer-subtitle">"Prototyping the future."</p>
</div>
<div class="footer-divider"></div>
<div class="footer-contact">
<h2 class="contact-heading">Shoot us a message! </h2>
<div class="placeholder-images">
<a href="https://www.instagram.com/evhs.robotics/"><img class="social-icon" src="Media/instalogo.png" alt="Instagram"></a>
<a href="https://www.facebook.com/EvhsRoboticTeam2854"><img class="social-icon" src="Media/facebookicon.png" alt="Facebook"></a>
<a href="https://github.com/EVHSRobotics"><img class="social-icon" src="Media/githubicon.png" alt="GitHub"></a>
<a href="https://www.youtube.com/@EVHSRobotics2854"><img class="social-icon" src="Media/youtubelogo.png" alt="YouTube"></a>
<a href="https://www.tiktok.com/@the.prototypes.28"><img class="social-icon" src="Media/tiktokicon.png" alt="Tiktok"></a>
</div>
</div>
<div class="footer-links">
<a href="ourteam.html" class="footer-link">Our Team</a>
<a href="outreach.html" class="footer-link">Outreach</a>
<a href="resources.html" class="footer-link">Resources</a>
<a href="contact.html" class="footer-link">Contact Us</a>
<a href="supportus.html" class="footer-link">Support Us</a>
</div>
</div>
</footer>
<script src="js/ourteam.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="navbar.js"></script>
</body>
</html>