forked from vinnovateit/VinHack-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
320 lines (285 loc) · 12.1 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>VinHack Hackathon | VinnovateIT</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A Hackathon by VinnovateIT | 22nd March - 23 March | SITE - VIT Vellore">
<meta name="author" content="Abhaas, Mounish, Vinit Shahdeo">
<meta property="og:type" content="website" />
<meta property="og:title" content="VinHack | VinnovateIT" />
<meta property="og:description" content="A Hackathon by VinnovateIT | 22nd March - 23 March | SITE - VIT Vellore" />
<meta property="og:image" content="images/fb-og-image.png" />
<meta property="og:url" content="https://vinhack.vinnovateit.com/" />
<meta property="og:site_name" content="VinHack" />
<meta name="twitter:card" content="website">
<meta name="twitter:site" content="VinHack | VinnovateIT">
<meta name="twitter:title" content="VinHack">
<meta name="twitter:description" content="A Hackathon by VinnovateIT | 22nd March - 23 March | SITE - VIT Vellore">
<meta name="twitter:creator" content="@Vinit_Shahdeo">
<meta name="twitter:image" content="#">
<meta http-equiv="Expires" content="5">
<meta itemprop="name" content="VinHack - VinnovateIT">
<meta itemprop="description" content="A Hackathon by VinnovateIT | 22nd March - 23 March | SITE - VIT Vellore">
<meta itemprop="image" content="#">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="shortcut icon" type="image/png" href="favicon.png">
<!-- Google fonts cdn -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Gentium+Book+Basic">
</head>
<body class="is-preload landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<div id="logo"><img src="images/3.png" alt="VinHack Logo" width="200" height="41"></div>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>VinHack</h2>
<h1>A Hackathon by VinnovateIT |<br /> 22nd March - 23 March |<br /> SITE - VIT Vellore
</h1>
<a href="http://www.githublookbook.com/VinHack/" target="_blank"><button class="gradient-button" id="live-update-btn">View Live Updates</button></a>
</header>
<span class="image"><img src="images/main.png" alt="VinnovateIT Logo" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/3.png" alt="VinHack Logo" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h3>The official website for VinHack, upcoming hackathon by VinnovateIT!</h3>
<p><a href="https://vinhack.hackerearth.com/">Click here to register on Hackerearth.</a></p>
<p>Come to our desk to complete the payment.</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>Hacking is building things that you always wanted to have but no one has built it yet. It’s to come up with an amazing idea and work tirelessly on
it. It is to fail,
fail again and fail better. Try out new things and learn while doing that. It’s to work together, collaborate and build things that are innovative.
It is to be a better
programmer.
</p>
</div>
<div class="col-4 col-12-medium">
<p>With that spirit, VinnovateIT is conducting a hackathon, VinHack and invites all developers and hackathon enthusiasts to participate in an
interesting and engaging
hackathon.</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/2.jpg" alt="Hackathon Event Image" /></span>
<div class="content">
<header>
<h2>Everyone is welcomed!</h2>
<p>Striving for inclusive collaboration between developers</p>
</header>
<p>Whether you’re writing your first line of HTML, building an AR/VR app, VinHack is just the place for you. We will have mentors to help to make your idea happen.
You will be
able to exhibit your skills without worrying about any mortal needs. We will take care of everything :)</p>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/1.jpg" alt="Hackathon Event Image" /></span>
<div class="content">
<header>
<h2>Cash Prizes</h2>
<p>It's not a lie if you believe it</p>
</header>
<p>
First Prize - INR 5000/-<br>
Second Prize - INR 3000/- <br>
Third Prize - INR 2000/- <br><br>
There will be swags for all the participants!</p>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Why should you attend?</h2>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon alt major fa-comment"></span>
<h3>To make new friends</h3>
<p>VinHack provides a brilliant opportunity for you and your team to forge professional contacts and make new friends. With over 300 developers and
designers gathering from
all the engineering branches in VIT Vellore, grab your chance of connecting with people to discuss ideas and opportunities.</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon alt major fa-file"></span>
<h3>To learn</h3>
<p>Hackathons are a great way to give back to the community. Mentoring beginners is always helpful for them and rewarding for us. We’re going to have
mentors from a number
of different organizations present at the venue. Whenever you’re stuck on a problem or need suggestions, they’ll always be within a hand’s reach.
</p>
</section>
<section class="col-4 col-6-medium col-12-xsmall">
<span class="icon alt major fa-flask"></span>
<h3>To build</h3>
<p>We are inviting everyone to build ideas of their choice. Watching software materialize from pure thought, part by part is the closest to experiencing
magic we have
ever got to. And we’re excited to see that magic happen all over again!</p>
</section>
</div>
</div>
</div>
</section>
<section>
<h2 align="center">Scheduling Details</h2>
<div class="table-wrapper">
<table class="alt">
<tbody>
<tr>
<td>Start Date & Time</td>
<td>8:00 AM, 22nd March</td>
</tr>
<tr>
<td>End Date & Time</td>
<td>9:30 PM, 23rd March</td>
</tr>
<tr>
<td>Team Size </td>
<td>Min - 2 & Max - 5
</td>
</tr>
<tr>
<td>Venue </td>
<td>SJT, VIT Vellore</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>FAQ's</h2>
<p>
<details open="">
<summary><strong>Do I need to have any specific qualifications to be a participant for the Hackathon?</strong></summary>
If you love to code, you are more than welcome to participate in the Hackathon.
</details>
<p></p>
<details open="">
<summary><strong>What is the cost of the hackathon?</strong></summary>
It's 100/- each individual.
</details>
<p></p>
<details open="">
<summary><strong>Can I register individual?</strong></summary>
Yes! If you don't team, we'll team you up during the hackathon.
</details>
<p></p>
<details open="">
<summary><strong>How do I submit what I have made for the Hackathon? </strong></summary>
You have to submit your source code on our GitHub repository.
</details>
<p></p>
<details open="">
<summary><strong>Do we need to have the entire idea fully working? </strong></summary>
The entire idea need not be fully implemented however, the submission should be functional so that it can be reviewed by the judges.
</details>
<p></p>
<details open="">
<summary><strong>Does the entire team have to be available for the entire duration of the Hackathon? </strong></summary>
No, any one of the members should be present all the time but the whole team should be present for the pitching round.
</details>
<p></p>
<details open="">
<summary><strong>Where do we have to register? </strong></summary>
You can register at any one of the counters provided at SJT Ground floor.
</details>
</header>
</section>
</div>
<br><br><br>
<div class="container">
<header class="major">
<h2>Our Sponsors</h2>
</header>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-3 col-6-xsmall"><span class="image fit"><a href="https://www.moveinsync.com/">
<img class="lozad" data-src="images/moveinsync.png" alt="Move in Sync Logo" /></a></span><br>
<h3 align="center">Move in Sync</h3>
</div>
<div class="col-3 col-6-xsmall"><span class="image fit"><a href="http://hackerearth.com">
<img class="lozad" data-src="images/hackerearth.png" alt="HackerEarth Logo" /></a></span><br>
<h3 align="center">HackerEarth</h3>
</div>
<div class="col-3 col-6-xsmall"><span class="image fit"><a href="https://www.bugsee.com/">
<img class="lozad" data-src="images/bug.PNG" alt="Bugsee Logo" /></a></span><br>
<h3 align="center">Bugsee</h3>
</div>
<div class="col-3 col-6-xsmall"><span class="image fit"><a href="https://codingblocks.com/">
<img class="lozad" data-src="images/cb.PNG" alt="Coding Blocks Logo" /></a></span><br>
<h3 align="center">Coding Blocks</h3>
</div>
<div class="col-3 col-6-xsmall"><span class="image fit"><a href="https://www.grabon.in/">
<img class="lozad" data-src="images/grabon.png" alt="GrabOn Logo" /></a></span><br>
<h3 align="center">GrabOn <br>(Savings Partner)</h3>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
Reach Us @
<ul class="icons">
<li><a href="https://www.facebook.com/VinnovateIT/" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/vinnovateit" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.instagram.com/vinnovateit/" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
Contact Us @ <br>
Meet Shukla (+91 99946 32205)
<br>
Roshan Shah (+91 79749 05659)
<ul class="copyright">
<li>© <a href="https://vinnovateit.com/" rel="noreferrer" target="_blank">VinnovateIT</a>. All rights reserved.</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<!-- Google analytics tag -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136415898-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-136415898-1');
</script>
<script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>s
<script src="assets/js/custom.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.scrolly.min.js"></script>
<script src="assets/js/breakpoints.browser.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>