forked from kellynauert/rovercode
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathschools.html
211 lines (199 loc) · 8.32 KB
/
schools.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />
<link href="index.css" rel="stylesheet" />
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<title>Rovercode</title>
</head>
<body onload="spacerHeight()">
<!-- Navbar -->
<nav class="navbar navbar-expand-md" id="nav">
<div class="container">
<a class="navbar-brand" href="index.html"> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">MENU</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-lg-0">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="schools.html" class="nav-link active">Rovercode for Schools</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About Us</a></li>
</ul>
</div>
</div>
</nav>
<div id="navbar-spacer"></div>
<!-- Hero section -->
<div class="container-fluid repeated-hero">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center">
<h4>Rovercode for Schools</h4>
</div>
</div>
</div>
</div>
<!-- About section -->
<div class="container-fluid bg-white" id="schools">
<div class="container">
<div class="row page-section align-items-center">
<div class="row content-block">
<div class="col-lg-7 offset-lg-1">
<h1>The Rovercode Experience</h1>
<p>For after-school and out-of-school Indiana academic standards-aligned
programming.
You can choose any or all of the following options to build an instant Rovercode experience for
your
students:
</p>
</div>
<div class="col-md-5 "></div>
</div>
<div class="row content-block">
<div class="col-lg-4 offset-lg-1 col-md-6 ">
<img src="assets/images/Cutebot.png" alt="Student building Rover">
</div>
<div class="col-lg-6 offset-lg-1 col-md-6 mobile-mt">
<h2 class="w100">The Cutebot</h2>
<p class="w100">
Cutebot is a rear-drive robot that makes learning about hardware, software, and robotics fun when
powered by the BBC micro:bit. This part of the Rovercode Experience is a robot that bluetooth connects to
students’ laptops
so they can interact with it through graphical programming blocks. This supports students to
investigate
programming from simple tasks to more complex problem solving. They can achieve distance tracking,
obstacle avoidance,
line following, wireless control, create light shows, and play music all through the Rovercode Experience
modules.
</p>
</div>
</div>
<div class="row content-block">
<div class="col-lg-4 offset-lg-1 col-md-6 mobile">
<img src="assets/images/Nibble.png" alt="Student building Rover">
</div>
<div class="col-lg-6 offset-lg-1 col-md-6 mobile-mt">
<h2 class="w100">The Nibble</h2>
<p class="w100">
Nibble is an educational tool that makes learning about electronics and programming fun! This
part of the Rovercode Experience is a gaming console that students build using simple tools. After
building, the Nibble
comes preloaded with 4 retro games inspired by cult classics — Bonk, Invaderz, Snake, and SpaceRocks.
Students,
after successfully finishing the modules of the Nibbler, will have the opportunity to design and code
their
own
interactive games.
</p>
</div>
<div class="col-lg-4 offset-lg-1 col-md-6 web">
<img src="assets/images/Nibble.png" alt="Student building Rover">
</div>
</div>
<div class="row content-block">
<div class="col-lg-4 offset-lg-1 col-md-6">
<img src="assets/images/Qdee.png" alt="Student building Rover">
</div>
<div class="col-lg-6 offset-lg-1 col-md-6 mobile-mt">
<h2 class="w100">HiWonder Qdee</h2>
<p class="w100">
Hiwonder Qdee is a programmable STEAM educational robotic kit powered by the micro:bit. This part of
the Rovercode Experience is about customization and building. The Qdee can be equipped with a variety of
electronic
modules and metal brackets, and can be built into many form factors and programmable actions. The
Rovercode Experience
with Qdee teaches and inspires logical analysis, programming capability, multi-disciplinary thinking and
scientific
innovation.
</p>
</div>
</div>
</div>
<!-- <div class="col-lg-6">
<div class="row content-block">
<div class="w100">
<h1>Designed for the Virtual and Physical Classroom</h1>
</div>
<h2 class="w100">Easy to teach</h2>
<p class="w100">
Any teacher, regardless of experience, can teach early computer science with Rovercode.
Rovercode's instructional lesson plans guide teachers through facilitating, debugging, and scheduling each
module, and the block-coding interface
simplifies the coding process, allowing students and teachers to focus on
logic instead of syntax.
</p>
</div>
<div class="row content-block">
<h2 class="w100">Adaptive content</h2>
<p class="w100">
Rovercode's curriculum is continuously being improved in order to adapt to different student experience
levels and needs.
</p>
</div>
<div class="row content-block">
<h2 class="w100">Standards aligned</h2>
<p class="w100">
Rovercode is standards aligned and satisfies national and state early-CS requirements, making it a
complete solution to early-CS requirements.
</p>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-md-8 offset-md-2 web">
<img src="assets/images/student2.png" alt="Student building Rover">
</div> -->
<div class="row align-items-center">
<div class="col-xl-7"><img src="assets/images/children.png" alt="children working together"></div>
<div class="col-xl-4 offset-xl-1 d-flex flex-column">
<form class="d-flex flex-column" action="https://formspree.io/f/xjvppgro" method="POST">
<h2>Contact us to get started.</h2>
<input type="text" name="name" placeholder="Name*" required />
<input type="email" name="_replyto" placeholder="Email*" required />
<input type="tel" name="phone" placeholder="Phone" />
<input type="text" name="school" placeholder="School Name" />
<input type="text" name="city" placeholder="School City" />
<textarea name="message" rows="4" cols="6" placeholder="Message"></textarea>
<input type="submit" id="submit" value="Send" />
</form>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="container-fluid" id="footer">
<div class="container">
<div class="row">
<div class="col-lg-2 d-flex flex-column">
<h3>Rovercode</h3>
<a href="index.html">Home</a><a href="schools.html">For Schools</a> <a href="about.html">About Us</a><a
href="contact">Contact Us</a>
</div>
<div class="col-lg-2 d-flex flex-column">
<h3>Check Us Out At</h3>
<a href="https://github.com/rovercode">GitHub</a><a href="https://twitter.com/rovercode">Twitter</a>
</div>
<div class="col-lg-4">
<a href="https://go.rovercode.com/"><button>Start Coding</button></a>
</div>
</div>
<div class="row">
<div class="col">
<p>
Logo and branding images are trademarks of Rovercode LLC. They were originally created by
<a href="https://www.louisdurrant.co.uk/" target="_blank">Louis Durrant.</a>
</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>