-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
675 lines (611 loc) · 33.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- This Website Has Been Created By Rishit Chaudhary -->
<title>Interface 2.0</title>
<!-- Favicon Image-->
<link rel="icon"
type="image/ico"
href="favicon.ico">
<!-- Link to use Font Awesome CSS for Symbols -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="//twemoji.maxcdn.com/2/twemoji.min.js?2.2"></script>
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono|Roboto+Slab" rel="stylesheet">
<style type="text/css">
body{
font-family: 'Roboto', sans-serif;
}
h1{
font-family: 'Roboto Slab', serif;
}
h2{
font-family: 'Roboto Slab', serif;
}
li{
font-family: 'Roboto Mono', monospace;
}
#heavy{
font-family: 'Roboto Slab', serif;
}
#light{
font-family: 'Roboto Mono', monospace;
}
#medium{
font-family: 'Roboto', sans-serif;
}
#credits{
font-family: 'Roboto Slab', serif;
font-size: 20px;
}
.container .jumbotron {
border-radius: 0px;
}
#special {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 3px;
border-color: #333333;
}
</style>
<style>
#change {
background-color: red;
-webkit-animation-name: example; /* Chrome, Safari, Opera */
-webkit-animation-duration: 12s; /* Chrome, Safari, Opera */
animation-name: example;
color: white;
animation-iteration-count: infinite;
animation-duration: 12s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes example {
0% {background-color: rgb(38,38,38);}
20% {background-color: rgb(171,42,55);}
40% {background-color: rgb(8,67,147);}
60% {background-color: rgb(26,140,112);}
80% {background-color: rgb(232,0,75);}
100% {background-color: rgb(255,200,0);}
}
/* Standard syntax */
@keyframes example {
0% {background-color: rgb(38,38,38);}
20% {background-color: rgb(171,42,55);}
40% {background-color: rgb(8,67,147);}
60% {background-color: rgb(26,140,112);}
80% {background-color: rgb(232,0,75);}
100% {background-color: rgb(255,200,0);}
}
#material{
box-shadow: 10px 10px 9px rgba(0, 0, 0, 0.25), 5px 15px 10px rgba(0, 0, 0, 0.25), 2px 8px 15px rgba(0, 0, 0, 0.35);
}
</style>
</head>
<body style="background-color: rgb(217, 217, 217)"">
<div class="container" style="padding-top: 10px;">
<!-- Jumbotron -->
<div id="material">
<div class="jumbotron" id="change">
<h1>Interface V2.0 <i class="fa fa-rocket" aria-hidden="true"></i></h1>
<p style="font-family: 'Roboto Mono', monospace; padding-top: 9px;">At The Interface Of Pure Awesomeness ! </p>
</div>
</div>
<!-- End Of Jumbotron -->
<!-- NavBar -->
<div id="material">
<nav class="navbar navbar-default navbar-static-top" style="font-size: 18px;padding-top:1px;padding-bottom:1px;">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://khmd.github.io/" target="_blank">
<img alt="KHMD" src="KHMD.png" height="25px" width="25px">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">The Events <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#E1">iQuiz</a></li>
<li><a href="#E2">The Windows Ninja Cat Event </a></li>
<li><a href="#E3">Flash Talks</a></li>
<li><a href="#E4">EDM 101</a></li>
<li><a href="#E5">Gaming Tournament</a></li>
<li><a href="#E6">Game Design</a></li>
<li><a href="#E7">Blogarithm</a></li>
<li><a href="#E8">Think Tank Project Display</a></li>
<li><a href="#E9">Elastic Reality</a></li>
<li><a href="#E10">Sandbox</a></li>
<li><a href="#E11">Curriculum-based Project Display</a></li>
<li><a href="#E12">Project Flex</a></li>
</ul>
</li>
<li><a href="team_members.html">The Team</a></li>
<li><a href="#footer">Follow Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">👦 By Rishit Chaudhary 😎 </a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<!-- End Of Nav Bar-->
<br>
<iframe width="560" align="right" height="315" src="https://www.youtube.com/embed/y8ML13YI8d8" frameborder="0" allowfullscreen id="material"></iframe>
<br>
<center>
<p id="medium" title="INTERFACE V2.0 Introduction Speech !" style="font-size: 21px;text-shadow: 5px 5px 20px black;">
Welcome to INTERFACE, the most phenomenal event of the whole year that celebrates The Hacker, The Maker and The Designer in you ! The year's most awaited, engaging and High-Tech event in which everyone competes</p> <p title="Its Pokemon All Over Again !" id="medium" style="font-size: 21px;text-shadow: 5px 5px 20px black;">"To Become The Very Best" is back ! and this year</p> <p title="Awww Yeah !" id="medium" style="font-size: 21px;text-shadow: 5px 5px 20px black;">we have been updated ! ... to V2.0</p> <p title="The Updates !" id="medium" style="font-size: 21px;text-shadow: 5px 5px 20px black;">and the improvements this year are many, more but extraordinary events, more event capacity, better planning ... but the most important update this year was the one you had </p></center> <p title="The Updates !" align = "left" id="medium" style="font-size: 21px;text-shadow: 5px 5px 20px black;">all been asking ... even demanding for ... More Event Variety !</p>
</p>
</center>
<br>
<center>
<p id="medium" title="It's time to celebrate !" title = "It's Time & We Are Back !" style="font-size: 21px;text-shadow: 5px 5px 20px black;"">
The time has come to celebrate the inner Science & Technology geek in you and INTERFACE V2.0 is the Ground Zero for all things Amazing .... all centered around You Guys !<br>and we invite all of you<br>To Attend and Most importantly Join Us<br>To Accomplish The Impossible & Outdo Ourselves !
</p>
<br>
<p id="heavy" style="font-size: 25px;text-shadow: 5px 5px 20px black;">
KHMD Welcomes You To INTERFACE V2.0 <i class="fa fa-rocket" aria-hidden="true"></i>
</p>
</center>
<div class="page-header">
<h1>An Army Of Events : <small style="font-family: 'Roboto Mono', monospace;"> In All Shapes & Sizes ... That Will Blow You Away !</small></h1>
</div>
<!--**************************************************************************************************************************************************-->
<div class="row">
<div class="col-sm-6 col-md-4" id="E1">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-question-circle-o" aria-hidden="true"></i> iQuiz</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_1.html"><img src="quiz.png" alt="QUIZ LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">Aabharan Hemanth, Aniruddha Mysore &</p>
<p id="heavy"> Anurag Muttur</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">As the tradition goes each year, even this year we have the prestigious, annual technology quiz for the all the quizzards of Kumarans out there.</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-trophy" aria-hidden="true"></i> Its Time To Play The Game ! <i class="fa fa-trophy" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Anyone from classes 8-12</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">
<ul>
<li>Prelims will be held in the 1st week of November.</li>
<li>Finals on Interface.</li>
</ul>
</p>
<br>
<p id="heavy">Any Tips ?</p>
<p id="light">Well ... Be Calm & Read Up As Much As Possible ... and "Expect The Unexpected"</p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">In the Auditorium</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E2">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-grav" aria-hidden="true"></i> The Windows <i class="fa fa-windows" aria-hidden="true"></i> Ninja Cat Event </h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_2.html"><img src="ninjacat.png" alt="WINDOWS NINJA CAT LOGO" class="img-responsive" style="background-color:black;"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Host :</h3>
<center><p id="heavy">Rishit Chaudhary</p></center>
<!--<p id="heavy"></p></center>-->
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">
Ever wanted to be a great coder and acheive your Creator dream? Ever heard of the names Windows Dream Spark Project, Gituhub Education, Autodesk Student, StackExchange or Google Summer Of Code...? Some of you may have, but this event tells you about such great services that these Silicon Valley Giants offer exclusively to students like us to get the full reference of every alley in the internet you need to know about and how to make of most of them ! And if you're wondering about the Ninja Cat Logo, it is a cool symbol for <a href="https://blogs.msdn.microsoft.com/oldnewthing/20160804-00/?p=94025" target="_blank">developers at Microsoft</a> or to put it quite simply ...
</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-internet-explorer" aria-hidden="true"></i>
<a href = "http://sharpwriter.deviantart.com/art/Welcome-to-the-Internet-Please-Follow-me-322248378" target="_blank">"Welcome To the Internet !"</a> <i class="fa fa-globe" aria-hidden="true"></i>
</p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Anyone who wants to excel at coding</p>
<br>
<p id="heavy">Where is The Event ?</p>
<p id="light">New HP Lab, High School Block</p>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E3">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-microphone" aria-hidden="true"></i> Flash Talks</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_3.html"><img src="stage.jpg" alt="STAGE" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">KHMD Members</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">"Dynamites come in small packages" - These talks prove just that. They pack loads of inspiration on hot topics in not more than 25 minutes. </p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-female" aria-hidden="true"></i> Everyone's Invited <i class="fa fa-male" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Attend ?</p>
<p id="light">Anyone</p>
<br>
<p id="heavy">What talks are there this year ?</p>
<p id="light">
<ul>
<li>How Messaging Works- Suraj R</li>
<li>Hacking- Part 2- Harish Gumnur</li>
</ul>
</p>
<br>
<p id="heavy">How long is each talk ?</p>
<p id="light">Each talk is not more than 25 minutes long...hey that's less than the average pizza delivery time!</p>
<p id="heavy">Where's The Event ?</p>
<p id="light">Dell Lab, High School Block</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--**************************************************************************************************************************************************-->
<!--**************************************************************************************************************************************************-->
<div class="row">
<div class="col-sm-6 col-md-4" id="E4">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-music" aria-hidden="true"></i> EDM 101</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_4.html"><img src="edm.jpg" alt="EDM LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">
Richik Ghosh, Bhavanthi Krishnan, Prabhav Pandey, Kishan K</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">Skrillex, Martin Garrix, David Guetta, Hardwell....Ever wanted to make crazy EDM like them? Come to this 20 minute talk + demo that'll tell you everything you need to know about EDM and get you started with making them.</p>
<br>
<b><p id="light" style="font-size: 17px;"><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> Club Life At Interface <i class="fa fa-music" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Anyone</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">TBA</p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">In the Auditorium</p>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E5">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<center> <h3 class="panel-title"><b><h1> Gaming <i class="fa fa-gamepad" aria-hidden="true"></i> Tournament</h1></b></h3></center>
</div>
<div class="panel-body">
<a href="joke_5.html"><img src="gaming.jpg" alt="GAMING LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">Aaryan Shah, Arjun Ravoori, Harish G</p></center>
<!--<p id="heavy"></p></center>-->
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">Show off your gaming supremacy in a tournament-styled event and battle against other gamers to fight for supremacy !</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> Lights .. Camera .. Action <i class="fa fa-video-camera" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Anyone from classes 8-10, but unfortunately for most of you, registrations have filled up already!</p>
<br>
<p id="heavy">When is The Event ? </p>
<p id="light">9 AM - 11 AM</p>
<br>
<p id="heavy">What Are The Games This Year ?</p>
<p id="light">This year we have FIFA for you guys to enjoy playing!</p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">Yoga Room, High School Block</p>
<br>
<!--<p align = "right"><a href="#" class="btn btn-success btn-lg btn-block" role="button">Join <i class="fa fa-sign-in" aria-hidden="true"></i></a></p>-->
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E6">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Game Design</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_6.html"><img src="games.jpg" alt="GAMES LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">Ish Bosamiya</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">
Get ready to have your mind blown away as Ish designs mind-boggling graphics for games right in front of your eyes. If you ever wanted to know how AAA games like Battlefield 1, Project CARS or Call Of Duty are designed, then this is your one stop shop for all things game design.</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-gamepad" aria-hidden="true"></i> Gamers Victorious <i class="fa fa-hand-peace-o" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Attend ?</p>
<p id="light">Anyone</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">TBA</p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">In The Auditorium</p>
<br>
<p id="heavy">Is This Event A Talk Or A Hands On Workshop ?</p>
<p id="light">This Event is a talk and all major workshops are being held at a later date after Interface 2.0.</p>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
<!--**************************************************************************************************************************************************-->
<!--**************************************************************************************************************************************************-->
<div class="row">
<div class="col-sm-6 col-md-4" id="E7">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-bolt" aria-hidden="true"></i> Blogarithm</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_7.html"><img src="blogging.png" alt="BLOG LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Host :</h3>
<center><p id="heavy">Ananya Upadhya</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">Show off your writing skills and make a Blog on a tech topic. This will be an online competition. Registrations are nearly over but you can send a quick mail to [email protected] if you want to participate!</p>
<br>
</center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Anyone from classes 8-10</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">The event will be held online. The blogs have to be sent to [email protected] by 2359:59 on 4th Novemeber!</p>
<br>
<p id="heavy">What are the Topics ?</p>
<p id="light">
<ul>
<li>Design: Is God in the Details?</li>
<li>The Man, the Myth, the Legend: A Definitive Ranking of Elon Musk's Projects</li>
<li>More than a Search Engine: Google Inc.</li>
<li>A Lamp, a Lifeboat, a Ladder: What would've been Rumi's advice to post-Jobs Appl? (Our Personal Favourite) </li>
</ul>
</p>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E8">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1>Think Tank <i class="fa fa-university" aria-hidden="true"></i> Project Display</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_8.html"><img src="thinktank.png" alt="THINK TANK LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">Suraj R, Shyam Sridhar</p></center>
<!--<p id="heavy"></p></center>-->
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">
From sanitation to poverty to increasing productivity and living conditions, nearly all problems can be solved using technology. Come witness projects that aim to do just this. This Event is Conducted in partnership with Reap Benefit and UNEP's Youth Programme.</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-cogs" aria-hidden="true"></i> My Idea To Change The World Is .... <i class="fa fa-video-camera" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">When's The Event ?</p>
<p id="light">It is a continuous display on Interface. </p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">Projects will be displayed around the campus. Look out for stalls that say "Think Tank"!</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E9">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-camera-retro" aria-hidden="true"></i> Elastic Reality</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_9.html"><img src="studio.jpg" alt="STUDIO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Host :</h3>
<center><p id="heavy">Rohan Ramabhadran</p></center>
<!--<p id="heavy"></p></center>-->
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">Come and amaze us all by making a mind-blowing video on a given topic in teams of three. Participants have to bring their own laptops and cameras. All slots are filled already!</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> Lights .. Camera .. Action <i class="fa fa-video-camera" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Anyone from classes 8-10, but all the slots are filled already!</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">The contest will be conducted on 4th and 5th November.</p>
<br>
<p id="heavy">Any Restrictions On What I Can Use ?</p>
<p id="light">Nope, teams are free to use any tools they want, but they are solely responsible for their tools.</p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">Filming will happen around the campus. The participants have to edit their videos in the Computer Theory Room, High School.</p>
<br>
<p id="heavy">Can We Go Anywhere To Record For The Event ?</p>
<p id="light">Yes, but there will be some restrictions that will be announced soon.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--**************************************************************************************************************************************************-->
<!--**************************************************************************************************************************************************-->
<div class="row">
<div class="col-sm-6 col-md-4" id="E10">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-sign-language" aria-hidden="true"></i> Sandbox</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_10.html"><img src="sandbox.png" alt="SANDBOX LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">Aman Vernekar, Suraj R</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center>
<p id="light">
Mind-blowing projects by KHMD members displayed around the campus. </p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-video-camera" aria-hidden="true"></i> The Best Place To Show Off Your Individual Talent ! <i class="fa fa-users" aria-hidden="true"></i>
</p></b>
</center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Participate ?</p>
<p id="light">Any one from classes 8-12</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">This is a continuous display on Interface.</p>
<br>
<p id="heavy">Can We Show Any Of Our Projects ... Any Project ?</p>
<p id="light">Yes, anything that shows your talent is welcomed. <i class="fa fa-thumbs-up" aria-hidden="true"></i> !</p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">The projects will be displayed around the school.</p>
<br>
<p align = "right"><a href="https://khmdskch.typeform.com/to/spcLmZ" class="btn btn-success btn-lg btn-block" role="button">Submit your project! <i class="fa fa-sign-in" aria-hidden="true"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E11">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-desktop" aria-hidden="true"></i> Curriculum-based Project display</h1></b></center></h3>
</div>
<div class="panel-body">
<a href="joke_11.html"><img src="project.png" alt="PROJECT LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">Anonymous</p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">
The annual project display based on software taught in school, but with a twist. This time it's a competition and the judge could be anyone in the audience! Best 12 projects from each grade will be chosen by the teachers. Corel Draw for 8th, Photoshop for 9th and Flash for 10th.
</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-users" aria-hidden="true"></i> Let The Best Class Win <i class="fa fa-flag-checkered" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Can Attend ?</p>
<p id="light">Anyone ... but only students selected form Classes 8th, 9th and 10th, can participate.</p>
<br>
<p id="heavy">When's The Event ?</p>
<p id="light">9-12 on Interface</p>
<br>
<p id="heavy">What Can The Participants Gain ?</p>
<p id="light">Pure Bragging Rights <i class="fa fa-hand-peace-o" aria-hidden="true"></i></p>
<br>
<p id="heavy">Where's The Event ?</p>
<p id="light">High School Computer Lab</p>
<br>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4" id="E12">
<div id="material">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><center><b><h1><i class="fa fa-hand-paper-o" aria-hidden="true"></i> Finger <i class="fa fa-hand-spock-o" aria-hidden="true"></i>Flexibility Project (Troll Edition) </h1></b></center></h3>
</div>
<div class="panel-body">
<a href="troll.html"><img src="troll_101.jpg" alt="YOU HAVE BEEN TROLLED LOGO" class="img-responsive"></a>
<div class="caption">
<h3 id="heavy"><i class="fa fa-users" aria-hidden="true"></i> Hosts :</h3>
<center><p id="heavy">The Thing That Should Not Be <i class="fa fa-reddit-alien" aria-hidden="true"></i></p></center>
<b><h3 id="heavy"><i class="fa fa-info-circle" aria-hidden="true"></i> Event Description :</h3></b>
<center><p id="light">Rap Battle Finals Winner's Song :- (Sing Slowly with Gangsta Tone)<br>
"As I walk through the valley of the shadow of keys, I look back at the time and realise that its all broke, but I have been typing so hard and so long that, even my friends think that my jokes are lame, and I have never ruined a joke that didn't deserve it ..." and then I passed out. <br>
But then when I woke up (credits to "The Thing That Should Not Be"), I realised that finger flexing was the answer to all our typing and instrument playing issues and so at this event we teach you how to make your fingers move in angles and speeds you never thought were possible before ! also meet Flex masters from Google, Apple and not to mention Samsung's Note 7 team ... well their finger flexing is the best, you now why.
</p>
<br>
<b><p id="light" style="font-size: 17px;"><i class="fa fa-users" aria-hidden="true"></i> Let The Best Class Win <i class="fa fa-flag-checkered" aria-hidden="true"></i></p></b></center>
<b><h3 id="heavy"><i class="fa fa-question-circle-o" aria-hidden="true"></i> FAQ :</h3></b>
<p id="heavy">Who Sang This ?</p>
<p id="light">The thing that should not have been.</p>
<br>
<p id="heavy">What Can The Participants Gain ?</p>
<p id="light">Popsicle sticks and POP tape for their fingers that could poteintially break or if everyhting works out fine ... then Alien like capabilities.</p>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
<!--**************************************************************************************************************************************************-->
<hr id="special">
<section id = "footer">
<p id="credits" align="left">Created By Rishit Chaudhary.
<a href="www.facebook.com/khmdc"><img src="fb.png" align = "right" height="25" width="25" /></a>
<a href="https://plus.google.com/communities/115383468547937742588"><img src="g+.jpg" align = "right" height="25" width="25"/></a>
<a href="mailto: [email protected]"><img src="mail.png" align = "right" height="25" width="25" /></a>
<a href="https://www.youtube.com/channel/UChlcCdja2m62reD_m7Rsd1g"><img src="utube.jpg" align = "right" height="25" width="25"/></a>
<a href="kumaranhmd.blogspot.com"><img src="blogger.jpg" align = "right" height="25" width="25"/></a></p>
</section>
</div> <!-- End Of Container -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>