-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathevents.html
681 lines (602 loc) · 32.4 KB
/
events.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
<html lang="en">
<head>
<title>Outreach Cell, IITK</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- JS Jquey -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"
></script>
<!-- Bootstrap CSS link added from w3schools -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/css/ionicons.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- <link rel="stylesheet" href="assets/css/font_awesome.css"> -->
<link rel="stylesheet" href="assets/css/sum_animate_owl.css" />
<link rel="stylesheet" href="assets/css/styleteam.css" />
<link rel="stylesheet" href="assets/css/custom_css.css" />
<link rel="stylesheet" href="assets/css/events.css" />
</head>
<body>
<!-- Header Start -->
<nav class="
navbar navbar-expand-lg navbar-dark
ftco_navbar
bg-dark
ftco-navbar-light
" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">
<div class="brand-logo brand-logo-white">
<img src="assets/img/logos/logo-white.png" alt="Outreach Cell Logo">
</div>
<div class="brand-logo brand-logo-blue">
<img src="assets/img/logos/logo-blue.png" alt="Outreach Cell Logo">
</div>
<div class="brand-text">
Outreach Cell <span><small>IIT</small> Kanpur</span>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav"
aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="index.html" class="nav-link">About Us</a>
</li>
<li class="nav-item active">
<a href="events.html" class="nav-link">Events</a>
</li>
<li class="nav-item">
<a href="team.html" class="nav-link">Team</a>
</li>
<li class="nav-item">
<a href="initiatives.html" class="nav-link">Gallery</a>
</li>
<li class="nav-item">
<a href="https://www.quora.com/q/thatsiitk" class="nav-link">Blogs</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Header ends-->
<section class="sec">
<h1 class="sec1">Events</h1>
</section>
<section>
<div class="container card-container">
<div class="row">
<!--Card-->
<div class="wrapper col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Legacy Hunt</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Legacy Hunt</h2>
<p>An online cryptic puzzles competition aimed to let students know about our esteemed alums</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Legacy-Hunt" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Legacy-Hunt">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Legacy Hunt</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
The Outreach Cell, along with the SnT council, conducts a Legacy Hunt every year. It’s an online cryptic puzzles competition aimed to let students know about our esteemed alums. In Legacy Hunt, we have to find the alum based on some very eccentric and cunningly created clues. The questions are based on the work, achievements, and lives of some of our distinguished and well-known alumni. Open challenge to all to solve them!!!
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">
See Gallery
</button>
</div>
</div>
</div>
</div>
<!--Card-->
<div class="wrapper col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Legacy Weekend</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Legacy Weekend</h2>
<p>Legacy Weekend is Outreach Cell’s flagship event organized annually</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Legacy-weekend" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Legacy-weekend">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Legacy Weekend</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
Legacy Weekend is Outreach Cell’s flagship event organized annually. In Legacy Weekend, students and alumni come together for a weekend to celebrate the IITK Legacy of which they are a part. Legacy Weekend commences with the launch of the Alumni Buddy Program and consists of several competitions and student-alumni interaction sessions. Its main aim is to strengthen alumni-student bonding.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
<!--Card-->
<div class="wrapper col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Tips From the Top</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Tips From the Top</h2>
<p>A series of talks by prominent alumni of IIT Kanpur pioneering in their respective fields</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Tips" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Tips">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Tips From the Top</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
A series of talks by prominent alumni of IIT Kanpur pioneering in their respective fields where students have a wonderful opportunity to have one-on-one interactions with them and gain further insights into various career paths.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!--Card-->
<div class="wrapper col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Convocation</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Convocation</h2>
<p>The graduating batch of students is given a final token of goodbye and best wishes in the form of their own fond memories</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Convocation" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Convocation">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Convocation</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
One of the most memorable days of a student's life, the convocation day is incomplete without good planning and arrangements tucked in place. The Outreach Cell ensures that the students revisit their best college experiences with fun photo booths and memory walls. The graduating batch of students is given a final token of goodbye and best wishes in the form of their own fond memories. This year, Outreach Cell tried to revive their college life through ‘Batch Snaps’, memories that might make you cry with a wide smile on your face.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
<!--Card-->
<div class="wrapper col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Alumni Reunions</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Alumni Reunions</h2>
<p>Alumni of IITK reconnect with their classmates and friends back in the place where it all began</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Alumni-Reunions" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Alumni-Reunions">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Alumni Reunions</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
Organized under the guidance of DORA, Alumni Reunions are one of the most profound events of the year. The alumni are invited back to the campus where they reconnect with their old friends and cherish memories of their time at IITK. They also take part in several fun activities and connect with students.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
<!--Card-->
<div class="wrapper col">
<div class="card">
<div class="card-body">
<h3 class="card-title">Chapter Meets</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Chapter Meets</h2>
<p>Alums who graduated from all-time since our college started come together to celebrate being part of IITK</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Chapter-Meets" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Chapter-Meets">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Chapter Meets</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
These are 2-3 day alumni meets held across the world at various places. It includes informal chat sessions, heart-warming scenes of old classmates, seniors and juniors, sharing their journeys, re-living the past and in many cases, plotting the future. These meets include speeches from alumni, games, music, dance, and other sessions organised and managed by volunteering alums. Moreover, these glamorous meets are held in some magnificent locations that add to the splendour of the meet. Who knows, when you pass out and go to such a meet, you may get to meet Narayan Murthy in person!!!
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<h1 class="sec1">Initiatives</h1>
</section>
<section>
<div class="container card-container">
<div class="row">
<!--Card-->
<div class="wrapper col-12 col-md">
<div class="card">
<div class="card-body">
<h3 class="card-title">Institute Yearbook</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Institute Yearbook</h2>
<p>Preserve and cherish the beautiful memories which you made with your peers with the Institute Yearbook</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Institute-Yearbook" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Institute-Yearbook">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Institute Yearbook</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
As someone rightly said, “Memories are timeless treasures of the heart!” Some of the best memories one makes are in their college life. Let’s immortalize those memories via the Institute Yearbook! The Institute Yearbook was initiated to preserve and cherish those beautiful memories which you made with your peers! In collaboration with the Presidents’ Office, the Outreach Cell has created the Institute Yearbook exclusively for the passing batch every year.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
<!--Card-->
<div class="wrapper col-12 col-md">
<div class="card reduce-card-margin" style="padding-top: 0.5rem">
<div class="card-body">
<h3 class="card-title">Alumni Startup Internship Program</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Alumni Startup Internship Program</h2>
<p>Opportunity to practice academic expertise in real-life problems</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Alumni-SIP" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Alumni-SIP">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Alumni Startup Internship Program</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
Ever got bored of cramming stuff for exams and never getting to apply things you have learnt? So relax! Alumni Startup Internship Program provides students with the opportunity to apply their academic expertise in real-life problems. A chance to build upon and flex your skills. Alums provide problems of various industries and you have to apply your knowledge skillfully to decipher them.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
<!--Card-->
<div class="wrapper col-12 col-md">
<div class="card">
<div class="card-body">
<h3 class="card-title">Mock-en-Joy</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Mock-en-Joy</h2>
<p>Mock-en-Joy is a mock interview series organised in association with experienced alumni of IITK</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Mock-en-Joy" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Mock-en-Joy">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Mock-en-Joy</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
One of the most insightful events of the Outreach Cell, Mock-en-Joy is a mock interview series organised in association with the most experienced alumni of IITK. Students struggle with serious confusion and nervousness when it comes to their internship and placement interviews. Mock-en-Joy aims to help you fight back your fear of a head on conversation by providing you a hands-on experience of what the real interview environment looks like. The alumni assigned to each student guides them on various itty-bitty aspects of what makes a good interview impression through a virtual "mock" interview. You can also learn about the personal work journeys of the alumni and expand your career approach. So bid your goodbyes to the interview-phobia and sign up for some real joy with Mock-en Joy.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!--Card-->
<div class="wrapper col-12 col-md">
<div class="card reduce-card-margin">
<div class="card-body">
<h3 class="card-title">Alumni Buddy Program</h3>
<img src = "assets/img/gallery/C.jpg">
<div class="info">
<h2>Alumni Buddy Program</h2>
<p>Students are assigned an alumnus as their mentor to assist them in any matter</p>
<a href="#" class="btn btn-primary stretched-link" data-target="#Alumni-Buddy" data-toggle="modal">See Details</a>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="Alumni-Buddy">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Alumni Buddy Program</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="https://northeastchamber.org/wp-content/uploads/2021/06/fireworks.jpeg" alt="Fireworks">
<div class="event-desc">
A good path becomes great under the right guidance. How often do you think that you would have made a better decision for yourself if you had someone to discuss the possibilities of different outcomes with. When your career is at stake, don't let the confusion get ahead of you. Alumni Buddy has your back. Every interested student is assigned an alumnus as their mentor who would connect with the student and assist them in any matter they might get fixed on. A bright chance to connect with your seniors and learn from the best. What's better than having your own career godfather/godmother by your side when it's time to make some really hard, path defining decisions.
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" onclick="location.href='http://www.google.com'">See Gallery</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="ftco-footer" id = "contact">
<div class="container">
<div class="row mb-5 justify-content-between">
<div class="col-sm-12 col-lg-4" id="footer-left">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2 mb-4 logo">
<a href="#">Outreach Cell, IITK</a>
</h2>
<!-- <p class="mb-4"></p> -->
<!-- outreach cell icon -->
<img src="assets/img/logos/logo-white.png">
</div>
</div>
<div class="col-sm-12 col-lg-5">
<!-- Social Media Handles -->
<h2 class="ftco-heading-2 mb-4">Stay Connected</h2>
<ul class="ftco-footer-social list-unstyled mt-2">
<li class="ftco-animate">
<a href="#"><span class="fa fa-twitter"></span></a>
</li>
<li class="ftco-animate">
<a href="#"><span class="fa fa-facebook"></span></a>
</li>
<li class="ftco-animate">
<a href="#"><span class="fa fa-instagram"></span></a>
</li>
<li class="ftco-animate">
<a href="#"><span class="fa fa-linkedin"></span></a>
</li>
<li class="ftco-animate">
<a href="#"><span class="fa fa-quora"></span></a>
</li>
</ul>
<h2 class="ftco-heading-2 mb-4">Navigation</h2>
<div class="row">
<div class="col-md-6">
<div class="ftco-footer-widget">
<ul class="list-unstyled">
<li><a href="index.html">Home</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="events.html">Initiatives</a></li>
<li><a href="https://www.quora.com/q/thatsiitk">Blog</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="ftco-footer-widget">
<ul class="list-unstyled">
<li><a href="#">Gallery</a></li>
<li><a href="http://iitk.ac.in">IITK HomePage</a></li>
<li><a href="https://www.iitk.ac.in/futurestudents/">Future Students</a></li>
<li><a href="#">Contact</a></li>
<!-- <li><a href="#">Privacy</a></li> -->
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2 mb-4">Reach Us!</h2>
<div class="block-23 mb-3">
<ul>
<!-- <li><span class="icon fa fa-map marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li> -->
<li>
<a href="#"
><span class="icon fa fa-phone"></span
><span class="text">+91 ----------</span></a
>
</li>
<li>
<a href="#"
><span class="icon fa fa-paper-plane pr-4"></span
><span class="text"
><span class="__cf_email__"
>outreach@iitk.ac.in</span
></span
></a
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid px-0 py-5 bg-black">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0">
Copyright ©
<script
data-cfasync="false"
src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"
></script>
<script>
document.write(new Date().getFullYear());
</script>
All rights reserved
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer ends -->
</body>
</html>