This repository has been archived by the owner on Jan 10, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
321 lines (312 loc) · 14.7 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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#009688">
<title>Makers Club</title>
<meta name="description" content="The homepage of the Lovett Makers Club." />
<!-- All those sweet styles and scripts -->
<script src="js/modernizr.custom.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/flickity.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/styles.css" rel="stylesheet">
<link href="css/queries.css" rel="stylesheet">
<!-- Facebook integration swag -->
<meta property="og:title" content="The Lovett Makers Club" />
<meta property="og:image" content="img/share-image.png" />
<meta property="og:url" content="http://awro.xyz/makerspace" />
<meta property="og:site_name" content="Makers Club" />
<meta property="og:description" content="The online home for the Makers Club. You can sign up or find more information about the club, including the leaders, sponsor, and meeting dates." />
<!-- Twitter integration swag -->
<meta name="twitter:title" content="The Lovett Makers Club" />
<meta name="twitter:image" content="img/share-image.png" />
<meta name="twitter:description" content="The online home for the Makers Club. You can sign up or find more information about the club, inluding the leaders, sponsor, and meeting dates." />
<meta name="twitter:site" content="@pantherasci" />
<meta name="twitter:card" content="summary" />
</head>
<body>
<header>
<section class="hero">
<div class="texture-overlay"></div>
<div class="container">
<div class="row nav-wrapper">
<div class="col-md-6 col-sm-6 col-xs-6 text-left">
<a href="#"><img src="img/logo-white.png" alt="Boxify Logo">
</a>
</div>
<div class="col-md-6 col-sm-6 col-xs-6 text-right navicon">
<p>MENU</p><a id="trigger-overlay" class="nav_slide_button nav-toggle" href="#"><span></span></a>
</div>
</div>
<div class="row hero-content">
<div class="col-md-12">
<h1 class="animated fadeInDown">Welcome to the Makers Club</h1>
<a href="http://goo.gl/forms/EnsoJgJBzp" class="learn-btn animated fadeInUp">Join Now</a>
<a href="#about" class="use-btn animated fadeInUp">Learn more <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</section>
</header>
<section class="video" id="about">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h1><a href="https://vimeo.com/128382824"><i class="fa fa-play-circle-o"></i> Watch the Award-Winning HAB-3 Video</a></h1>
</div>
</div>
</div>
</section>
<section class="features-intro">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 nopadding features-intro-img">
<div class="features-bg">
<div class="texture-overlay"></div>
<div class="features-img wp1 fa-spin-custom">
<img src="img/gear-white.png" alt="Gear Logo">
</div>
</div>
</div>
<div class="col-md-6 nopadding">
<div class="features-slider">
<ul class="slides" id="featuresSlider">
<li>
<h1>Our Mission</h1>
<p>Learn more about engineering, computer science, and electronics by designing and building projects such as high altitude balloons, rockets, and more.</p>
<p><a href="#projects" class="arrow-btn">More about our projects <i class="fa fa-arrow-down"></i></a>
</p>
</li>
<li>
<h1>Our Leaders</h1>
<p>Makers Club is a student-led organization. Our presidents are Ned Ellis, Joshua Eiland, and Anthony Romaniello - however anyone can propose a project idea.</p>
<p><a href="#projects" class="arrow-btn">More about our projects <i class="fa fa-arrow-down"></i></a>
</p>
</li>
<li>
<h1>Our Sponsor</h1>
<p>Our club sponsor is the one and only Mr. Hwang. Since the club's inception, Mr. Hwang has supported us and been an important mentor in all our projects.</p>
<p><a href="#projects" class="arrow-btn">More about our projects <i class="fa fa-arrow-down"></i></a>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="features-list" id="projects">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-4 feature-1 wp2">
<div class="feature-icon">
<i class="fa fa-cloud"></i>
</div>
<div class="feature-content">
<h1>Balloons</h1>
<p>Build high altitude balloons for the purposes of data collection and near-space photography</p>
</div>
</div>
<div class="col-md-4 feature-2 wp2 delay-05s">
<div class="feature-icon">
<i class="fa fa-rocket"></i>
</div>
<div class="feature-content">
<h1>Rockets</h1>
<p>Create high-powered rockets and compete in the Team America Rocketry Competition</p>
</div>
</div>
<div class="col-md-4 feature-3 wp2 delay-1s">
<div class="feature-icon">
<i class="fa fa-terminal"></i>
</div>
<div class="feature-content">
<h1>Electronics</h1>
<p>Build and code electronics projects using platforms such as Arduino and Raspberry Pi</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="showcase" id="meetings">
<div class="showcase-wrap texture-overlay">
<div class="container">
<div class="row">
<div class="col-md-6">
<br><br><br><br><br>
<h1>When and where do I show up?</h1>
<br><br>
<p>Official meetings are held every Tuesday after school in the Makerspace, CC305. Project work often continues in the Makerspace during lunch and after school, so feel free to stop by to say hello or check out what we're doing.</p>
</div>
<div class="col-md-6 nopadding features-intro-img">
<div>
<div class="features-img wp1">
<img class="fa-spin-custom" src="img/gear-white.png" alt="Gear Logo">
<img class="showcase-logo" src="img/logo-white.png" alt="Makers Club">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="screenshots" id="images">
<div class="container-fluid">
<div class="row">
<ul class="grid">
<li>
<figure>
<img src="img/01-screenshot.jpg" alt="Image 01">
<figcaption>
<div class="caption-content">
<p class="hover_white">Wires are soldered for an electronics project</p>
</div>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="img/02-screenshot.jpg" alt="Image 02">
<figcaption>
<div class="caption-content">
<p class="hover_white">An Arduino project is prototyped</p>
</div>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="img/03-screenshot.jpg" alt="Image 03">
<figcaption>
<div class="caption-content">
<p class="hover_white">A rocket built by the club takes flight</p>
</div>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="img/04-screenshot.jpg" alt="Image 04">
<figcaption>
<div class="caption-content">
<p class="hover_white">Insulation foam is cut for a balloon payload</p>
</div>
</figcaption>
</figure>
</li>
</ul>
</div>
<div class="row">
<ul class="grid">
<li>
<figure>
<img src="img/05-screenshot.jpg" alt="Image 05">
<figcaption>
<div class="caption-content">
<p class="hover_white">Rocket lifts off on its first test flight</p>
</div>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="img/06-screenshot.jpg" alt="Image 06">
<figcaption>
<div class="caption-content">
<p class="hover_white">Raspberry Pi powered emulator boots up</p>
</div>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="img/07-screenshot.jpg" alt="Image 07">
<figcaption>
<div class="caption-content">
<p class="hover_white">Rocketry launch systems are tested</p>
</div>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="img/08-screenshot.jpg" alt="Image 08">
<figcaption>
<div class="caption-content">
<p class="hover_white">An incredible still from HAB-1 GoPro footage</p>
</div>
</figcaption>
</figure>
</li>
</ul>
</div>
</div>
</section>
<section class="download" id="signup">
<div class="container">
<div class="row">
<div class="col-md-12 text-center wp4">
<h1>Sounds Good?</h1>
<a href="http://goo.gl/forms/EnsoJgJBzp" class="learn-btn">Sign Up <i class="fa fa-pencil"></i></a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-5">
<h1 class="footer-logo">
<img src="img/logo-blue.png" alt="Footer Logo Blue">
</h1>
<p>© Lovett Makers Club 2015-2016</p>
</div>
<div class="col-md-7">
<ul class="footer-nav">
<li><a href="#about">About</a>
</li>
<li><a href="#images">Images</a>
</li>
<li><a href="#meetings">Meetings</a>
</li>
<li><a href="#signup">Sign Up</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div class="overlay overlay-boxify">
<nav>
<ul>
<li><a href="#about"><i class="fa fa-question"></i>About</a>
</li>
<li><a href="#images"><i class="fa fa-image"></i>Images</a>
</li>
</ul>
<ul>
<li><a href="#meetings"><i class="fa fa-calendar"></i>Meetings</a>
</li>
<li><a href="#signup"><i class="fa fa-pencil"></i>Sign Up</a>
</li>
</ul>
</nav>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/min/toucheffects-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/flickity.pkgd.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/retina.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/min/scripts-min.js"></script>
</body>
</html>