This repository has been archived by the owner on Oct 3, 2019. It is now read-only.
forked from statebait/DAWoC-legacy-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
345 lines (317 loc) · 13.4 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
<title>DA-IICT Winter of Code</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://use.fontawesome.com/1ffa1f8e71.js"></script>
<link type="text/css" rel="stylesheet" href="css/main.css" />
<link type="text/css" rel="stylesheet" href="css/animate.css" />
<!-- Mobile Optimisation -->
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
</head>
<body>
<div id="home" class="parallax-container z-depth-3">
<!-- Graphic Effect -->
<canvas id="cool_effect" class="hide-on-med-and-down"></canvas>
<!-- SideNav Bar -->
<ul id="slide-out" class="hide-on-med-and-up blue-grey darken-4 side-nav">
<a href="#" class="center brand-logo">
<img id="mainlogo" src="images/dawoclogo.png" />
</a>
<li>
<a href="#home" class="white-text">Home</a>
</li>
<li>
<a href="#timeline" class="white-text">Timeline</a>
</li>
<li>
<a href="register.html" target="_blank" class="white-text">Register</a>
</li>
<li>
<a href="guidelines.html" target="_blank" class="white-text">Guidelines</a>
</li>
</ul>
<div class="hide-on-med-and-up" id="slider">
<a href="#" data-activates="slide-out" class="button-collapse">
<i class="white-text material-icons">menu</i>
</a>
</div>
<!-- Main Nav Bar -->
<div class="hide-on-small-only navbar-fixed">
<nav class="transparent z-depth-0">
<div class="nav-wrapper">
<a href="#" class="animated zoomIn left brand-logo">
<img id="mainlogo" src="images/dawoclogo.png" />
</a>
<ul id="nav-mobile" class="right">
<li>
<a class="animated bounceIn" href="#home">Home</a>
</li>
<li>
<a class="animated bounceInRight" href="#timeline">Timeline</a>
</li>
<li>
<a class="animated bounceInLeft" href="register.html" target="_blank">Register</a>
</li>
<li>
<a class="animated bounceInDown" href="guidelines.html" target="_blank">Guidelines</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container">
<h1 class="center header white-text animated zoomIn posi">DAWoC</h1>
<p class="center-align white-text animated bounceInUp posi1">DA-IICT Winter of Code</p>
<p class="center-align white-text animated bounceInDown posi2">organised by the Developer Student Club DA-IICT</p>
<h4 class="center white-text animated zoomIn regis">Student Registrations Open Now!!!</h4>
</div>
<!-- REGISTER button -->
<div class="container center">
<a id="register_btn" class="animated jackInTheBox btn" href="register.html" target="_blank">REGISTER HERE</a>
</div>
<div class="parallax">
<img src="images/parallax1.jpg" class="opaci">
</div>
</div>
<!--About -->
<div id="about" class="center section blue-grey darken-4 z-depth-3">
<div class="row container">
<h2 class="header center blue-text text-accent-4">About</h2>
<p class="center white-text text-lighten-3 container posi5">DAWoC is a month long programme exculsively for students of DA-IICT where students contribute to a variety of Open-Source
Projects under the guidance of experienced Mentors. The program encourages students to get engaged with open source
and also additionally prepares them for a lot of open source programs, like Google Summer of Code aka GSoC and many
more.</p>
</div>
</div>
<!--Mid Image -->
<div id="paraM" class="parallax-container z-depth-3">
<h1 id="#open" class="header white-text center osftw">Open Source For The Win!</h1>
<div class="parallax">
<img src="images/parallax2.jpg" class="opaci">
</div>
</div>
<!--Why? -->
<div id="why" class="section blue-grey darken-4 z-depth-3">
<div class="row container">
<h2 class="header center blue-text text-accent-4">Why Participate?</h2>
<div id="icon_row" class="center">
<i id="adb_icon" class="white-text large material-icons hide-on-small-only">adb</i>
<img id="tshirt_icon" class="hide-on-small-only" src="images/tshirt.png" />
<i id="group_icon" class="white-text large material-icons hide-on-small-only">group</i>
<i id="gift_icon" class="white-text large material-icons hide-on-small-only">card_giftcard</i>
</div>
<p class="center white-text text-lighten-3 container posi5">Whether you are a mentor or a student, participating in DAWoC only proves beneficial to you. As a student you will
be able to learn alot of new open-source technologies and teach you how to work on software development projects
in a bigger team. It will also provide the students a gateway to the enormous open source community. As for the Mentors,
they will be able to get alot of new additions to their projects. And Finally there will be the T-Shirts and goodies
which everyone looks forward to!
</p>
</div>
</div>
<!--Mid Image 2 -->
<div id="paraM2" class="parallax-container z-depth-3">
<div class="parallax">
<img src="images/parallax3.png" id="mid_image_2">
</div>
</div>
<!-- TimeLine -->
<div id="timeline" class="section blue-grey darken-4">
<div class="container">
<div class="center fire">
<h2 class="center-align blue-text text-accent-4">Timeline</h2>
<i class="white-text large material-icons">timeline</i>
</div>
<div class="timeline">
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">DAWoC is Announced!
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">2nd December</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Let the Hype begin!</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">ac_unit</i>
</div>
</div>
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">Call for Mentors
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">4th December Onwards</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Mentors will start pooling in with their respective open-source projects for contributions.</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">person_outline</i>
</div>
</div>
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">Student Registration Begins
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">4th - 11th January</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Click
<a href="register.html" target="_blank">Here</a> to register</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">supervisor_account</i>
</div>
</div>
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">Let the Coding Begin!
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">12th January</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Code until your keyboard breaks.</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">layers</i>
</div>
</div>
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">End of the Coding Phase
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">15th February</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Hopefully your keyboard is not broken.</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">layers_clear</i>
</div>
</div>
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">Evaluation period
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">16th - 19th February</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Boring stuff. Move On.</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">assessment</i>
</div>
</div>
<div class="timeline-event">
<div class="card blue accent-4 timeline-content">
<div class="card-content">
<span class="card-title activator white-text text-darken-4">Results!
<i class="material-icons right">more_vert</i>
</span>
<p class="white-text">20th February</p>
</div>
<div class="card-reveal">
<span class="card-title">
<i class="material-icons right">close</i>
</span>
<p>Finally the results, top contributors will get their exciting goodies.</p>
</div>
</div>
<div class="timeline-badge white-text">
<i class="material-icons">card_giftcard</i>
</div>
</div>
</div>
</div>
</div>
</ul>
<!--Timeline Ends Here-->
<!-- PreFooter Content
<div class="section blue-grey darken-4">
<div class="container">
<a href="nothing"></a>
</div>
</div> -->
<!-- Footer -->
<footer class="page-footer blue accent-4">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Developer Student Club</h5>
<p class="grey-text text-lighten-4">A Club full of enthusiastic developers.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<a href="https://github.com/google-developers-group-daiict" target="_blank">
<i class="fa fa-github white-text fa-2x" aria-hidden="true"></i>
</a>
<a id="google_plus_parent" href="https://plus.google.com/+Gdgdaiict" target="_blank">
<i class="fa fa-google-plus white-text fa-2x" aria-hidden="true"></i>
</a>
<a id="twitter_parent" href="https://twitter.com/GDGDAIICT" target="_blank">
<i class="fa fa-twitter white-text fa-2x" aria-hidden="true"></i>
</a>
<a target="_blank" href="https://www.facebook.com/groups/1656577537738676" id="fb_parent">
<i class="white-text fa fa-facebook-official fa-2x"></i>
</a>
<a href="mailto:daiict.woc@gmail.com" id="mail_parent">
<i class="fa fa-envelope white-text fa-2x" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 DAWoC
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/effect.js"></script>
</body>
</html>