-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (147 loc) · 7.49 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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta property="og:image" content="http://www.openspace.io/images/icon.jpg">
<meta name="keywords" content="some, keywords, here" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Custom Styles -->
<link rel="stylesheet" href="css/style.css">
<title>OpenSpace - Innovation for the Southern Illinois Community</title>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#top"><img src="/images/openspace.svg"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main-nav">
<ul class="nav navbar-nav navbar-right">
<li class="navigation"><a href="#top">Home</a></li>
<li class="navigation"><a href="#services">Services</a></li>
<li class="navigation"><a href="#join">Join</a></li>
<li class="navigation"><a href="#events">Events</a></li>
</ul><!-- /navbar-right -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</header>
<a name="top"></a>
<section id="mainHeader">
<div class="slogan">
<h1>Innovation for the Southern Illinois Community</h1>
</div><!--slogan-->
<div class="slogan">
<h3>We aim to cultivate an entrepreneurial mindset in Southern Illinois through a collaborative, engaging, and exciting environment centered around a "DIY" culture. We are partnering with local school districts and universities to foster technical skills across all age groups.</h3>
</div>
</section>
<section id="services">
<a name="services"></a>
<div class="container">
<div class="row">
<div class="center service">
<h1>Services</h1>
<h3>Everything you need to make your digital dreams come true</h3>
<br>
</div>
<div class="center service col-md-4">
<span class="center glyphicon glyphicon-tint"></span>
<h3>LEARN</h3>
<p>We have everything from 3D printers to robotics kits. No matter what your experience level, there are gadgets and toolkits here for you to learn on.</p>
</div>
<div class="center service col-md-4">
<span class="center glyphicon glyphicon-camera"></span>
<h3>BUILD</h3>
<p>The focus of OpenSpace is creation. Feel free to use our tools to build your next big app, the solution to a problem that has been bothering you, a quick fix for the garage door opener back home, or anything else your heart desires. We have a 22 computer computer lab setup for development, and the tools at your disposale to create whatever your heart desires.</p>
</div>
<div class="center service col-md-4">
<span class="center glyphicon glyphicon-map-marker"></span>
<h3>CONTRIBUTE</h3>
<p>The most important part of OpenSpace is belonging to a community. That community is open to empowering you in any way we can, and we hope you return the favor! We have opportunities for you to help others 1 on 1, teach courses, and even plan events. If you want a venue for sharing your knowledge and passion with the Southern Illinois Community, this is the place.</p>
</div>
</div><!--End of row div-->
</section>
<section id="join">
<a name="join"></a>
<div class="container">
<div class="joinContent">
<h1 class="center">JOIN</h1>
<h3 class="center">YOU'LL BE GLAD THAT YOU DID!</h3>
<div class="center service col-md-4">
<span class="center glyphicon glyphicon-tint"></span>
<h3>COMMUNITY</h3>
<h1>$0</h1>
<h4>FREE</h4>
<h4>Crash Courses</h4>
<h4>Attend Events</h4>
<h4>Get our newsletter</h4>
<h4>Attend Demos</h4>
</div>
<div class="center service col-md-4">
<span class="center glyphicon glyphicon-tint"></span>
<h3>MEMBER (MONTH)</h3>
<h1>$10</h1>
<h4>MONTH</h4>
<h4>Community Perks</h4>
<h4>24/7 Access</h4>
<h4>Start Projects</h4>
<h4>Server Accounts</h4>
</div>
<div class="center service col-md-4">
<span class="center glyphicon glyphicon-tint"></span>
<h3>MEMBER (YEAR)</h3>
<h1>$100</h1>
<h4>YEAR</h4>
<h4>Monthly Perks</h4>
<h4>Save $20</h4>
<h4>Host Courses</h4>
<h4>Promoted Projects</h4>
</div>
</div>
</div>
</section>
<section id="events">
<a name="events"></a>
<h1 class="center">Events</h1>
<h3 class="center">See what we have going on</h3>
<br>
<div class="content">
<center>
<p>We have some really cool stuff coming up at OpenSpace. Check out our <a href="https://www.google.com/calendar/embed?mode=WEEK&showTitle=0&showCalendars=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=m46dr5unvmiid9nhi34iup95nk%40group.calendar.google.com&color=%23B1440E&src=en.usa%23holiday%40group.v.calendar.google.com&color=%23691426&src=p%23weather%40group.v.calendar.google.com&color=%232F6309&ctz=America%2FChicago">Google Calendar</a> for the newest info.</p>
</center>
</div>
</section>
<footer>
<ul class="center">
<li class="social"><a href="https://www.facebook.com/OpenSpaceSI"><img src="/images/facebook.png" alt="Facebook" width="64px" height="64px"></a></li>
<li class="social"><a href="https://github.com/OpenSpaceSI"><img src="/images/github.png" alt="GitHub" width="64px" height="64px"></a></li>
</ul>
</footer>
</div><!--End of container div-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Bootstrap js CDN -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 1000);
return false;
});
</script>
</body>
</html>