forked from kellynauert/rovercode
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
177 lines (166 loc) · 7.28 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
<!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" />
<title>Rovercode</title>
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
</head>
<body onresize="hero(), sectionHeight()" onload="hero(), spacerHeight(), sectionHeight()">
<!-- Navbar -->
<nav class="navbar navbar-expand-md" id="nav">
<div class="container">
<a class="navbar-brand active" 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 active">Home</a></li>
<li class="nav-item"><a href="schools.html" class="nav-link">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 banner -->
<div class="container-fluid hero">
<div class="row justify-content-center align-content-center" id="hero">
<div class="layer layer-bg" data-depth="1" data-type="parallax"></div>
<div class="layer layer-stars" data-depth=".9" data-type="parallax"></div>
<div class="layer layer-planet-orange" data-depth=".8" data-type="parallax"></div>
<div class="layer layer-planet-pink" data-depth=".6" data-type="parallax"></div>
<div class="layer layer-planet-green" data-depth=".5" data-type="parallax"></div>
<div class="layer layer-ship" data-depth=".5" data-type="parallax"></div>
<div class="layer layer-front-planet" data-depth=".2" data-type="parallax"></div>
<div class="layer layer-robot" data-depth=".1" data-type="parallax"></div>
<div class="col-lg-3 col-md-6">
<div class="d-flex flex-column align-items-center">
<img class="logo" src="assets/images/logo_white.png" alt="Rovercode Logo" />
<a href="https://go.rovercode.com/"> <button>Start Coding</button></a>
</div>
</div>
</div>
</div>
<!-- Overview section -->
<div class="container-fluid page-section bg-white" id="overview">
<div class="container">
<div class="row d-flex align-items-center justify-content-center">
<div class="col-lg-4 offset-lg-1 col-8 col-sm-6 order-lg-2">
<img src="assets/images/flavour.png" alt="Raising Hands Image" />
</div>
<div class="col-lg-7 d-flex flex-column justify-content-evenly order-lg-1">
<h1>An Adaptive, Hands-on Computer Science Curriculum</h1>
<h2 class="w-100">A blended learning experience for early CS students</h2>
<p class="w-100">
Rovercode's varied lesson plans, videos, reflective prompts, and easy to use block-coding interface give any
teacher, regardless of skill level, the ability
to
provide a high-quality CS learning experience for students.
</p>
<h2 class="w-100">Satisfies national and state CS requirements</h2>
<p class="w-100">
Rovercode is aligned to national and state computer science standards, providing an out-of-the-box solution
to early computer science learning
requirements.
</p>
<div>
<a href="schools.html">
<button class="web mt-4">Learn More About Putting Rovercode In Your School</button>
<button class="mobile">Learn More</button></a>
</div>
</div>
</div>
</div>
</div>
<!-- Partnerships section -->
<div class="container-fluid page-section bg-white" id="partnerships">
<div class="container">
<div class="row d-flex align-items-center ">
<div class="col-lg-7 offset-lg-5 d-flex flex-column ">
<h1>No Teacher? No Problem!</h1>
</div>
<div class="col-lg-4 col-8 col-sm-6">
<img src="assets/images/xrtechlogo.png" alt="Raising Hands Image" class="mb-4" />
</div>
<div class=" col-lg-7 offset-lg-1 d-flex flex-column">
<h2 class="w-100">Rovercode CS course staffed by Crossroads Education</h2>
<p class="w-100">
Rovercode is the exclusive curriculum provider of XR Computer Science, an innovative, blended-learning
computer science class designed and staffed by Crossroads Education for High Schools.
</p>
<div>
<a href="https://www.crossroadseducation.org/" class="web mt-4" target='_blank'>
<button>Learn More About XR Computer Science</button></a>
<a href="https://www.crossroadseducation.org/" class="mobile" target='_blank'>
<button>Learn More</button></a>
</div>
</div>
</div>
</div>
</div>
<!-- Get Involved section -->
<div class="container-fluid page-section bg-white overlap-fix" id="involved">
<div class="container">
<div class="row text-center">
<div class="col-12">
<h1>Get Involved</h1>
</div>
<div class="col-lg-6">
<img src="assets/images/sponsor2.png" alt="Sponsorships" id="sponsorImage" />
<div class="d-flex flex-column align-items-center justify-content-between" id="sponsor">
<h2>Sponsorships</h2>
<p>Find out how to sponsor Rovercode or a Rovercode club near you!</p>
<a href="contact"><button>Contact Us</button></a>
</div>
</div>
<div class="col-lg-6 mobile-mt">
<img class="flip-x" src="assets/images/contribute.png" alt="Contribute" id="contributeImage" />
<div class="d-flex flex-column align-items-center justify-content-between" id="contribute">
<h2>Platform Contributions</h2>
<p>We're working on exciting things for the Rovercode platform, and it's all open-source.</p>
<a href="https://github.com/rovercode"><button target="_blank">Visit Our GitHub</button></a>
</div>
</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">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>