-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
376 lines (349 loc) · 16.3 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
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Kamloops Makerspace</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" />
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<!-- Preloader -->
<div id="preloader">
<div id="load"></div>
</div>
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<h3><a class="navbar-brand" href="index.html">Kamloops Makerspace</a></h3>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#intro">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#memberships">Memberships</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="./sponsors.html" target="_blank">Sponsors <i class="fa fa-angle-double-right"></i></a></li>
<li><a href="http://community.kamloopsmakerspace.com" target="_blank">Community <i class="fa fa-angle-double-right"></i></a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Section: intro -->
<section id="intro" class="intro">
<div class="slogan">
<a href="http://community.kamloopsmakerspace.com/register" target="_blank">
<img src="./img/km_logo_full_bg.png" />
</a>
<h2><a href="http://community.kamloopsmakerspace.com/register" target="_blank">JOIN US!</a></h2>
<h4>We are a community of makers</h4>
</div>
<div class="page-scroll">
<a href="#mission" class="btn btn-circle">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</section>
<!-- /Section: intro -->
<!-- Section: about -->
<section id="about" class="home-section text-center">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h1>About us</h1>
<h3>Our Mission</h3>
<h4>We are a non profit society dedicated to serving the creative
community in the Thompson Nicola region. Our goal is to establish
and operate a space in Kamloops where hobyists, inventors, artists
and innovative people from all walks of life, can come together
and share their enthusiasm and knowledge.</h4>
<h5>The Kamloops Makerspace is a volunteer driven community workspace collective.
We have an active <a href="http://community.kamloopsmakerspace.com/users/latest">community forum</a> where members share information, projects, and ideas.
We at the Kamloops Makerspace hope to provide an open and inclusive community workspace.</h5>
<h5>We have several active work spaces including:</h5>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="0.2s">
<div class="team boxed-grey">
<div class="inner">
<h5>Kitchen</h5>
<div class="avatar"><img src="img/Shops/kitchen1.jpg" alt="Kitchen" class="img-responsive img-square" /></div>
<p class="subtitle">
This full service kitchen is available for members to prepare meals and provides access to the all important COFFEE MACHINE!
</p>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="0.5s">
<div class="team boxed-grey">
<div class="inner">
<h5>Lounge</h5>
<div class="avatar"><img src="img/Shops/lounge.jpg" alt="Lounge" class="img-responsive img-square" /></div>
<p class="subtitle">The lounge is where we hang out, eat, work on projects, watch tutorial videos, play games, and talk about the things we should be working on!.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="0.8s">
<div class="team boxed-grey">
<div class="inner">
<h5>Hackroom</h5>
<div class="avatar"><img src="img/Shops/hackroom.jpg" alt="Hackroom" class="img-responsive img-square" /></div>
<p class="subtitle">The Hackroom provides storage for various componants and spare parts that are available for members to use in their projects with ample workspace available. It currently houses the Froggy Mill, Hot Air Rework Station and our 3D Printers.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>Electronics Lab</h5>
<div class="avatar"><img src="img/Shops/electronicslab.jpg" alt="Electronics Lab" class="img-responsive img-square" /></div>
<p class="subtitle">The Electronics Lab provides members with a space to work on delicate electronic components. There is a variety of equipment such as soldering station, osciliscopes, and other testing equipment.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>Metal Shop</h5>
<div class="avatar"><img src="img/Shops/metalshop.jpg" alt="Metal Shop" class="img-responsive img-square" /></div>
<p class="subtitle">The Metal Shop houses our Laser Cutter, Scorpion Mill, Drill press, Machining Lathe, Paint Booth, as well as an 8' work bench.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>Wood Shop</h5>
<div class="avatar"><img src="img/Shops/woodshop.jpg" alt="Wood Shop" class="img-responsive" /></div>
<p class="subtitle">The Wood Shop is a comprehensive shop which contains our SawStop table saw, CNC router, Shop Smith Multi-tool, Chop Saw and several hand tools.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>ClaySpace and Kiln Room</h5>
<div class="avatar"><img src="img/Shops/clayspace.jpg" alt="ClaySpace and Kiln Room" class="img-responsive img-square" /></div>
<p class="subtitle">The ClaySpace provides members with an appropriate work space for ceramics, and the kiln room allows members to fire their projects in house.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>Design Lab</h5>
<div class="avatar"><img src="img/Shops/designlab2.jpg" alt="Design Lab" class="img-responsive" /></div>
<p class="subtitle">The design lab offers more artisitic members a space to work on physical and virtual art. We provide an air brush station with easel, light table, drafting table, vinyl cutter and computer workstation.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-4 col-md-4">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>Craftorium</h5>
<div class="avatar"><img src="img/Shops/craftorium.jpg" alt="Craftorium" class="img-responsive" /></div>
<p class="subtitle">The Craftoruim focuses on hanidicrafts with equipment to assit members with projects that include sewing, crochet/knitting, paper crafts, polymer clay, jewellery making, perler beads, and many more.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<h2>If you would like to learn more and get a free tour of the Makerspace, please join us at one of our weekly open house H4ck Nights every Wednesday, 5:00-9:00PM!</h2>
</section>
<!-- /Section: about -->
<!-- Section: memberships -->
<section id="memberships" class="home-section text-center bg-gray">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h1>
<a href="https://forms.office.com/Pages/ResponsePage.aspx?id=4tJXybtZB0yytn9A6lgWSijwmSZy3ZBIqZnR_mCkh0NUMEczMEJBSTg4MDFCVUZXSUs1UUU4NEJIUy4u">Membership Signup Form</a></h1>
<h2>Memberships</h2>
<h4>Our space is funded through monthly memberships, workshops and donations. We offer two tiers of membership:</h4>
<h5>Drop-in: Free access to the space during our regular Open House H4cknight every Wednesday 5pm-9pm</h5>
<h5>Keyholder: $75 per month which gives you 24/7 access to the building (some limitaions apply)</h5>
<h5>Family: extra $25 per month for all additional family memberships</h5>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<h4>Memberships provide access to:</h4>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="wow fadeInLeft" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon-workshop"></div>
<div>
<h5>Workshops</h5>
<p>We offer at least one workshop every month. These could be anything from 3D printing, electronics, or welding to arts and crafts. Check our <a href="http://community.kamloopsmakerspace.com/users/latest">community forum</a> or <a href="section-contact">calendar</a> for upcoming events.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon-tools"></div>
<div>
<h5>Tools</h5>
<p>The majority of the tools we have available for member use are donated or on long-term loan from members or other community orgaizations. Visit our <a href="http://community.kamloopsmakerspace.com/category/6/tools-and-space">tools and space</a> page on the forum to see a list of what we offer!</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon-space"></div>
<div>
<h5>Space</h5>
<h6><address>207 Victoria St West. Kamloops, BC V2C 1A5</address></h6>
<p>Come by any Wednesdays from 5pm to 9pm to checkout the space or message us on <a href="https://www.facebook.com/kamloopsmakerspace/">facebook</a> to set up a time that works with one of our keyholders. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: mission -->
<!-- Section: contact -->
<section id="contact" class="home-section text-center">
<div class="heading-contact">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>Get in touch</h2>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="widget-contact">
<address>
<h4>Email: <a href="mailto:info@kamloopsmakerspace.com">info@kamloopsmakerspace.com</a></h4>
</address>
<address>
We have <strong><a href="http://community.kamloopsmakerspace.com/">our own social network</a></strong> that we use primarily, but we sometimes also use popular networks:<br>
<ul class="company-social">
<li class="social-facebook"><a href="https://www.facebook.com/kamloopsmakerspace" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li class="social-twitter"><a href="https://twitter.com/makerloops" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li class="social-google"><a href="https://plus.google.com/110329500311985540413" rel="publisher" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li class="social-github"><a href="https://github.com/KamloopsMakerspace" target="_blank"><i class="fa fa-github"></i></a></li>
</ul>
</address>
<br>
<p>
<h4>Sponsorship</h4>
<strong>We appreciate any support we can get. Please checkout our <a href="./sponsors.html"> sponsors page </a>to get started.</strong>
</p>
</div>
</div>
<div class="col-lg-6">
<iframe src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showPrint=0&showTabs=0&height=600&wkst=1&bgcolor=%23ffffff&src=qi4dnrt80lcj4qlq44pio34dv4%40group.calendar.google.com&color=%23B1440E&ctz=America%2FVancouver" style=" border-width:0 " width="100%" height="460" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</section>
<!-- /Section: contact -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12">
<div class="wow shake" data-wow-delay="0.4s">
<div class="page-scroll marginbot-30">
<a href="#intro" id="totop" class="btn btn-circle">
<i class="fa fa-angle-double-up animated"></i>
</a>
</div>
</div>
<p>©Copyright 2015 - Kamloops Makerspace.</p>
</div>
</div>
</div>
</footer>
<!-- Core JavaScript Files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.js"></script>
</body>
</html>