forked from HackInTheNorth/hackinthenorth.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
341 lines (333 loc) · 14.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
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="static/js/index.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/main.css">
<link rel="icon" href="static/images/favicon.jpg">
<title>Hack In The North 2.0</title>
</head>
<body style="overflow-x:hidden;">
<div class="landing-section">
<div class="centre-box">
<div class="logo-box">
<img class="logo" src="static/images/logo.png">
<p class="year">2017
</p>
</div>
<div class="location-date">
<!--TODO: add to calender-->
<div class="date">27-29 January, 2017
</div>
<div class="partition"></div>
<!--TODO: give link to google maps-->
<div class="location">IIIT Allahabad, India
</div>
</div>
</div>
</div>
<div class="landing-footer">
<div class="nav-buttons">
<a href="#about" class="abt-side">
<div class="parallelogram button btn1">
<div class="reverse-parallelogram">About</div>
</div>
</a>
<a href="#faq" class="faq-side">
<div class="parallelogram button btn2">
<div class="reverse-parallelogram">FAQ</div>
</div>
</a>
<a href="#sponsors" class="sponsors-side">
<div class="parallelogram button btn2">
<div class="reverse-parallelogram">Sponsors</div>
</div>
</a>
<a href="#contacts" class="contacts-side">
<div class="parallelogram button btn2">
<div class="reverse-parallelogram">Contacts</div>
</div>
</a>
<div class="parallelogram button btn3" class="news-side">
<div class="reverse-parallelogram">
<a href="https://www.facebook.com/HackInTheNorth/">News</a>
</div>
</div>
</div>
</div>
<div class="about-section" id="about">
<div class="section-title parallelogram">
<div class="reverse-parallelogram">About Hack In The North
</div>
</div>
<div class="sub-section about-section-1">
<div class="sub-section-content justify-text">
<p>Hack In The North is a collaboration of programmers and designers to code, design and build innovative solutions to transform India into a digitally empowered society and knowledge based economy. It provides a venue for self-expression and creativity through technology.
</p>
</div>
</div>
<div class="sub-section about-section-2 justify-text">
<div class="sub-section-content">
<p>Hack In The North 1.0 was successfully held from April 1-3, 2016 at IIIT Allahabad in collaboration with Mozilla and HackerEarth. It saw amazing participation of 200+ participants from across the country.
</p>
</div>
</div>
<div class="sub-section about-section-3 justify-text">
<div class="sub-section-title">
<p>
<strong>And, It was Grand!! </strong>
</p>
</div>
<div class="sub-section-content">
<p>After 36 hours of intense hacking, the hackers came up with innovative projects solving some real life problems.</p>
</div>
</div>
<div class="sub-section about-section-4 justify-text">
<div class="sub-section-title">
<p>
<strong>Now, It's time for HITN 2.0!!</strong>
</p>
</div>
<div class="sub-section-content justify-text">
<p>
<strong>Bigger.Better.</strong> That's the word. 300+ Hackers this time. Largest student Hackathon in India.
</p>
<p>Undergraduates, graduates and everyone interested in tech are welcome. It doesn't matter if you are still making your first website, there are a lot of things to learn. Students from IITs, NITs, IIITs and other renowned institutes will form the major portion of the participants like Hack In The North 1.0.</p>
<p>The only constraint is time. You get only 36 hours to give your best.</p>
</div>
</div>
</div>
<div class="faq-section" id="faq">
<div class="section-title parallelogram">
<div class="reverse-parallelogram">FAQ
</div>
</div>
<div class="sub-section faq-section-1">
<div class="faq-content">
<div class="question">
<p>
<strong>What is HackInTheNorth?</strong>
</p>
</div>
<div class="answer">
<p>HackInTheNorth is the annual Hackathon organized at Indian Institute of Information Technology, Allahabad. It is one of the largest student-organized hackathons in India.</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>Who runs the HackInTheNorth?</strong>
</p>
</div>
<div class="answer">
<p>HackInTheNorth is run by Aparoksha Team and GeekHaven(Technical Society of IIIT Allahabad).</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>Can we apply as a team?</strong>
</p>
</div>
<div class="answer">
<p>Not quite -- you and your intended teammates should all submit individual applications. But if you get an invitation and some of your teammates don't, shoot us an email at geekhaven@iiita.ac.in and we'll try to sort things out.
</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>How and when will I hear back?</strong>
</p>
</div>
<div class="answer">
<p>We'll be releasing decisions weekly - if you've submitted your application by a Friday, you'll be getting an email back by the next Friday!
</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>Who can apply?</strong>
</p>
</div>
<div class="answer">
<p>If you are enrolled in a high school, college, or university, or if you left school during the current school year, you are good to go!!</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>What should I bring?</strong>
</p>
</div>
<div class="answer">
<p>We'll send you a comprehensive list once it's closer to showtime, but it'll be basically what you'd need for any sleepover: laptop, charger, deodorant (!), change of clothes. You won't need food or drinks; we've got you covered there.
</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>What do people normally make?</strong>
</p>
</div>
<div class="answer">
<p>You can make anything you like. Most of the hacks revolve around web or phone apps, or working with hardware.</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>What are you looking for in an application?</strong>
</p>
</div>
<div class="answer">
<p>
Above anything else -- <strong>passion</strong> . Tell us what you care about, what excites you. We want to know what'll drive you to start and continue hacking, whether it's your first time or your fifteenth. If there's something about you that stands out from the "typical" hacker, we'd love to hear about that, too!
</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>Will you be offering travel reimbursements?</strong>
</p>
</div>
<div class="answer">
<p>We would support you if you can't afford to travel to HackInTheNorth. Shoot us a mail if you need reimbursements.</p>
</div>
</div>
<div class="faq-content">
<div class="question">
<p>
<strong>How much does it cost to attend?</strong>
</p>
</div>
<div class="answer">
<p><b>Zero.</b> HackInTheNorth is free for everyone.</p>
</div>
</div>
</div>
<!-- for future
<div class="schedule-section"></div>-->
</div>
<div class="sponsors-section" id="sponsors">
<div class="section-title parallelogram">
<div class="reverse-parallelogram">Sponsors!!</div>
</div>
<div class="sub-section sponsors-section-1 justify-text">
<div class="sub-section-content">
<p>For successful organization of any event, sponsors are the one of the most important entities as they provide the means to convert ideas into reality. We are very grateful to our sponsors without whom the event wouldn't be possible.</p>
<div class="sub-section-title">
<p>
<strong>Our Sponsors</strong>
</p>
</div>
</div>
</div>
<div class="sub-section sponsors-section-2">
<div class="sub-section-content">
<p>Interested in sponsoring us? Here is our Sponsorship Brochure:</p>
<div id="brochure_link" class="parallelogram btn1">
<div class="reverse-parallelogram">
<a href="static/SponsorshipBrochure.pdf" target="_blank">Sponsorship Brochure</a>
</div>
</div>
<p>
Just drop us a mail at
<strong>
<a href="mailto:team@hackinthenorth.com">team@hackinthenorth.com.</a>
</strong>
</p>
</div>
<!-- <div class="parallelogram sponsor-contacts">
<div class="reverse-parallelogram">
<a href="static/SponsorshipBrochure.pdf" target="_blank">Sponsorship Brochure</a>
</div>
</div>
<div class="parallelogram sponsor-contacts">
<div class="reverse-parallelogram">
<a href="static/SponsorshipBrochure.pdf" target="_blank">Sponsorship Brochure</a>
</div>
</div>
<div class="parallelogram sponsor-contacts">
<div class="reverse-parallelogram">
<a href="static/SponsorshipBrochure.pdf" target="_blank">Sponsorship Brochure</a>
</div>
</div>
<div class="parallelogram sponsor-contacts">
<div class="reverse-parallelogram">
<a href="static/SponsorshipBrochure.pdf" target="_blank">Sponsorship Brochure</a>
</div>
</div> -->
<!-- <p>VISHNU K.S. : 9559386146
<br>SAPTAK SENGUPTA : 9748368303
<br>KUMAR SANYAM : 8953322927
<br>FAHEEM ZUNJANI : 7828064086
</p> -->
</div>
</div>
<div class="contact-section" id="contacts">
<div class="section-title parallelogram">
<div class="reverse-parallelogram">Contact Us</div>
</div>
<div class="sub-section contact-section-1">
<p>Our email address:</p>
<p>
<strong>
<a href="mailto:team@hackinthenorth.com">team@hackinthenorth.com</a>
</strong>
</p>
</div>
<div class="sub-section contact-section-2 ">
<p>Contact our coordinators:</p>
<div class="contacts">
<div class="contact">
<div class="name">Vishnu KS
</div>
<div class="number">9559386146
</div>
</div>
<div class="contact">
<div class="name">Saptak Sengupta
</div>
<div class="number">9748368303
</div>
</div>
</div>
</div>
<div class="sub-section contact-section-3">
<div class="address">
<p>Here are the directions (thanks Google!!) to reach us:</p>
<p>
<strong>
<a href="https://www.google.com/maps/dir/Current+Location/IIIT-Allahabad" target="_blank">
Indian Institute of Information Technology
<br>
Allahabad, Uttar Pradesh
<br>
India
<br>211012
</a>
</strong>
</p>
</div>
</div>
</div>
<div class="footer">
<!--<div class="footer-content">
<p>
Brought with
<img id="love-icon" src="static/images/love-emoji.png">to you by
</p>
<div id="team-link" class="parallelogram btn1">
<div class="reverse-parallelogram">
<a href="team-hitn.html">Team Hack In The North!</a>
</div>
</div>
</div>-->
Copyright ©<a href="https://github.com/HackInTheNorth">Team Hack In The North</a> 2016-17
</div>
</body>
</html>