-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (141 loc) · 7.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Team 3748 Ragnarok Robotics</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="container">
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class=" container">
<div>
<a class="navbar-brand" href="#"> <img id="team-logo" src="assets/images/team-logo.png" /></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item active">
<a class="nav-link text-warning" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="first.html">FIRST</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="gallery.html">Gallery</a>
</li>
<li class="nav-item dropdown">
<button class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown"
aria-expanded="false">Sponsor Us!
</button>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="sponsor-us.html">Sponsors</a></li>
<li><a class="dropdown-item" href="sponsorship-materials.html">Sponsorship
Materials</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="contact.html">Contact</a>
</li>
</ul>
</div>
<div> <a href="https://www.facebook.com/Team3748Ragnarok" target="_blank"></a> <i
class="fa-lg fa-facebook fab pe-3 mth-fg"></i> </a>
</div>
<div> <a href="https://www.instagram.com/frc3748/" target="_blank"> <i
class="fa-lg fa-instagram fab pe-3 mth-fg"></i>
</a>
</div>
</div>
</nav>
</header>
<main class="text-center">
<div class="mt-4">
<h1>Team 3748 Ragnarok Robotics</h1>
</div>
<div>
<h3>We are a student-led robotics team from Mt. Hebron High School
based in Ellicott City, MD. We support the FIRST Robotics Competition (FRC) fostering encouraging
environments for students to
apply
engineering concepts to real-world challenges.</h3>
</div>
<div id="mainPageCarousel" class="carousel slide text-center" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#mainPageCarousel" data-bs-slide-to="0"
class="active"></button>
<button type="button" data-bs-target="#mainPageCarousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#mainPageCarousel" data-bs-slide-to="2"></button>
<button type="button" data-bs-target="#mainPageCarousel" data-bs-slide-to="3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item data-bs-interval=3000 active">
<img src="assets/images/originals/2023-team-photo.jpg" alt="Team Photo"
class="d-block w-100 carousel-image">
</div>
<div class="carousel-item" data-bs-interval="3000">
<img src="assets/images/originals/past-pit-4.JPG" alt="Photo #1"
class="d-block w-100 carousel-image">
</div>
<div class="carousel-item" data-bs-interval="3000">
<img src="assets/images/originals/2024-build-season.jpg" alt="Photo #2"
class="d-block w-100 carousel-image">
</div>
<div class="carousel-item" data-bs-interval="3000">
<img src="assets/images/originals/pit-photo.png" alt="Photo #3"
class="d-block w-100 carousel-image">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#mainPageCarousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#mainPageCarousel"
data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</main>
<footer class="mt-5">
<div class="row mb-3 bg-dark">
<div class="col-md-8">
<div class="row">
<div class="col-3">
<a class="navbar-brand" href="#"> <img id="team-logo"
src="assets/images/mth-logo.png" /></a>
</div>
<div class="col d-flex align-items-center">
<h5 class="text-light">Mt. Hebron High School<br />
9440 Old Frederick Rd,<br />Ellicott City, MD 21042</h5>
</div>
</div>
</div>
<div class="col-md-4">
<div class="text-light school-info">Contact Us!<br />
<a href="mailto:nthragnarok@gmail.com">mthragnarok@gmail.com</a>
</div>
</div>
</div>
<div class="col">
<div class="copyright">Copyright © 2024 Team 3748 Ragnarok Robotics | Powered by Team 3748 Ragnarok
Robotics.</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>