forked from crew/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
256 lines (233 loc) · 9.89 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
<!-- CREW DEPLOY READY -->
<html>
<head>
<!-- Title -->
<title>CREW | HOME</title>
<!-- CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/main.css" />
<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600|Gentium+Book+Basic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Questrial|Montserrat+Alternates|Press+Start+2P' rel='stylesheet' type='text/css'>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/icons/favicon.png"/>
</head>
<body>
<div class = "header_container">
<div class = "header">
<div class = "banner_container">
<a href = "index.html" class = "banner"></a>
</div>
<div class = "main_nav_container">
<ul class = "main_nav">
<li class = "main_nav">
<a class = "main_nav" href = "#about">
about
</a>
</li>
<li class = "main_nav">
<a class = "main_nav" href = "#projects">
projects
</a>
</li>
<li class = "main_nav">
<a class = "main_nav" href = "#contact">
contact
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Contains the meat of the page -->
<div class = "container">
<!-- Meat of the page -->
<div class = "meat">
<!-- The title -->
<div id = "meat_header">
<h3 style = "color:#efefef">Northeastern University CCIS</h3>
<h1 style = "color:#efefef;font-family: 'Questrial';">Undergraduate Experimental Systems Group</h1>
</div>
<!-- Image Slide Show -->
<div id = "bgcarousel_shell">
<img src = "assets/images/crew.jpg"/>
</div>
<!-- Column A -->
<div class = "column_a">
<!-- About -->
<div id = "about">
<!-- Title -->
<div class = "section_title" style = "width:140px;">
<h1 class = "section_title" style = "color:#e6f55b"> >> about</h1>
</div>
<!-- Body -->
<div class = "section_body">
<h2>
We make cool stuff.
</h2>
<p>
We work on stuff that ranges from web development to infrastructure to cloud computing, so if you're interested in any or all of the above definitely consider getting involved. Visit our projects page to check out some of the things we've done.
</p>
</div>
</div>
<!-- Projects -->
<div id = "projects">
<!-- Title -->
<div class = "section_title" style = "width:180px;">
<h1 class = "section_title" style = "color:#9ee254 "> >> projects</h1>
</div>
<!-- Body -->
<div class = "section_body">
<h2>
Check out what we're doing.
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque feugiat lacus vitae risus dignissim at iaculis arcu elementum. Cras consectetur, diam sed auctor dignissim, magna mauris malesuada tortor, et porttitor turpis ipsum eget arcu. Donec sed eleifend tortor. Aenean ante enim, faucibus vel lacinia ut, placerat eget lorem. Praesent sed urna sed orci malesuada lobortis. Fusce ut augue vel nibh aliquam ultricies ut at risus. Morbi ac libero sapien, et dignissim felis. Nulla facilisi. Morbi rhoncus purus a ligula rhoncus pharetra. Donec erat lacus, posuere at bibendum et, hendrerit vel nunc. Cras eu nibh nec leo dictum porta in quis libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<div style = "border-top: 1px solid; border-color: #aeaeae;margin-top:20px">
<h2>Current Projects</h2>
<div>
<h3>
<a href = "https://github.com/crew/crewu-bootcamp" class = "t1" >
CREWu
</a>
</h3>
<p>
CREWu is a project currently under development that is meant to teach new members how to use various toolsets and languages applicable to CREW.
</p>
</div>
<br>
<div>
<h3>
<a href = "#" class = "t1" >
Project 2
</a>
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer cursus rhoncus malesuada. Curabitur aliquet vestibulum eros sed feugiat. Phasellus imperdiet diam a orci convallis eu fermentum mi porta. Phasellus felis diam, cursus varius aliquet id, vestibulum eu arcu. Nunc at libero ut eros suscipit fringilla eu vitae est. Morbi pharetra convallis felis vel tincidunt. Nam id dolor nisi. Vestibulum molestie mauris a sapien commodo viverra. Ut vulputate, turpis et imperdiet auctor, ipsum sapien auctor erat, id venenatis libero lacus sit amet ligula. Phasellus est sapien, eleifend eget dictum quis, accumsan a nulla.
</p>
</div>
<br>
<div>
<h3>
<a href = "#" class = "t1" >
Project 3
</a>
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer cursus rhoncus malesuada. Curabitur aliquet vestibulum eros sed feugiat. Phasellus imperdiet diam a orci convallis eu fermentum mi porta. Phasellus felis diam, cursus varius aliquet id, vestibulum eu arcu. Nunc at libero ut eros suscipit fringilla eu vitae est. Morbi pharetra convallis felis vel tincidunt. Nam id dolor nisi. Vestibulum molestie mauris a sapien commodo viverra. Ut vulputate, turpis et imperdiet auctor, ipsum sapien auctor erat, id venenatis libero lacus sit amet ligula. Phasellus est sapien, eleifend eget dictum quis, accumsan a nulla.
</p>
</div>
</div>
<div style = "border-top: 1px solid; border-color: #aeaeae;margin-top:20px">
<h2>Completed Projects</h2>
<div>
<h3>
<a href = "http://pitcam.ccs.neu.edu/index2.html" class = "t1" >
Pitcam
</a>
</h3>
<p>
Phasellus imperdiet diam a orci convallis eu fermentum mi porta. Phasellus felis diam, cursus varius aliquet id, vestibulum eu arcu. Nunc at libero ut eros suscipit fringilla eu vitae est. Morbi pharetra convallis felis vel tincidunt. Nam id dolor nisi. Vestibulum molestie mauris a sapien commodo viverra. Ut vulputate, turpis et imperdiet auctor, ipsum sapien auctor erat, id venenatis libero lacus sit amet ligula. Phasellus est sapien, eleifend eget dictum quis, accumsan a nulla.
</p>
</div>
<br>
<div>
<h3>
<a href = "#" class = "t1" >
Project 2
</a>
</h3>
<p>
Phasellus imperdiet diam a orci convallis eu fermentum mi porta. Phasellus felis diam, cursus varius aliquet id, vestibulum eu arcu. Nunc at libero ut eros suscipit fringilla eu vitae est. Morbi pharetra convallis felis vel tincidunt. Nam id dolor nisi. Vestibulum molestie mauris a sapien commodo viverra. Ut vulputate, turpis et imperdiet auctor, ipsum sapien auctor erat, id venenatis libero lacus sit amet ligula. Phasellus est sapien, eleifend eget dictum quis, accumsan a nulla.
</p>
</div>
<br>
</div>
</div>
</div>
<!-- Contact -->
<div id = "contact">
<!-- Title -->
<div class = "section_title" style = "width:170px;">
<h1 class = "section_title" style = "color:#3faa7f"> >> contact</h1>
</div>
<!-- Body -->
<div class = "section_body">
<h2>
Got any questions?
</h2>
<p>
Join our Facebook Group or send an email to Ali Ukani (or whoever). You can also try stopping by our main headquarters, located at 312(right?) West Village H, aka "The Pit".
</p>
</div>
</div>
<!-- /Column A -->
</div>
<!-- Column B -->
<div class = "column_b" style = "padding-top:8px">
<!-- Title -->
<div class = "section_title" style = "width:160px;">
<h1 class = "section_title" style = "font-size:1.5em;color:#fab05d"> >> other stuff</h1>
</div>
<!-- Body -->
<div class = "section_body">
<div>
<h3>
Find us here.
</h3>
<ul class = "other_nav">
<li class = "other_nav" style = "width:40px">
<a href = "https://www.facebook.com/groups/crew.ccis/">
<img src = "assets/icons/facebook.png" style = "box-shadow:none"></img>
</a>
</li>
<li class = "other_nav" style = "width:40px">
<a href = "https://github.com/crew">
<img src = "assets/icons/github.png" style = "box-shadow:none"></img>
</a>
</li>
<li class = "other_nav" style = "width:40px">
<a href = "https://wiki.ccs.neu.edu/display/Crew/Home">
<img src = "assets/icons/wiki.png" style = "box-shadow:none"></img>
</a>
</li>
</ul>
</div>
<div>
<h3>
No experience?
</h3>
<p class = "small">
Don't worry, we've got you covered. If you want to help out, but don't actually know very much about web development, etc(needs editing) Crew U is there to help you learn. Through a series of bootcamps in the Linux Terminal, Web Dev and [...were there more?] we'll get you up to speed with what you need to know to contribute.
</p>
</div>
<div>
<h3>Helpful links.</h3>
<a class = "t1" href = "http://howto.ccs.neu.edu/">CCIS FAQ</a>
<br>
<a class = "t1" href = "https://wiki.ccs.neu.edu/display/Crew/Home">Handbook</a>
<br>
<a class = "t1" href = "http://crew.ccs.neu.edu/docs/metrics/api/">CREW Metrics API</a>
<br>
</div>
</div>
</div>
<!-- /meat -->
</div>
<!-- Footer -->
<div class = "footer_container">
<div class = "footer">
<div style = "float:left">
<a href = "https://ccs.neu.edu" id = "northeastern_logo"></a>
<p class = "footer">
CREW Ⓒ 2013. All Rights Reserved.</p>
</div>
<div style = "margin-top:10px">
<p class = "footer">Other information. </p>
</div>
</div>
</div>
<!-- /container -->
</div>
</body>
</html>