forked from Daggron/OctaHacks3.0
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
486 lines (459 loc) · 24.7 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
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
<!DOCTYPE html>
<html>
<head>
<title> OctaHacks 3.0 </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="Octahacks, hackathon, chitkara university, coding, event, summer, 36 hours"/>
<meta name="Description" content="OctaHacks is " />
<link rel="icon" href="assets/Images/icon.png" type="image/png" sizes="16x16">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900" >
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>
<link rel='stylesheet' href='https://unpkg.com/aos@2.3.0/dist/aos.css'>
<!-- Css Styles -->
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
</head>
<body>
<!--Landing Section Starts -->
<section class="contentt parallax bg1">
<div class="container">
<div class="row">
<div class="col-md-12">
<center>
<img id="logo" src="assets/Images/octahacks.png"><br><br>
<div class="place-date"><i class="fa fa-calendar"></i> 4-5th September, 2020 <br> <i class="fa fa-map-marker"></i> Chitkara University, Rajpura </div>
<br><br>
<!--<button class="register-btn" value="Register">
<font>Register</font>
</button>-->
</center>
</div>
</div>
</div>
</section>
<!--LANDING SECTION ENDS-->
<!--ABOUT SECTION STARTS-->
<section class="aboutsection pt-5" data-aos="fade-up">
<p class="section-heading font-weight-bold my-5">What is OctaHacks?</p>
<center>
<div class="about-row">
<span class="abouttext"> OctaHacks is the annual flagship event of DSC, Chitkara University, Rajpura, where innovators get an opportunity to merge their creative ideas with their technical skills to build something exemplary. It's a place where your ideas will get acknowledged.
<br><br>
OctaHacks is a 30-Hour hackathon that takes place in Chitkara University, Rajpura. With it's third edition,<font style="color:#8847dd;"> OctaHacks 3.0 </font>coming this September, we promise to make it even bigger and better.
</span>
<br> <br>
<p class="count-text m-4"> COUNT EVERY SECOND UNTIL THE HACKATHON</p>
</div>
<div id="timer">
<div id="days"></div>
<div id="hours"></div>
<div id="minutes"></div>
<div id="seconds"></div>
</div>
</center>
<!--SCRIPT-->
<script src="assets/scripts/count.js"></script>
</section>
<!--ABOUT SECTION ENDS-->
<!--Timeline Section-->
<section class="timelinesection pb-5" data-aos="fade-up">
<p class="section-heading my-5">Timeline</p>
<div class="timeline mb-5">
<div class="timeline-container left" data-aos="fade-in">
<div class="timeline-content">
<h2>5th August 2020</h2>
<p>Registrations open and submissions begin.</p>
</div>
</div>
<div class="timeline-container right" data-aos="fade-in">
<div class="timeline-content">
<h2>28th August 2020</h2>
<p>Registrations close// Last day to register.</p>
</div>
</div>
<div class="timeline-container left" data-aos="fade-in">
<div class="timeline-content">
<h2>2nd September 2020</h2>
<p>Selected contestants receive RSVP email. </p>
</div>
</div>
<div class="timeline-container right" data-aos="fade-in">
<div class="timeline-content">
<h2>4th September 2020</h2>
<p>Participants arrive at Chitkara University and hack begins.</p>
</div>
</div>
<div class="timeline-container left" data-aos="fade-in">
<div class="timeline-content">
<h2>5th September 2020</h2>
<p>Declaration of Results.</p>
</div>
</div>
</div>
</section>
<!--Timeline section ends-->
<section id="prev-photo" class="bg2">
<div>
<h1 data-aos="zoom-in">OCTAHACKS 2.0</h1>
</div>
</section>
<img src="assets/Images/octahacks2.jpg" class="octa2">
<!-- Tracks Section-->
<section id="tracks" style="height:auto;" data-aos="fade-up">
<p class="section-heading py-5 my-5" data-aos="fade-up"> Tracks</p>
<center>
<div class="row" style="width:80vw;">
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/city.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">SMART CITY</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
Smart Cities is a space in which developers, entrepreneurs, designers, professors, researchers and persons interested in making their city a better place can gather to build in a collaboratively fashion a solution that makes our city more efficient and intelligent.
</h6>
</div>
</div>
</div>
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/security.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">SECURITY</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
Security-related issues are growing. The programs for public safety lack: understanding of the security threats, vulnerabilities, and risks associated with the evolving systems; The increased use of automated technologies is also driving an increase in the advancement of the need for proper security systems.
</h6>
</div>
</div>
</div>
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/finance.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">BANKING AND FINANCE</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
From mobile payments to internet banking, an increased number of consumers are adopting fintech solutions today, and therefore there are a lot of exciting career options in this space.
</h6>
</div>
</div>
</div>
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/health.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">HEALTH</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
The increase in patients has led to the decrease in the relative number of doctors per patient which results in a vicious cycle where ignored or delayed diagnostics of an ailment makes the patient more dependent on doctor’s check-up. Some also cannot afford to visit a doctor.
</h6>
</div>
</div>
</div>
</div>
<div class="row" style="width:80vw;">
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/environment.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">ENVIRONMENT</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
We are advancing in technology at a very rapid rate. But this development has made our nature suffer. It is considered more important to expand cities than to save trees.
</h6>
</div>
</div>
</div>
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/education.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">EDUCATION</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
A large part of our population is still not able to receive proper education due to lack of resources. Education is important for everyone, but only a few have access to it. Children of poor families tend to move frequently, which disrupts their education. </h6>
</div>
</div>
</div>
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/business.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">BUSINESS</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
As technology is evolving, Businesses are accelerating their investments in innovation and digital advancements. Today, in this fast trending world, many innovative ideas have turned into significant business adventures. Here, we are looking forward to our next Facebook, Uber or Zomato.
</h6>
</div>
</div>
</div>
<div class="col-md-3" data-aos="fade-up">
<div class="card text-white">
<div class="card-content">
<img class="card-img-top" src="assets/Images/tracks/agriculture.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">AGRICULTURE</h5>
</div>
</div>
<div class="card-description">
<h6 id="description-para" class="card-title small">
Agricultural operations including animal and crop farming are essential contributors to depletion of natural resources' quality and quantity. Some problems in agriculture are instability, cropping pattern, land ownership, techniques of farming, marketing of agricultural products, etc.
</h6>
</div>
</div>
</div>
</div>
</center>
</section>
<section class="previous">
<p class="section-heading my-5 pt-5" data-aos="fade-up">Glimpses from OctaHacks 2.0</p>
<div class="container">
<center>
<div class="row" data-aos="fade-up">
<div class="col-md-3 col-sm-6 col-xs-6">
<i class="fa fa-handshake-o fa-2x"></i>
<div class="number">
10+
</div>
<div class="num-text">
Sponsors
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<i class="fa fa-group fa-2x"></i>
<div class="number">
60+
</div>
<div class="num-text">
Teams
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<i class="fa fa-user fa-2x"></i>
<div class="number">
250+
</div>
<div class="num-text">
Participants
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<i class="fa fa-rocket fa-2x"></i>
<div class="number">
8+
</div>
<div class="num-text">
Tracks
</div>
</div>
</div>
</center>
</div>
</section>
<center>
<img class="collage py-5 my-5" src="assets/Images/collage1.png" data-aos="fade-up"/>
</center>
<!--Sponsor-->
<section>
<center>
<div class="sponsor-us py-5 m-0" data-aos="fade-up">
<p class="sponsortext py-2"> Want to sponsor <font style="font-weight:bolder"><i>OctaHacks 3.0?</i></font><br> </p>
<p class="pb-2">Drop us an email at :</p>
<p class="pb-4"><a href="mailto:muskan1062.cse18@chitkara.edu.in" class="email-us"><i class="fa fa-envelope pr-2"></i>muskan1062.cse18@chitkara.edu.in</a><br>
<a href="mailto:yashank1050.cse18@chitkara.edu.in" class="email-us"><i class="fa fa-envelope pr-2"></i>yashank1050.cse18@chitkara.edu.in</a></p>
<p><a href="#" style="font-size: 20px;border-bottom: 2px solid white;">Download Brochure</a></p>
</div>
</center>
</section>
<!--Previous Sponsors-->
<section>
<p class="section-heading p-5 my-5" data-aos="fade-up"> Our Previous Sponsors</p>
<center>
<div class="container">
<div class="row" style="min-height: 25vh" data-aos="fade-up">
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/acm.png" style="width:40%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/sketch.png" style="width:40%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="iei" src="assets/Images/sponsors/iei.png" style="width:40%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/jetbrains.png" style="width:35%;" />
</div>
</div>
<div class="row" style="min-height: 20vh" data-aos="fade-up">
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/cleartrip.png" style="width:50%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/codechef.png" style="width:50%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/newgen.png" style="width:55%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/hyperdart.png" style="width:45%;" />
</div>
</div>
<div class="row" style="min-height: 20vh" data-aos="fade-up">
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/ninja.png" style="width:50%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/bugsee.png" style="width:50%;" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/wolfram.png" style="width:55%;background-color: white" />
</div>
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/topcoder.png" style="width:45%;" />
</div>
</div>
<div class="row" style="min-height: 30vh" data-aos="fade-up">
<div class="col-md-3 my-4">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/upgrad.png" style="width:40%;" />
</div>
<div class="col-md-3 my-4" style="background-color: black">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/gatsbylogo.png" style="width:40%" />
</div>
<div class="col-md-3 my-4" >
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/techlogo.png" style="width:60%;" />
</div>
<div class="col-md-3 mt-4 mb-5">
<img class="responsive" id="sponsor-logo" src="assets/Images/sponsors/curin.png" style="width:35%;background-color: white;" />
</div>
</div>
</div>
</center>
</section>
<!--FAQs Section-->
<section>
<div class="container p-5">
<p class="section-heading font-weight-bold pb-5 mb-4 pt-5" data-aos="fade-up"> F<font style="color: #8847dd;">. </font>A<font style="color: #8847dd;">. </font>Q<font style="color: #8847dd;">.</font></p>
<div class="row">
<div class="col-md-6 col-sm-12" data-aos="fade-up">
<center><img class="responsive pb-3" id="faq" src="assets/Images/faq.png"/></center>
</div>
<div class="col-md-6 col-sm-12">
<div class="container">
<div class="accordion">
<div class="accordion-item" data-aos="fade-up">
<a class="acc">What is the required team size?</a>
<div class="content">
<p>2-5 members.</p>
</div>
</div>
<div class="accordion-item" data-aos="fade-up">
<a class="acc">Can I start working on my hack before the hackathon?</a>
<div class="content">
<p>No. In the interest of fairness, students should not be working on their projects before the hackathon begins. However, you can familiarize yourself with all the tools and technologies you intend to use.</p>
</div>
</div>
<div class="accordion-item" data-aos="fade-up">
<a class="acc">Can the team members be from different colleges?</a>
<div class="content">
<p>Yes, we believe in healthy team spirit which will be ensured if you are allowed to work with the team of your choice.</p>
</div>
</div>
<div class="accordion-item" data-aos="fade-up">
<a class="acc">Can I leave the venue before the event is over?</a>
<div class="content">
<p>You may leave the venue to get some fresh air, however, you are not allowed to leave the campus premises.</p>
</div>
</div>
<div class="accordion-item" data-aos="fade-up">
<a class="acc">Do you provide accommodation?</a>
<div class="content">
<p>Yes, we provide accommodation if any participant requires it. We believe in providing you comfort to make your experience extraordinary.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<center><a href="#" class="code" target="_blank" data-aos="fade-up">Code Of Conduct</a></center>
</section>
<script src="assets/scripts/faqs.js"></script>
<section class="end-section mt-5">
<div class="container pt-5 pb-5">
<center>
<div class="row">
<div class="col-md-4 col-sm-12 mb-4" data-aos="zoom-in">
<div class="end-card">
<p style="color: #b889f7;">Venue</p>
<br>
<p class="endc"><a href="https://g.page/ChitkaraU?share" class="location">Chitkara University
<br>Rajpura, Punjab</a>
</p>
</div>
</div>
<div class="col-md-4 col-sm-12 mb-4" data-aos="zoom-in">
<div class="end-card">
<p style="color: #b889f7;">Contact Us</p>
<br>
<p class="endc"><a href="tel:+91-9466649120" class="call-us">+91 9466649120</a>
<br><a href="tel:+91-9023851210" class="call-us">+91 9023851210</a></p>
</div>
</div>
<div class="col-md-4 col-sm-12 mb-4" data-aos="zoom-in">
<div class="end-card">
<p style="color: #b889f7;">Website Created By</p>
<br>
<p class="endc">Muskan Goyal <a href="https://www.linkedin.com/in/goyalmuskan" target="_blank" text-decoration="none"> <i class="fa fa-linkedin" style="color: rgb(57, 151, 238);" aria-hidden="true"></i></a>
<br>Ishan Sharma <a href="https://www.linkedin.com/in/ishandeveloper" target="_blank" text-decoration="none"><i class="fa fa-linkedin" style="color: rgb(57, 151, 238);" aria-hidden="true"></i></a>
<br>Yashank <a href="https://www.linkedin.com/in/yashank18" target="_blank" text-decoration="none"><i class="fa fa-linkedin" style="color: rgb(57, 151, 238);" aria-hidden="true"></i></a></p>
</div>
</div>
</div>
</center>
</div>
</section>
<footer>
<center>
<p>
Copyright OctaHacks © 3.0
<script>
document.write(new Date().getFullYear());
</script> | All rights reserved
</p>
<div class="social-media">
<a href="https://www.facebook.com/gdsc.cu/" class="fa fa-facebook" target="_blank"></a>
<a href="#" class="fa fa-linkedin" target="_blank"></a>
<a href="https://www.instagram.com/dsc_ciet/" class="fa fa-instagram" target="_blank"></a>
</div>
</center>
</footer>
<script src='https://unpkg.com/aos@2.3.0/dist/aos.js'></script><script src="assets/scripts/animation.js"></script>
</body>
</html>