-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
244 lines (222 loc) · 10 KB
/
about.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
<!DOCTYPE HTML>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128558781-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-128558781-5');
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>St Helena Robotics - About</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="assets/css/main.css">
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css">
</noscript>
<link rel="apple-touch-icon" sizes="57x57" href="images/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicons/favicon-16x16.png">
<link rel="manifest" href="images/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#2A2F4A">
<meta name="msapplication-TileImage" content="images/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#2A2F4A">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<a href="index" class="logo"><strong>St
Helena Robotics</strong> <span>Next Step STEM</span></a>
<div id="content-desktop" style="position:absolute;right:0px;">
<a class="logo" href="about"><strong>About</strong></a>
<a class="logo" href="vex">VEX Robotics</a>
<a class="logo" href="teams">Teams</a>
<a class="logo" href="events">Events</a>
<a class="logo" href="gallery">Gallery</a>
<a class="logo" href="social">Social</a>
<a class="logo" href="contact">Contact</a>
</div>
<div id="content-mobile" style="position:absolute;right:0px;">
<nav> <a href="#menu">Menu</a> </nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index">Home</a></li>
<li><a href="about">About</a></li>
<li><a href="vex">VEX Robotics</a></li>
<li><a href="teams">Teams</a></li>
<li><a href="events">Events</a></li>
<li><a href="gallery">Gallery</a></li>
</ul>
<ul class="actions stacked">
<li><a href="social" class="button primary fit">Social</a></li>
<li><a href="contact" class="button fit">Contact</a></li>
</ul>
</nav>
<!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style3">
<div class="inner">
<span class="image">
<img src="images/about_header.JPG" alt="" />
</span>
<header class="major">
<h1>About St Helena Robotics</h1>
</header>
<div class="content">
<p>Look at St Helena Robotics in more detail</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="intro">
<div class="inner">
<header class="major">
<h2>Introduction</h2>
</header>
<p>We provide creative and innovative students at St Helena School extraordinary and exciting experiences and opportunities through the means of constructing robots and competing in numerous tournaments. Currently, we primarily offer both
VEX IQ & VEX EDR robotics platforms to most students as well as LEGO Mindstorms as an alternative to others. Participants win not only on the game field, but also off the field, where they'll find themselves developing core teamwork and
communication skills that will prove to be especially beneficial in later life. STEM (Science, Technology, Engineering & Maths) didn't always have to be boring!</p>
</div>
</section>
<!-- Two -->
<section id="spotlights" class="spotlights">
<section>
<a href="vex" class="image">
<img src="images/vex_thmb.jpg" alt="" data-position="center center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>VEX Robotics</h3>
</header>
<p>The VEX IQ and VEX EDR robot design platforms and competition programmes are provided by VEX Robotics in partnership with the RECF (Robotics Education and Competition Foundation). They equip teams with the tools they need in order to
build robots according to the current season's game and compete with them, developing the students' teamwork and communication skills along the way.</p>
<ul class="actions">
<li><a href="vex" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="teams" class="image">
<img src="images/teams_thmb.jpg" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Teams</h3>
</header>
<p>These are the people behind the bots. They work together to build, program, and test their robots, preparing them for their regional and national competitions. You can find out more information, like statistics and competitions
attended, about each team on their pages below. (2020-2021 season)</p>
<ul class="actions">
<li><a href="teams" class="button">View teams</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="events" class="image">
<img src="images/events_thmb.jpg" alt="" data-position="25% 25%" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Events</h3>
</header>
<p>Learn more about the VIQC (VEX IQ Challenge) and VRC (VEX Robotics Competition) events we host and have/will be attending on our events page below. (2020-2021 season)</p>
<ul class="actions">
<li><a href="events" class="button">Upcoming & recent events</a></li>
</ul>
</div>
</div>
</section>
</section>
<section id="video">
<div class="inner">
<header class="major">
<h2>Overview Video (2018-2020)</h2>
</header>
<p>Watch our overview video below to catch a glimpse into what St Helena Robotics is all about:</p>
<div class="videoWrapper">
<iframe width="560" height="349" src="https://youtube.com/embed/ZwXzj_qatUU" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</section>
<!-- Three -->
<section id="testimonials">
<div class="inner">
<header class="major">
<h2>Students' Views</h2>
</header>
<div class="row">
<div class="col-6 col-12-small">
<div class="box">
<p>“I've found that robotics a great way to gain confidence with social skills and working as a team. It's so exciting putting in all the effort and hard work and seeing it all come together at the end in competitions. I've had many
new experiences and have made new memories that'll stay with me for a long time.” </p>
<center><b>Caitlin Fraser</b></center>
</div>
<div class="box">
<p>"It's very good and has helped me understand new things that I never knew before. This education club inspires me to use these skills in my future."</p>
<center><b>Tito Ahmed</b></center>
</div>
</div>
<div class="col-6 col-12-small">
<div class="box">
<p>“I think VEX is brilliant; it's incredibly enjoyable learning to code the robots and building them. I love competing in the tournament's and sometimes winning, there is a definite adrenaline rush as the timer ticks away and the
robots rush around the game field! Since joining VEX my confidence has grown a lot and I have gained many social skills.”</p>
<center><b>Libby Belton</b></center>
</div>
<div class="box">
<p>“St Helena Robotics helps a lot in terms of the engineering and mechanics relating to robotics. I've learnt new things I've never known before.”</p>
<center><b>Damian Rusecki</b></center>
</div>
</div>
</div>
</div>
</section>
<section id="ack">
<div class="inner">
<header class="major">
<h2>Acknowledgements</h2>
</header>
<p>St Helena Robotics is only where it is today thanks to many dedicated volunteers who have contributed their time to helping each student realise their potential and maximise the performance of their robots. See our <a href="acknowledgements">acknowledgements page</a> to see who helps to make it happen.</p>
<a href="acknowledgements" class="button primary">View Acknowledgements</a>
<p></p>
</div>
</section>
</div>
<!-- Footer -->
<iframe src="./footer.html" frameborder="0" width="100%" height="231px" style="overflow: hidden;">Your browser is outdated! Please use a different browser, like Google Chrome or Mozilla Firefox, or update your browser.</iframe>
<!-- test -->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>