forked from EomLions/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (229 loc) · 14.6 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
<!doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="static/images/7476LionsGold.png">
<title>7476 EOM Lions</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="static/css/general.css">
<link type="text/css" rel="stylesheet" href="static/css/navbar.css">
<link type="text/css" rel="stylesheet" href="static/css/collapsible.css">
<link type="text/css" rel="stylesheet" href="static/css/carousel.css">
<link type="text/css" rel="stylesheet" href="static/css/materialize.css" media="screen,projection">
<link type="text/css" rel="stylesheet" href="static/css/bootstrap.css">
</head>
<body>
<div>
<!-- Main Navbar -->
<div class="navbar-fixed">
<nav class="green">
<div class="nav-wrapper">
<a href="/" class="brand-logo yellow-text">
<img id="logo" src="static/images/7476LionsGold.png">
<label class="section-header yellow-text brand-name">EOM LIONS</label>
</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li class="active"><a class="yellow-text">Home</a></li>
<li><a href="performance.html" class="yellow-text">Past Competitions</a></li>
<li><a href="help.html" class="yellow-text">How to Help</a></li>
<li><a class="yellow-text" href="#contact">Contact Us!</a></li>
</ul>
</div>
</nav>
</div>
<!--Mobile Navbar-->
<ul class="sidenav green" id="mobile-demo">
<li class="active"><a class="yellow-text">Home</a></li>
<li><a href="performance.html" class="yellow-text">Past Competitions</a></li>
<li><a href="help.html" class="yellow-text">How to Help</a></li>
<li><a class='dropdown-trigger btn nav-dropdown-trigger green yellow-text' data-target='contact-dropdown'>Contact us!</a>
<ul id='contact-dropdown' class='dropdown-content green'>
<li><a class="yellow-text" href="mailto:eomlions@gmail.com?Subject=Contact%207476&Body=Hi EOM Lions!">Email</a></li>
<li><a class="yellow-text" href="https://www.instagram.com/eomlions7476/">Instagram</a></li>
<li><a class="yellow-text" href="#https://www.facebook.com/eom.lions.71">Facebook</a></li>
</ul>
</li>
<img id="George" class="responsive-img" src="static/images/George.jpg">
</ul>
<!--Slideshow-->
<div id="homeCarousel" class="carousel slide carousel-fade" data-ride="carousel" data-pause=false data-interval="7000" data-touch=false>
<div class="carousel-inner">
<div class="custom-left-button-wrapper">
<a class="btn-floating btn-large waves-effect waves-light N/A transparent" href="#homeCarousel" data-slide="prev"><i class="material-icons">chevron_left</i></a>
</div>
<div class="custom-right-button-wrapper">
<a class="btn-floating btn-large waves-effect waves-light N/A transparent" href="#homeCarousel" data-slide="next"><i class="material-icons">chevron_right</i></a>
</div>
<div class="carousel-item active">
<img src="static/images/slide1.jpg" class="d-block w-100">
<div class="staggered-list left-staggered-list">
<ul class="valign-wrapper">
<div class="left-align">
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">7476 REACHOUT</p></div></li>
</div>
<div class="left-align">
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Roland Mitchener Elementary School</p></div></li>
</div>
</ul>
</div>
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div class="center-align">
<li class="caption-body" style="margin-top: 0px !important;"><div class="valign-wrapper text-wrapper"><p class="body-text">We want others to feel our passion. This was a one day event to inspire young kids about the amazing STEM field.</p></div></li>
</div>
</ul>
</div>
</div>
<div class="carousel-item">
<img src="static/images/slide4.jpg" class="d-block w-100">
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div>
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">Making a website!</p></div></li>
</div>
<div>
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Our software team.</p></div></li>
</div>
<div>
<li class="caption-body"><div class="valign-wrapper text-wrapper"><p class="body-text">We revamped our team's website. Check out the new features!</p></div></li>
</div>
</ul>
</div>
</div>
<div class="carousel-item">
<img src="static/images/Admin.jpg" class="d-block w-100">
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div>
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">Admin Team!</p></div></li>
</div>
<div>
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Working Hard</p></div></li>
</div>
<div>
<li class="caption-body"><div class="valign-wrapper text-wrapper"><p class="body-text">Our passionate admin team working hard on funding!</p></div></li>
</div>
</ul>
</div>
</div>
<div class="carousel-item">
<img src="static/images/Electrical.jpg" class="d-block w-100">
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div>
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">Electrical Team!</p></div></li>
</div>
<div>
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Connecting software to mechanical</p></div></li>
</div>
<div>
<li class="caption-body"><div class="valign-wrapper text-wrapper"><p class="body-text">Our dedicated electrical team quickly fixes all issues!</p></div></li>
</div>
</ul>
</div>
</div>
<div class="carousel-item">
<img src="static/images/Mech.jpg" class="d-block w-100">
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div>
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">Mechanical Team!</p></div></li>
</div>
<div>
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Making the chassis</p></div></li>
</div>
<div>
<li class="caption-body"><div class="valign-wrapper text-wrapper"><p class="body-text">Our commited mechanical team is swift to scrabble a functional chassis</p></div></li>
</div>
</ul>
</div>
</div>
<div class="carousel-item">
<img src="static/images/slide2.jpg" class="d-block w-100">
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div>
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">Working Away!</p></div></li>
</div>
<div>
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Featuring the vision (software)</p></div></li>
</div>
<div>
<li class="caption-body"><div class="valign-wrapper text-wrapper"><p class="body-text">Our passionate team is making great progress on the robot! This is our vision team working on shooting physics.</p></div></li>
</div>
</ul>
</div>
</div>
<div class="carousel-item">
<img src="static/images/slide3.jpg" class="d-block w-100">
<div class="staggered-list right-staggered-list">
<ul class="valign-wrapper">
<div>
<li class="caption-title"><div class="valign-wrapper text-wrapper"><p class="title-text">Testing driving!</p></div></li>
</div>
<div>
<li class="caption-subject"><div class="valign-wrapper text-wrapper"><p class="subject-text">Presenting the drive team</p></div></li>
</div>
<div>
<li class="caption-body"><div class="valign-wrapper text-wrapper"><p class="body-text">The drive team is testing the mechnical, electrical, and software aspect of our robot!</p></div></li>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="section white">
<div class="row container">
<h2 class="header section-header green-text">About Us</h2>
<p class="grey-text text-darken-3 lighten-3 body-text">We are a group of 40-45 students at Earl of March Secondary School ranging from grades 9-12 specializing in a wide range of subjects from sciences, to business, to tech, all excited at the prospect of competing a robot.</p>
</div>
</div>
<div class="yellow lighten-2 center-align">
<div class="container valign-wrapper">
<h2 class="header section-header">About FRC</h2>
</div>
<div style="width: 90%; margin: auto;">
<ul class="collapsible popout" style="display: inline;">
<li>
<div class="collapsible-header yellow-text green"><i class="material-icons">keyboard_arrow_right</i>What is FIRST Robotics Competition</div>
<div class="collapsible-body"><iframe style="width: 100%; height: 80vh;" src="https://www.youtube.com/embed/wSA6InzFAZE" allowfullscreen></iframe></div>
</li>
<li>
<div class="collapsible-header yellow-text green"><i class="material-icons">keyboard_arrow_right</i>This Year's Challenge</div>
<div class="collapsible-body"><iframe style="width: 100%; height: 80vh;" src="https://www.youtube.com/embed/gmiYWTmFRVE" allowfullscreen></iframe></div>
</li>
</ul>
</div>
</div>
<div class="section white">
<div class="row container center-align">
<h2 class="header section-header">Our Sponsors</h2>
</div>
</div>
<img src="static/images/All_Sponsors.jpg" style="width: 100%; height: auto;">
<footer class="page-footer green" id="contact">
<div class="container">
<div class="row">
<h5 class="white-text">Contacts</h5>
<ul>
<p><li><a class="footer-links waves-effect waves-light grey-text text-lighten-3" href="mailto:eomlions@gmail.com?Subject=Contact%207476&Body=Hi EOM Lions!">Email: eomlions@gmail.com</a></li></p>
<p><li><a class="footer-links waves-effect waves-light grey-text text-lighten-3" target="_blank" href="https://www.instagram.com/eomlions7476/">Instagram: eomlions7476</a></li></p>
<p><li><a class="footer-links waves-effect waves-light grey-text text-lighten-3" target="_blank" href="https://www.facebook.com/eom.lions.71">Facebook: eomlions71</a></li></p>
</ul>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2020 7476 EOM Lions
</div>
</div>
</footer>
</div>
<!--Scripts-->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script type="text/javascript" src="static/js/materialize.js"></script>
<script type="text/javascript" src="static/js/init.js"></script>
<script type="text/javascript" src="static/js/bootstrap.js"></script>
</body>