-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
875 lines (872 loc) · 60.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>IISER Mohali</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/img/logos/logo.png" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/logos/iiser.png" style="width: 6cm;height: 1.65cm;" alt="..." /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ms-1"></i>
</button>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Welcome To IISER Mohali!</div>
<div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
<!-- <a class="btn btn-primary btn-xl text-uppercase" href="https://drive.google.com/file/d/1912h7ctKFumYLMhCliuQTA-ym0S2lemT/view?usp=sharing" target="_blank">Everyhing you kneed to know about</a> -->
</div>
</header>
<!-- Clubs Grid-->
<section class="page-section bg-light" id="clubs">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Clubs</h2>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 1-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club1">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c1.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Curie Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 2-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club2">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c2.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Phi@I</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 3-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club3">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c3.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Biology Discussion Forum</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 4-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club4">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c4.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Infinity Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 5-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club5">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c5.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Astronomy Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 6-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club6">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c6.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Turing Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 7-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club7">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c7.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Robotics Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 8-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club8">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c8.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Prayatna Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 9-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club9">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c9.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">DarpaN Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 10-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club10">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c10.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Innovation and Entreprenuership Cell</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 11-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club11">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c11.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Aria</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 12-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club12">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c12.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Itehad</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 13-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club13">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c13.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Rang</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 14-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club14">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c14.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">IMQC</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 15-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club15">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c15.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Movie Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 16-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club16">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c16.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Lumière Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 17-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club17">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c17.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Adventure and Sports Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 18-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club18">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c18.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Ambiente</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 19-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club19">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c19.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">Gaming Club</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Club Number 20-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#club20">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/clubs/c20.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">LDS</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 text-lg-start">Copyright © Bootstrap</div>
<div class="col-lg-4 text-lg-end">
<a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
<a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
</div>
</div>
</div>
</footer>
<!-- Clubs Pop Up-->
<!-- Club 1 popup-->
<div class="portfolio-modal modal fade" id="club1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Chemistry Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c1.jpg" alt="..." />
<p>Curie Club was established in 2011, the International Year of Chemistry, a fitting year for the club. It has worked towards disseminating ideas and encouraging discussions in the field of chemistry. Emphasis is placed equally on all the branches. It conducts talks, quizzes, games and several other events. It's flagship event is the Chem Week.</p>
<p> <a href="https://chat.whatsapp.com/C5kZUryUkANBLT6yxs3cha"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 2 popup-->
<div class="portfolio-modal modal fade" id="club2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Physics Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c2.jpg" alt="..." />
<p>Phi@I is the physics club of IISER Mohali. It organises academic as well as non academic events related to anything physics. It consists of physics enthusiasts who are always up for late night walk and talks and beginners who just love to explore the world of physics. Phi@I organises talks from faculty, students and guest speakers on a plethora of topics. Its flagship event is the Schrodinger's Week which consists of a week long catalogue of events such as treasure hunt and hackathon.</p>
<p> <a href="https://chat.whatsapp.com/GFPIPKxGntLKH4ZAjdJtbV"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 3 popup-->
<div class="portfolio-modal modal fade" id="club3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Biology Discussion Forum</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c3.jpg" alt="..." />
<p>IISER Mohali has one of the best biology departments of the nation. Biology Discussion Forum represents the student community interested in anything and everything biology. It regularly organises talks on numerous topics. It's flagship event is the Darwin Week which consists of events like the biology hackathon and poster competition.</p>
<p> <a href="https://chat.whatsapp.com/J0qpk2Jwf8ACazqyZa87QK"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 4 popup-->
<div class="portfolio-modal modal fade" id="club4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Infinity</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c4.jpg" alt="..." />
<p>Infinity is the mathematics club of the institute. It allows interested students to explore mathematics beyond the course curriculum. The club organises talks, problem solving sessions and mathematics competitions. It's highlight of the year is Infinity Week where a large number of events are organised for dedicated enthusiasts and also for people looking for some casual fun.</p>
<p> <a href="https://chat.whatsapp.com/HOppZbTBYAtE2dYiZaarnj"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 5 popup-->
<div class="portfolio-modal modal fade" id="club5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Astronomy Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c5.jpg" alt="..." />
<p>The Astronomy Club (in search of a better name for 3-4 years now) is one of the most active clubs. It organises everything space related from star gazing sessions to meteor showers to astro photography. It also holds talks and events on cosmology, radiotelescopy and computational astrophysics.</p>
<p> <a href="https://discord.gg/Kqc3khH5"> Click here </a> to join the Discord Server</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 6 popup-->
<div class="portfolio-modal modal fade" id="club6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Turing Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c6.jpg" alt="..." />
<p>Turing Club is the coding and computation club of IISER Mohali. Even though there's no dedicated CS department in IISER Mohali, there are still alot of people who are interested in algorithms, ML and other fields of computation. We hold hackathons in almost every field of science in collab with other clubs and also help organize the computation side of their events. If any of that's your jam, you'd fit right in.</p>
<p> <a href="https://chat.whatsapp.com/CJCaj6Msdmk6YkfJyGJ80H"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 7 popup-->
<div class="portfolio-modal modal fade" id="club7" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Robotics Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c7.jpg" alt="..." />
<p>Robotics Club is exactly what it sounds like, a club for robots and robot enthusiasts. Where people build drones, Bluetooth controlled cars, home automatons, and also crash them. If you love machines and robots, you'll love it here.</p>
<p> <a href="https://chat.whatsapp.com/CbcxsN4uSUlA7hXO1RraN3"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 8 popup-->
<div class="portfolio-modal modal fade" id="club8" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Prayatna Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c8.jpg" alt="..." />
<p>Prayatna started as a small group of people who wanted to do something for the upliftment of the community. It has now reached more than 100 people in IISER. With the help of such support, it has been able to undertake many activities such as clothes donations and books donations. It also collected 17000 rupees for the cyclone-hit Odisha. Prayatna has reached out and worked with Free Fragrance Tuition which is a free tuition program aimed at teaching underprivileged kids.</p>
<p> <a href="https://chat.whatsapp.com/CbcxsN4uSUlA7hXO1RraN3"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 9 popup-->
<div class="portfolio-modal modal fade" id="club9" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">DarpaN Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c9.jpg" alt="..." />
<p>DarpaN is the dramatics club of IISER. It holds many plays round the year and holds numerous workshops on not just acting but everything from directing, light and sound, prop design costume design, and script writing in collab with other clubs. Their sessions take place at the LHC foyer area late night after dinner. If you are interested in theatre or just want to have a bit of fun, do check it out.</p>
<p> <a href="https://https://chat.whatsapp.com/CbcxsN4uSUlA7hXO1RraN3.whatsapp.com/E0fkSA55ojh94fKsIPq8cv"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 10 popup-->
<div class="portfolio-modal modal fade" id="club10" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Innovation and Entreprenuership Cell</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c10.jpg " alt="..." />
<p>If you want to build a startup, have multi-million dollar idea, or think you can solve a problem in a unique way that will sell, you will be right at home in IEC. Innovation and Entrepreneurship Cell of IISER-M is the home to all the crazy and not so crazy startup ideas and business innovations. It holds workshops, works on new ideas, and actually helps you build your startup if you are up for it. This is the place where you'll find partners, investors and mentors.</p>
<p> <a href="https://chat.whatsapp.com/JyXB0cUsxHRKAVjWsDo1hi"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 11 popup-->
<div class="portfolio-modal modal fade" id="club11" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Aria</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c11.jpg" alt="..." />
<p>Aria is the music club of IISER. If you enjoy music, just to listen or to sing and play, find them in the music room, or jamming in the H5 study room late at night.
<p> <a href="https://chat.whatsapp.com/Ee4MGSKmDHt0hBI2b6ASFC"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 12 popup-->
<div class="portfolio-modal modal fade" id="club12" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Itehad</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c12.jpg" alt="..." />
<p>Itehad - In IISER-M, we don't have one dance club, we have three- <br> <br> Aashke - Learn and get immersed in the taste of Punjab. Aashke is the institutes Bhangra group. If you would like to take away a piece of Punjab with you, join them. <br> <br> Malhar - Malhar showcases the sangam of India's rich cultural heritage, be it Bharatnatyam, Kathak or Bihu. <br> <br> Rhythmic Furie - If you just want to shake a few legs to some fun pop beats, Rhythmic Furie is your destination.</p>
<p> <a href="https://chat.whatsapp.com/HuunGD7pS6c0RPob5gAqNX"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 13 popup-->
<div class="portfolio-modal modal fade" id="club13" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Rang</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c13.jpg" alt="..." />
<p>Rang is the art club of IISER Mohali. It holds numerous events throughout the year such as face painting, landscape sketching, doodling, origami, quilling, etc. Rang is also incharge of prop design, festive decorations, and costume design. Rang is buzzing with activities for all interested artists, professional or amateur.</p>
<p> <a href="https://chat.whatsapp.com/E2RT5AKPFhWFArhHLZgINQ"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 14 popup-->
<div class="portfolio-modal modal fade" id="club14" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">IMQC</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c14.jpg" alt="..." />
<p>IMQC is the IISER Mohali Quiz Club, quite literally. As you can guess, it's anything and everything quizzing. You can find them holding biweekly quizzes open for everyone, on numerous topics such as general quizzes, themed quizzes, or business quizzes. If you love quizzing, whether participating, hosting or creating, you are welcome here.</p>
<p> <a href="https://chat.whatsapp.com/DZxcPq2wgNHIoHlqASioWY"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 15 popup-->
<div class="portfolio-modal modal fade" id="club15" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Movie Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c15.jpg" alt="..." />
<p>Movie Club is a relatively new club but one that I'm sure alot of people are grateful for. Every Friday a movie is screened in the LHC open for everyone, and a discussion is held after that. Even if you don't want to dissect the art of cinema, movies are fun to watch. So come find us.</p>
<p> <a href="https://chat.whatsapp.com/KtwfBxkDB1k1BIhoh1rUqB"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 16 popup-->
<div class="portfolio-modal modal fade" id="club16" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Lumière</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c16.jpg" alt="..." />
<p>Lumière is the photography and videography club of IISER-M. Here you'll teach to others as much as you'll learn from them, and discover the art of capturing together. Lumière is incharge of capturing all the important events on campus. They organize many of their own events apart from capturing for other clubs, such as nature walk, where they walk around the campus capturing photos to post and enjoy. Lumière also organises workshops on editing and handling different softwares such as Lightroom, Photoshop, Premier Pro, Da Vinci Resolve etc. Whether you're an avid photographer, a professional videographer, or just getting into both of them, you'll find your place here.</p>
<p> <a href="https://chat.whatsapp.com/GOEZaGfNkCcLmjLJzieniv"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 17 popup-->
<div class="portfolio-modal modal fade" id="club17" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Adventure and Sports Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c17.jpg" alt="..." />
<p>ASC or Adventure and Sports Club is the club you're looking for if you want to awaken your inner explorer! As the name suggests, the adventure and sports club is among the most outdoorsy clubs of IISER Mohali. The club activities range from cycling to treks in Uttrakhand. Last year, the club had a cyclic trip to leisure valley where they had a photography competition in collaboration with Lumiere, a two-day trek to Grahan, Parvati valley, and a snow trek to nag Tibba in Uttrakhand where students stayed in tents and cooked their own food! And that's just the beginning! ASC is known for organizing various camping workshops and an obstacle course. During our college festival, Insomnia, ASC hosts sports like capture the flag and even street football. So if wanderlust and adventure is your cup of tea, join ASC!</p>
<p> <a href="https://chat.whatsapp.com/E0fkSA55ojh94fKsIPq8cv"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 18 popup-->
<div class="portfolio-modal modal fade" id="club18" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Ambiente</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c18.jpg" alt="..." />
<p>Ambiente, the environment club @ IISER Mohali, is a group of energetic, nature-loving students, faculty, and staff members who enjoy being outdoors, believe in strict action for preventing climate change, and like their coffee in reusable mugs! The club is mentored by the earth and environmental science department (EES) of IISERM and organizes relevant talks, campaigns, events, and many other green initiatives. Annual favorites are the Nature and Bird walks, tree planting through the pristine IISER campus and the Environment Week held in January. The club has been actively trying to motivate minimum plastic and non-biodegradable consumption on campus through activism and lobbying and has covered significant ground in the direction. Plans in the pipeline include tree adoption and planned plantation to further increase campus grounds' green diversity.</p>
<p> <a href="https://chat.whatsapp.com/L6UpXusxFxREamnismkLt1"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 19 popup-->
<div class="portfolio-modal modal fade" id="club19" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Gaming Club</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c19.jpg" alt="..." />
<p>"Wake the hell up samurai..we've got a semester to burn!"
Join Gaming Club to enjoy days and nights of endless competition and fun.
One of the most active clubs, the Gaming Club is a melting pot of RPG and FPS fans.
All are welcome. Our rapidly swelling ranks include newbies and veterans alike.
Here you will find yourself engaged in both tourneys that push you to the brink and late night discussions/rants on the newest video game trends.</p>
<p> <a href="https://chat.whatsapp.com/CC2yCzXZbijATAqko1rQX9"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Club 20 popup-->
<div class="portfolio-modal modal fade" id="club20" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/logos/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Literary and Debating Society</h2>
<p class="item-intro text-muted"> </p>
<img class="img-fluid d-block mx-auto" src="assets/img/clubs/c20.jpg" alt="..." />
<p>To you, who finishes that last chapter in the dark even if it takes reading by the flashlight. To you, who weaves poetry through the words that echo long after you have left them unsaid. To you, who sits by the bonfire and always has a story to tell. Now that you've received the letter (alas, not Hogwarts'), jump aboard the ride, with all your untouched notebooks and stories, half rhymed poems and prose, as we welcome you to the Literary side of the LDS Club.
If you'd venture out on this little adventure, you'll find a student library, where books would sail you through the Middle Earth and let you visit Camp Half-Blood. Here awaits coffee with a little circle of people at Poetry Nights, sharing bits and pieces of the verses we love, with no bounds of language. <br> <br> On the Debating Side, we host debates on various thought-provoking and current topics affecting the world around us. Our debating styles range from parliamentary debates to turncoat debates. LDS also hosts various events like JAM(Just a Minute), Black-out Poetry and Murder Mystery (a hallmark event of the club which you should keep an eye out for during the annual fest!). We'd be happy to have you and share the haven that cherishes the love for words!</p>
<p> <a href="https://chat.whatsapp.com/LGc8bD8msJ86wI9sGD9XHt"> Click here </a> to join the whatsapp group</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/scripts.js"></script>
<script src="js/clubs.js"></script>
<script src="js/slideshow.js"></script>
<script src="js/scripts2.js"></script>
<script src="js/gallery.js"></script>
</body>
</html>