-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
1437 lines (1270 loc) · 59.6 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
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!-- IMPULSE IOSD WEBSITE
* AUTHORS: MEGHANSH GOEL, SAVITOJ SINGH, SIDDHARTH KATHURIA
* ALL RIGHTS RESERVED BY IOSD MAIT
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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="" />
<meta name="author" content="" />
<link rel="icon" type="image/png" href="/images/latestimpulselogo.jpg" />
<title>Impulse'18 </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<!-- <link href="css/bootstrap-grid.css" rel="stylesheet" /> -->
<link href="css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="css/vertical-timeline.css">
<!-- <link href="css/zoomslider.css" rel="stylesheet" /> -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css" rel="stylesheet" />
<link href="css/swipebox.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.5/css/mdb.min.css">
<link rel="stylesheet" href="css/style-custom.css" />
<link href="https://fonts.googleapis.com/css?family=Oswald:400,500,600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:200,300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500" rel="stylesheet">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script>
</head>
<body data-spy="scroll" data-offset="120" data-target="#navbar">
<div class="loader-container">
<div class="loader">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<div class="bar4"></div>
<div class="bar5"></div>
<div class="bar6"></div>
</div>
</div>
<nav class="navbar navbar-expand-lg fixed-top">
<a class="navbar-brand" href="#"><img src="/images/impulse-full.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#agenda">Agenda</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#teaser">Teaser</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#events">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sponsors">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQs</a>
</li>
<li class="nav-item theme_gen">
<a class="nav-link" href="#" data-toggle="modal" data-target="#theme_gen">Generate Theme</a>
</li>
</ul>
</div>
</nav>
<div class="canvas-container">
<canvas></canvas>
<div id="mountains2"></div>
<div id="mountains1"></div>
<div id="skyline"></div>
<div class="container">
<h1 id="main_header" >IMPULSE '18 </h1>
<h2 class="month" >March '18 </h2>
<h2 class="day-header">9-10 </h2>
</div>
</div>
<div class="timer">
<div class="row timer-row">
<div class="col-md-3 col-sm-3 col-3">
<span class="timer-day">00</span>
<p class="day">Days</p>
</div>
<div class="col-md-3 col-sm-3 col-3">
<span class="timer-hour">00</span>
<p class="day">Hours</p>
</div>
<div class="col-md-3 col-sm-3 col-3">
<span class="timer-minute">00</span>
<p class="day">Minutes</p>
</div>
<div class="col-md-3 col-sm-3 col-3">
<span class="timer-second">00</span>
<p class="day">Seconds</p>
</div>
</div>
</div>
<div class="agenda">
<h2 id="agenda">AGENDA</h2>
<h4 class="dates">7th March '18</h4>
<div id="timeline">
<div data-vtdate="9:00 PM">
<h3>MaitHacks Begins!</h3>
<hr>
<p>
Fire Up Your Engines! <br> <br>
Random themes will be generated on our website. Each team will be allotted two themes. Make sure to login on our website after 9pm. Online round begins. <br>
Ready! Set! GO!
</p>
</div>
</div>
<h4 class="dates">8th March '18</h4>
<div id="timeline1">
<div data-vtdate="12:00 PM">
<h3>MaitHacks Idea Submission Ends!</h3>
<hr>
<p>
Time to Prove Your Mettle! <br><br>
Each team submits their ideas for the hack before 12pm on our website.
</p>
</div>
<div data-vtdate="6:00 PM">
<h3>Teams Shortlisted</h3>
<hr>
<p>
Shortlisted Teams are notified via mail. The shortlisted teams continue to work on their hack online for the final presentation.
<br><br>
May The Code Be With You!
</p>
</div>
</div>
<h4 class="dates">9th March '18</h4>
<div id="timeline2">
<div data-vtdate="9:00 AM">
<h3>MaitHacks Round 2</h3>
<hr>
<p>
Warm Up Your Laptops! <br><br>
Shortlisted teams pitch their ideas at MAIT campus.
</p>
</div>
<div data-vtdate="2:00 PM">
<h3>Pixel Begins</h3>
<hr>
<p>
Wear Your Creative Hats! <br> <br>
The 3 hour long UI/UX Design competition will test your creative and imaginative skills to the limit. <br><br>
The code is dark and full of errors!
</p>
</div>
</div>
<h4 class="dates">10th March '18</h4>
<div id="timeline3">
<div data-vtdate="9:00 AM">
<h3>CodeSaga Round 1 Begins!</h3>
<hr>
<p>
Get Your Game Face on! <br><br>
Round 1 of the Ultimate Competitive Coding competition is aimed to tackle your coding spirit to its limit. The top 8 will go on to battle in Round 2.
</p>
</div>
<div data-vtdate="11:30 AM">
<h3>CodeSaga Round 2 Begins!</h3>
<hr>
<p>
The top 8 finalists shortlisted from Round 1 battle against each other for exciting prizes and internship offers. Also winners of this round will be the direct finalists for coding event in IIT Roorkee <br><br>
Chaos isn't a pit! Chaos is a ladder!
</p>
</div>
<div data-vtdate="12:00 PM">
<h3>Workshop Begins</h3>
<hr>
<p>
An exciting workshop on Game Development delivered by industry leaders. <br> <br>
</p>
</div>
</div>
</div>
<div class="parallax-container" id="teaser">
<h2 class="teaser"></h2>
<video controls>
<source src="videos/f3.ogv" type="video/ogv">
<source src="videos/f3.webm" type="video/webm">
Your browser does not support HTML5 video.
</video>
</div>
<!-- <div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left">Show Popup Form</a> -->
<!-- <div data-role="popup" id="myPopup" class="ui-content" style="min-width:250px;">
<form method="post" action="/action_page_post.php">
<div>
<h3>Login information</h3>
<label for="usrnm" class="ui-hidden-accessible">Username:</label>
<input type="text" name="user" id="usrnm" placeholder="Username">
<label for="pswd" class="ui-hidden-accessible">Password:</label>
<input type="password" name="passw" id="pswd" placeholder="Password">
<label for=" <div data-role="main" class="ui-content">
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all ui-icon-check ui-btn-icon-left">Show Popup Form</a>log">Keep me logged in</label>
<input type="checkbox" name="login" id="log" value="1" data-mini="true">
<input type="submit" data-inline="true" value="Log in">
</div>
</form>
</div>
</div>
-->
<div class="modal fade modal_type1" id="theme_gen" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">MAITHacks Themes</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="/generate" class="theme_form" method="get">
<div class="form-group">
<label for="">Enter Your Team Name(Case Sensitive)</label>
<input type="text" placeholder="Team Name" class="form-control" style="box-sizing:border-box;" required name="team">
</div>
<button class="btn btn-success" type="submit" >SUBMIT</button>
</form>
</div>
</div>
</div>
</div>
<!-- Rulebook Popup -->
<div class="modal fade modal_type1" id="hack_rulebook" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">MaitHacks Rules</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="event-brief">To check your innovative mind and coding skills grab the opportunity of MAIT HACKS.
The event consists of two rounds, starting from 7th March 2018 at 9 pm for the next 36 hours. <br>
Participants need to register in teams of maximum 4.</p>
<h4 class="round">ROUND 1</h4>
<p class="round-detail">It will be an online round where participants will get two random keywords generated from the website on 7th March from 9 pm onwards. <br>
The teams would be required to submit their project ideas based on both of the keywords provided and upload on our website before 12 pm of 8th March 2018. <br>
The results of Round 1 will be sent to the shortlisted teams via email on the same day by 6 pm. Selection will be based on the originality and usefulness of the idea submitted. </p>
<h4 class="round">Round 2</h4>
<p class="round-detail">The Second Round will be held in the MAIT Campus on 9th March - 9am onwards. <br>
In this round, selected teams from round 1 would have to come for the project pitching and demonstration .</p>
<br><br>
<p class="end">Get ready for prizes worth Rs 1 lakh, Cash prize of Rs 20,000 , internship and incubation offers, Certificates, .tech domains to everyone and much more.
Come on guys, do it for the cookies, if nothing else.</p>
</div>
</div>
</div>
</div>
<div class="modal fade modal_type2" id="cc_rulebook" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">CodeSaga Rules</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="event-brief">If you have great logical and problem solving skills,come on! This event could help in your coffee bills. <br>
The event will commence at 9 am on 10th March 2018.</p>
<h4 class="round">ROUND 1</h4>
<p class="round-detail">Round 1 would be a 2 hour problem solving competitive round. Participants can use any language of their choice. </p>
<h4 class="round">Round 2</h4>
<p class="round-detail">Top 8 Participants of Round 1 will compete against each other in a series of knockout rounds. Winners of this round will also become the finalists for a coding event in IIT Roorkee</p>
<br><br>
<p class="end">The winners will be awarded with exciting prizes and internship offers.
Top participants will be provided with Certificates of Appreciation.</p>
</div>
</div>
</div>
</div>
<div class="modal fade modal_type2" id="ui_rulebook" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Pixel Rules</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="event-brief">Time to make lives simpler!
If you got the talent
Participate in this event or you will lament <br>
UI/UX Designing will consist of 2 rounds.</p>
<h4 class="round">ROUND 1</h4>
<p class="round-detail">It will be an online round. The participants need to send their best works at [email protected] <br>
Participants with the best work will be selected for Round 2. </p>
<h4 class="round">Round 2</h4>
<p class="round-detail">This will be an offline round. It will be held in the MAIT Campus on 9 March 2018 from 2-5 p.m. The selected participants will have to design a UI/UX on the themes which will be given on the spot. </p>
<br><br>
<p class="end">Participants can choose to design for either mobile app or website.
<br>
Plagiarised designs will not be accepted.
Participants should carry their own laptops.
<br><br>
Designers, time to get down to work!</p>
</div>
</div>
</div>
</div>
<!-- <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Login</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="loginform" action="" method="">
<div class="form-group">
<label for="">Email</label>
<input type="email" placeholder="Email" class="form-control1">
</div>
<div class="form-group">
<label for="">Password</label>
<input type="password" placeholder="Enter password" class="form-control1">
</div>
<button type="submit" form="loginform" value="Submit" >Login</button>
</form>
</div>
</div>
</div>
</div> -->
<!-- Rulebook Popup end -->
<section id="events">
<div class="container">
<h3 id = "event_title">EVENTS </h3>
</div>
<!-- <div class="container"> -->
<div class="row event-row">
<div class="col-md-6 content event1">
<span class ="event_header">MaitHacks</span>
<p class = "event_subheader">36 Hour Hackathon</p>
<p class="event_content">
Leave behind the boring and mundane,
Come inside this digital domain!
Time to roll up your mind, churn your coffee to play a 36 hour hackathon.
IOSD brings to you Mait Hacks, the first hackathon of IOSD MAIT , to be held on 7th March, 2018.
Participate in a race against time with the best of other minds from all over India to turn your ideas into code.
Gear up to work together, collaborate and design the future.
One for all and all for one,
Cyberspace never disappoints anyone !
</p>
<span class="event-link form2_trigger maithacks_register" style="cursor: pointer;">REGISTER</span>
<span class="event-link" data-toggle="modal" data-target="#hack_rulebook" style="cursor: pointer;">View RuleBook</span>
<a href="https://goo.gl/forms/YgcYzaA9BeTs7tqD3" class="idea_submit" target="_blank"><span class="event-link" style="cursor: pointer;">Idea Submission</span></a>
</div>
<div class="col-md-6 content content2 event2">
<span class ="event_header2">CodeSaga</span>
<p class = "event_subheader2">Online Competitive Coding</p>
<p class="event_content2">
If all you think about is code then, it's time to gear up and let that coding spirit inside you rule the real world.
Coders, Assemble!
Join us on this wonderful path for your coding instinct to go on 10th March, and let your mind flow!
Knock out your peers and
prove that you are the best of them all. Exciting prizes, internship offers, appreciation certificates and the right to brag is up for grabs for the winners.
So, Pull up your socks and prepare to put that mind crazy for coding down to work.</p>
<span class="event-link2 form1_trigger codesaga_register" style="cursor: pointer;">REGISTER</span>
<span class="event-link2" data-toggle="modal" data-target="#cc_rulebook" style="cursor: pointer;">View RuleBook</span>
</div>
<!-- <div class="col-md-6 poster">
<img src="/images/poster.jpg" alt="poster">
</div> -->
</div>
<div class="form2 hide forms">
<div class="container">
<br>
<h3 style="color: #000;">Register for MaitHacks</h3>
<form id = "form1" action = "/maithacks" method = "post">
<div class="md-form">
<i class="fa fa-users prefix grey-text"></i>
<input type="text" name = "teamname" class="form-control" id="team-name" required>
<label for="team-name">Team Name *</label>
</div>
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name1" class="form-control" id="name1" required>
<label for="name">Name of Team Leader *</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email1" class="form-control" id="email1" required>
<label for="email">Email of Team Leader *</label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile1" class="form-control" id="mobile1" required>
<label for="mobile">Contact Number of Team Leader *</label>
</div>
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name2" class="form-control" id="name2">
<label for="name">Name of Member 2 </label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email2" class="form-control" id="email2">
<label for="email">Email of Member 2 </label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile2" class="form-control" id="mobile2">
<label for="mobile">Contact Number of Member 2</label>
</div> -->
] <div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name3" class="form-control" id="name3">
<label for="name">Name of Member 3</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email3" class="form-control" id="email3">
<label for="email">Email of Member 3</label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile3" class="form-control" id="mobile3">
<label for="mobile">Contact Number of Member 3</label>
</div>
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name4" class="form-control" id="name4">
<label for="name">Name of Member 4</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email4" class="form-control" id="email4">
<label for="email">Email of Member 4</label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile4" class="form-control" id="mobile4">
<label for="mobile">Contact Number of Member 4</label>
</div>
<!-- <div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="password" name = "password" class="form-control" id="password">
<label for="password">Create Password</label>
</div> -->
<div class="md-form">
<i class="fa fa-graduation-cap prefix grey-text"></i>
<input type="text" name = "college" class="form-control" id="college-name" required>
<label for="college-name">College Name Of Team Leader *</label>
</div>
<div class="md-form">
<i class="fa fa-github prefix grey-text"></i>
<input type="text" name = "github" class="form-control" id="github" required>
<label for="github">Github Link of Team Leader *</label>
</div>
<!-- <button class="btn btn-deep-orange" type = "submit" style="cursor: pointer;">Register <i class="fa fa-paper-plane-o ml-1"></i></button> -->
<button type="submit" form="form1" value="Submit" class="event-link submit-btn">Submit</button>
</form>
<p></p><br>
</div>
</div>
<div class="row event-row event_hide">
<div class="col-md-6 content content2">
<span class ="event_header2 hidden_header">CodeSaga</span>
<p class = "event_subheader2">Online Competitive Coding</p>
<p class="event_content2">
If all you think about is code then, it's time to gear up and let that coding spirit inside you rule the real world.
Coders, Assemble!
Join us on this wonderful path for your coding instinct to go on 10th March, and let your mind flow!
Knock out your peers and
prove that you are the best of them all. Exciting prizes, internship offers, appreciation certificates and the right to brag is up for grabs for the winners.
So, Pull up your socks and prepare to put that mind crazy for coding down to work.</p>
<span class="event-link2 form1_trigger codesaga_register" style="cursor: pointer;">REGISTER</span>
<span class="event-link2" data-toggle="modal" data-target="#cc_rulebook" style="cursor: pointer;">View RuleBook</span>
</div>
</div>
<div class="form1 hide forms" >
<div class="container">
<br>
<h3 style="color: #fff;">Register for CodeSaga</h3>
<form id = "form2" action="/codebonanza" method = "post">
<input type="hidden" name="_subject" value="code bonanza" />
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name" class="form-control" required id="name">
<label for="name">Your Name *</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email" class="form-control" required id="email">
<label for="email">Your Email *</label>
</div>
<div class="md-form">
<i class="fa fa-graduation-cap prefix grey-text"></i>
<input type="text" name = "college" class="form-control" required id="college-name">
<label for="college-name">College Name *</label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile" class="form-control" required id="mobile">
<label for="mobile">Contact Number *</label>
</div>
<div class="md-form">
<i class="fa fa-github prefix grey-text"></i>
<input type="text" name = "github" class="form-control" required id="github">
<label for="github">Hackerrank/codechef Link *</label>
</div>
<button type="submit" form="form2" value="Submit" class="event-link2 submit-btn">Submit</button>
<!-- <button class="btn btn-deep-orange" style="cursor: pointer;">Register <i class="fa fa-paper-plane-o ml-1"></i></button> -->
</form>
<p></p><br>
</div>
</div>
<div class="row event-row row2" >
<!-- <div class="col-md-6 poster">
<img src="/images/poster.jpg" alt="poster">
</div> -->
<div class="col-md-6 content content2 event3">
<span class ="event_header2">Pixel</span>
<p class = "event_subheader2">Design Competition</p>
<p class="event_content2">
Everyone hates difficulties and complications in their lives. So if we have a chance to make everything simpler we should go for it, right? UI/UX is all about hiding the complexities of Computer Science like we do daily in our lives.
Allow full access to your creativity and imagination, gather your pixels, assemble your bits and squash the bugs!
Set yourself apart from developers all around on 9th March 2018, and get a chance to win exciting prizes and lots of opportunities..
Don't leave a bug in the system or it's gonna crash and fall!</p>
<span class="event-link2 form3_trigger pixel_register" style="cursor: pointer;">REGISTER</span>
<span class="event-link2" data-toggle="modal" data-target="#ui_rulebook" style="cursor: pointer;">View RuleBook</span>
</div>
<div class="col-md-6 content event4">
<span class ="event_header">GameDev </span>
<p class = "event_subheader">Workshop</p>
<p class="event_content">
The knowledge we have is never enough..
There's always room for more!
A WORKSHOP on Game Development with python which is in demand in today's market will be conducted on 10th March 2018.
It will be a full day workshop with lot's to learn. <br><br>
We guarantee you won't leave with an empty mind or hand! <br><br><br><br>
<span class="event-link form4_trigger workshop_register" style="cursor: pointer;">REGISTER</span>
</p>
<!-- <span class="event-link form4_trigger" style="cursor: pointer;">REGISTER</span>
<span class="event-link" data-toggle="modal" data-target="#exampleModal" style="cursor: pointer;">View RuleBook</span> -->
</div>
</div>
<div class="form4 hide forms">
<div class="container">
<br>
<h3 style="color: #000;">Register for Workshop</h3>
<form id = "form3" action="/workshop" method = "post">
<input type="hidden" name="_subject" value="code bonanza" />
<form>
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name" class="form-control" required id="name">
<label for="name">Your Name*</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email" class="form-control" required id="email">
<label for="email">Your Email*</label>
</div>
<div class="md-form">
<i class="fa fa-graduation-cap prefix grey-text"></i>
<input type="text" name = "college" class="form-control" required id="college-name">
<label for="college-name">College Name*</label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile" class="form-control" required id="mobile">
<label for="mobile">Contact Number*</label>
</div>
<div class="md-form">
<i class="fa fa-github prefix grey-text"></i>
<input type="text" name = "github" class="form-control" required id="github">
<label for="github">Github Link*</label>
</div>
<!-- <button class="btn btn-deep-orange" style="cursor: pointer;">Register <i class="fa fa-paper-plane-o ml-1"></i></button> -->
<button type="submit" form="form3" value="Submit" class="event-link submit-btn">Submit</button>
</form>
<p></p><br>
</div>
</div>
<div class="row event-row row2">
<div class="col-md-6 content content2 event_hide">
<span class ="event_header2">Pixel</span>
<p class = "event_subheader2">Design Competition</p>
<p class="event_content2">
Everyone hates difficulties and complications in their lives. So if we have a chance to make everything simpler we should go for it, right? UI/UX is all about hiding the complexities of Computer Science like we do daily in our lives.
Allow full access to your creativity and imagination, gather your pixels, assemble your bits and squash the bugs!
Set yourself apart from developers all around on 9th March 2018, and get a chance to win exciting prizes and lots of opportunities..
Don't leave a bug in the system or it's gonna crash and fall!</p>
<span class="event-link2 form3_trigger pixel_register" style="cursor: pointer;">REGISTER</span>
<span class="event-link2" data-toggle="modal" data-target="#ui_rulebook" style="cursor: pointer;">View RuleBook</span>
</div>
</div>
<div class="form3 hide forms">
<div class="container">
<br>
<h3 style="color: #fff;">Register for Pixel</h3>
<form action="/uiux" method = "post" >
<input type="hidden" name="_subject" value="mait hacks" />
<form>
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name = "name" class="form-control" required id="name">
<label for="name">Your Name *</label>
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="text" name = "email" class="form-control" required id="email">
<label for="email">Your Email *</label>
</div>
<div class="md-form">
<i class="fa fa-graduation-cap prefix grey-text"></i>
<input type="text" name = "college" class="form-control" required id="college-name">
<label for="college-name">College Name *</label>
</div>
<div class="md-form">
<i class="fa fa-mobile prefix grey-text"></i>
<input type="text" name = "mobile" class="form-control" required id="mobile">
<label for="mobile">Contact Number *</label>
</div>
<div class="md-form">
<i class="fa fa-github prefix grey-text"></i>
<input type="text" name = "github" class="form-control" required id="github">
<label for="github">Portfolio Link *</label>
</div>
<!-- <button class="btn btn-deep-orange" style="cursor: pointer;">Register <i class="fa fa-paper-plane-o ml-1"></i></button> -->
<!-- <button type="submit" form="form4" value="Submit">Submit</button> -->
<input type="submit" value="Submit" class ="event-link2 submit-btn">
</form>
<p></p><br>
</div>
</div>
</section>
<section id="sponsors">
<!-- <div class="container"> -->
<h3 id = "event_title" style="color:black;">SPONSORS </h3>
<div class="row">
<div class="col-md-4 col-sm-3 col-xs-12 matchHeight">
<a href="https://www.redcarpetup.com/" target="_blank"><img src="/images/red.png" class="full-width" alt="Sponsor" /></a><br>
<a href="https://www.redcarpetup.com/" target="_blank"><h4 style="color:black;font-family:'Josefin Sans',sans-serif;">Red Carpet</h4></a>
</div>
<div class="col-md-4 col-sm-3 col-xs-12 matchHeight with_name">
<a href="http://pixectra.com/" target="_blank"><img src="/images/pixectra_new.png" class="full-width" alt="Sponsor" /></a><br>
<a href="http://pixectra.com/" target="_blank"><h4 style="color:black;font-family:'Josefin Sans',sans-serif;">Pixectra</h4></a>
</div>
<div class="col-md-4 col-sm-3 col-xs-12 matchHeight">
<img src="/images/logo_agro.png" class="full-width" alt="Sponsor" /><br>
<h4 style="color:black;font-family:'Josefin Sans',sans-serif;">Agro Engineering</h4>
</div>
<div class="col-md-4 col-sm-3 col-xs-12 matchHeight ">
<a href="http://jetbrains.com/" target="_blank"><img src="/images/jet_new.png" class="full-width" alt="Sponsor" /></a><br>
<a href="http://jetbrains.com/" target="_blank"><h4 style="color:black;font-family:'Josefin Sans',sans-serif;">JetBrains</h4></a>
</div>
<div class="col-md-4 col-sm-3 col-xs-12 matchHeight ">
<a href="https://codingblocks.com/" target="_blank"><img src="/images/cblogo.png" class="full-width" alt="Sponsor" /></a><br>
<a href="https://codingblocks.com/" target="_blank"><h4 style="color:black;font-family:'Josefin Sans',sans-serif;">Coding Blocks</h4></a>
</div>
<div class="col-md-4 col-sm-3 col-xs-12 matchHeight ">
<a href="https://www.iitr.ac.in/" target="_blank"><img src="/images/iitroorkeelogo.png" class="full-width" alt="Sponsor" /></a><br>
<a href="https://www.iitr.ac.in/" target="_blank"><h4 style="color:black;font-family:'Josefin Sans',sans-serif;">IIT Roorkee</h4></a>
</div>
<div class="col-lg-12 matchHeight">
<a href="http://www.i3indya.com/" target="_blank"><img src="/images/logo_indya.jpeg" class="full-width" alt="Sponsor" style="margin-bottom: 20px;"/></a><br>
<a href="http://www.i3indya.com/" target="_blank"><h4 style="color:black;font-family:'Josefin Sans',sans-serif;">i3indya Technologies</h4></a>
</div>
</div>
</div>
</section>
<section id="team">
<div class="container">
<h3 id = "event_title">Meet Impulse'18 Team </h3>
<div class = "photorow">
<div class = "person_vinay">
<img id = "photo_vinay" src="/images/team/vinaysir.jpg" alt = "Vinay Sir" ><p></p>
<span id = "personname_vinay">Vinay Saini</span><br>
<span id = "facultyhead">Faculty Head of IOSD MAIT</span>
<!-- <label>Vinay Sir</label> -->
</div>
</div>
<br><br>
<h3 class ="team_subhead"> Core Members </h3> <br>
<div class = "photorow row row">
<div class = "person col col-lg-4 row1 deepali">
<img id = "photo_vinay" src="/images/team/deepali1.jpeg" alt = "Deepali" ><p></p>
<span id = "personname">Deepali Singhal</span>
</div>
<div class = "person col col-lg-4 row1 deepanshi">
<img id = "photo_vinay" src="/images/team/deepanshi.jpg" alt = "Deepanshi" ><p></p>
<span id = "personname">Deepanshi Bansal</span>
</div>
<!-- <div class = "person col col-lg-3">
<img id = "photo" src="/images/krishna.jpg" alt = "Krishna" ><p></p>
<span id = "personname">Krishna</span>
</div>
<div class = "person col col-lg-3">
<img id = "photo" src="/images/saksham.jpg" alt = "Saksham" ><p></p>
<span id = "personname">Saksham</span>
</div> -->
<!-- </div> -->
<!-- <div class = "photorow row"> -->
<div class = "person col col-lg-4 row1 sparsh">
<img id = "photo_vinay" src="/images/team/sparsh_opt.jpg" alt = "Deepali" ><p></p>
<span id = "personname">Sparsh Wadhwa</span>
</div>
<div class = "person col col-lg-4 row2 rajat">
<img id = "photo_vinay" src="/images/team/rajat.jpg" alt = "Rajat" >
<p></p><span id = "personname">Rajat Gupta</span>
</div>
<div class = "person col col-lg-4 row2 saurabh">
<img id = "photo_vinay" src="/images/team/saurabh.jpg" alt = "Saurabh" ><p></p>
<span id = "personname">Saurabh Aggarwal</span>
</div>
<div class = "person col col-lg-4 row2 rishabh">
<img id = "photo_vinay" src="/images/team/rishabh.jpg" alt = "Rishabh" ><p></p>
<span id = "personname">Rishabh Singh</span>
</div>
<!-- </div> -->
<!-- <div class = "photorow row"> -->
<div class = "person col col-lg-4 row3 heena">
<img id = "photo_vinay" src="/images/team/heena2.jpeg" alt = "Heena" ><p></p>
<span id = "personname">Heena Garg</span>
</div>
<!-- <div class = "person col col-lg-3 row3">
<img id = "photo" src="/images/team/rawat.jpeg" alt = "Bhavya Rawat" ><p></p>
<span id = "personname">Bhavya Rawat</span>
</div> -->
<div class = "person col col-lg-4 row3 dhruv">
<img id = "photo_vinay" src="/images/team/dhruv_opt.jpg" alt = "Dhruv" ><p></p>
<span id = "personname">Dhruv Mongia</span>
</div>
<div class = "person col col-lg-4 row3 vivek">
<img id = "photo_vinay" src="/images/team/vivek.jpg" alt = "Vivek" >
<p></p><span id = "personname">Vivek Agarwal</span>
</div>
</div>
<br>
<h3 class ="team_subhead"> Developers </h3> <br>
<div class="photorow row">
<div class = "person col col-lg-4 row4 meghansh">
<img id = "photo" src="/images/team/meghansh2.jpeg" alt = "meghansh" ><p></p>
<span id = "personname">Meghansh Goel</span>
</div>
<div class = "person col col-lg-4 row4 siddharth">
<img id = "photo" src="/images/team/sid.jpeg" alt = "siddharth" ><p></p>
<span id = "personname">Siddharth Kathuria</span>
</div>
<div class = "person col col-lg-4 row4 savitoj" >
<img id = "photo" src="/images/team/savitoj.jpeg" alt = "savitoj" >
<p></p><span id = "personname">Savitoj Singh</span>
</div>
</div>
<br>
<h3 class ="team_subhead"> Designers </h3> <br>
<div class="photorow row">
<div class = "person col col-lg-3 row5 arjun">
<img id = "photo" src="/images/team/Arjun.jpg" alt = "Arjun" ><p></p>
<span id = "personname">Arjun Vidyarthi</span>
</div>
<div class = "person col col-lg-3 row5 rasik">
<img id = "photo" src="/images/team/rasik_2_opt.jpg" alt = "rasik" ><p></p>
<span id = "personname">Rasik Raj</span>
</div>
<div class = "person col col-lg-3 row5 nischay">
<img id = "photo" src="/images/team/nischay.jpg" alt = "nischay" ><p></p>
<span id = "personname">Nishchay Anand</span>
</div>
<div class = "person col col-lg-3 row5 sachin">
<img id = "photo" src="/images/team/Sachin.png" alt = "sachin" ><p></p>
<span id = "personname">Sachin Vats</span>
</div>
</div>
<!-- <div class="col person empty col-lg-3">
<img id="photo">
<span id="personname"></span>
</div> -->
<!-- </div> -->
<br>
<div class="section_wrap">
<h3 class ="team_subhead"> Content Writers </h3> <br>
<div class="photorow row">
<div class = "person col col-lg-6 row6 jahnavi">
<img id = "photo" src="/images/team/Jahnavi.jpg" alt = "Jahnavi" ><p></p>
<span id = "personname">Jahnavi Seth</span>
</div>
<div class = "person col col-lg-6 row6 mudit">
<img id = "photo" src="/images/team/mudit.jpg" alt = "Mudit" ><p></p>
<span id = "personname">Mudit Garg</span>
</div>
</div>
<br>
<h3 class ="team_subhead"> Promotion Head </h3> <br>
<div class="photorow row">
<div class = "person col col-lg-6 row7 deepanshu">
<img id = "photo" src="/images/team/deepanshu.jpg" alt = "deepanshu" ><p></p>
<span id = "personname">Deepanshu Meemroth</span>
</div>
<div class = "person col col-lg-6 row7 sarthak">
<img id = "photo" src="/images/team/sarthak.jpg" alt = "sarthak" ><p></p>
<span id = "personname">Sarthak Bhutani</span>
</div>
</div>
</div>
<br>
<div class="section_wrap_pc">
<div class="row">
<div class="col col-lg-6"><h3 class ="team_subhead"> Content Writers </h3></div>
<div class="col col-lg-6"><h3 class ="team_subhead"> Promotion Head </h3></div>
</div>
<div class="photorow row">
<div class = "person col col-lg-3 row6">
<img id = "photo" src="/images/team/Jahnavi.jpg" alt = "Jahnavi" ><p></p>
<span id = "personname">Jahnavi Seth</span>
</div>
<div class = "person col col-lg-3 row6">
<img id = "photo" src="/images/team/mudit.jpg" alt = "Mudit" ><p></p>
<span id = "personname">Mudit Garg</span>
</div>
<div class = "person col col-lg-3 row6">
<img id = "photo" src="/images/team/deepanshu.jpg" alt = "deepanshu" ><p></p>
<span id = "personname">Deepanshu Meemroth</span>
</div>
<div class = "person col col-lg-3 row6">
<img id = "photo" src="/images/team/sarthak.jpg" alt = "sarthak" ><p></p>
<span id = "personname">Sarthak Bhutani</span>
</div>
</div>
</div>
<br>
<h3 class ="team_subhead"> Logistics Head </h3> <br>
<div class="photorow row">
<div class = "person col col-lg-3 row5 deepanshu1">
<img id = "photo" src="/images/team/Deepanshu_opt.jpg" alt = "Deepanshu" ><p></p>
<span id = "personname">Deepanshu Gaur</span>
</div>
<div class = "person col col-lg-3 row5 harsh">
<img id = "photo" src="/images/team/Harsh_opt.jpg" alt = "harsh" ><p></p>
<span id = "personname">Harsh Luthra</span>
</div>
<div class = "person col col-lg-3 row5 karan">
<img id = "photo" src="/images/team/Karan_opt.jpg" alt = "karan" ><p></p>
<span id = "personname">Karan Gupta</span>
</div>
<div class = "person col col-lg-3 row5 zahid">
<img id = "photo" src="/images/team/Zahid_opt.jpg" alt = "zahid" ><p></p>
<span id = "personname">Zahid Akhtar</span>
</div>
</div>
<br>
<h3 class ="team_subhead"> Crafts Head </h3> <br>
<div class="photorow row">
<div class = "person col col-lg-4 row5 mayank">
<img id = "photo" src="/images/team/Mayank_opt.jpg" alt = "mayank" ><p></p>
<span id = "personname">Mayank Chopra</span>
</div>
<div class = "person col col-lg-4 row5 raghav">
<img id = "photo" src="/images/team/Raghav_opt.jpg" alt = "Raghav" ><p></p>
<span id = "personname"> Raghav Gandhi</span>
</div>
<div class = "person col col-lg-4 row5 shivani">
<img id = "photo" src="/images/team/shivani_opt.jpg" alt = "shivani" ><p></p>
<span id = "personname">Shivani Dalmia</span>
</div>
</div>
</section>
<section id="gallery">
<div class="container">
<h3 class="gallery">Gallery </h3>