-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
913 lines (856 loc) · 42.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
<!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="SVCE ACM">
<meta name="author" content="imhphari">
<title>SVCE ACM</title>
<link rel="icon" type="image/png" sizes="32x32" href="acmlogos/acm.png">
<link rel="stylesheet" href="css/bootstrap.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="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Signika" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</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 js-scroll-trigger" href="#page-top">SVCE ACM</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#events">Events</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#upcoming">Upcoming</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead d-flex align-items-center h-100 img-fluid">
<div class="container">
<div align="center" class="logo">
<img src="acmlogos/acm.png" class="img-fluid" width="900em"></div>
<!--<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#about">Know us!</a>-->
<div class="arrow bounce">
<a class="fa fa-angle-double-down js-scroll-trigger" href="#about"></a>
</div>
</div>
</header>
<!-- About -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">About</h2>
<h3 class="section-subheading"><p>
Started in 2012 with an aim to advance awareness of computer science and technology, the SVCE-ACM student chapter is a premier computing society belonging to Sri Venkateswara College of Engineering.
</p>
<p>
Like every student chapter of ACM across the world, the SVCE chapter strives to bring together people from all walks of campus life - teachers and students alike - with the purpose of relentlessly inspiring fellow students into tackling the field of computer science with passion and curiosity. The members of this organisation aim to develop students' technical and professional skills, all while cultivating an inclusive and supportive community for those interested in computer science. We achieve this through various events, ranging from quizzes and debates to workshops, seminars, and Hackathons - held throughout the year.
</p></h3>
</div>
</div>
</div>
</section>
<!-- Events
<section class="bg-light" id="events">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Events</h2>
<h3 class="section-subheading text-muted">Lorem ipsum </h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events1">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/inaug.jpg" alt="">
</a>
<div class="events-caption">
<h4>Inauguration</h4>
<p class="text-muted">2017-18</p>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events2">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/gameofcodes.jpg" alt="">
</a>
<div class="events-caption">
<h4>Game of Codes</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events3">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/inheritancehack.jpg" alt="">
</a>
<div class="events-caption">
<h4>inheritance Hack</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events4">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/disrupt.jpg" alt="">
</a>
<div class="events-caption">
<h4>Disrupt</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events5">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/webbed.jpg" alt="">
</a>
<div class="events-caption">
<h4>Webbed</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events6">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/hourofcode.jpg" alt="">
</a>
<div class="events-caption">
<h4>Hour Of Code</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events7">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/blockchained.jpg" height="20em" alt="">
</a>
<div class="events-caption">
<h4>Blockchained</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events8">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/techqwiz.jpg" alt="">
</a>
<div class="events-caption">
<h4>TechQwiz</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 events-item">
<a class="events-link" data-toggle="modal" href="#events9">
<div class="events-hover">
<div class="events-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="acmlogos/techtaboo.jpg" alt="">
</a>
<div class="events-caption">
<h4>Tech Taboo</h4>
</div>
</div>
</div>
</div>
</section>
<!-- Event description -->
<!-- event 1
<div class="events-modal modal fade" id="events1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Inauguration</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/inaug.jpg" alt="">
<p>The 25th of July, 2017, marked the inauguration of the ACM SVCE Student Chapter for the academic year 2017 - 2018. The Chief Guest for the event was Mr Rajesh Padmanabhan, Founder and CEO of NFN Labs, who enthused the audience with a realistic but motivating outlook on life, technology and entrepreneurial spirit. Additionally, the members of last year's chapter were felicitated and were encouraged to continue working with the current chapter.</p>
<ul class="list-inline">
<li>Date: 25th, July 2017</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 2
<div class="events-modal modal fade" id="events2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Game Of Codes</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/gameofcodes.jpg" alt="">
<p>The aim was to provide student-sourced guidance to other students on attaining maximum success in placement interviews. The event kick started with a mock coding round, followed by an interactive session where students who had already been offered jobs at companies such as Dell shared their valuable experience in interviews and answers to commonly asked programming questions. The event was a success, with each participant getting a confidence boost.</p>
<ul class="list-inline">
<li>Date: 2017</li>
<li>Category: Personality development</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- event 3
<div class="events-modal modal fade" id="events3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Inheritance Hack</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/inheritancehack.jpg" alt="">
<p>The Association of Computing Machinery, the Association of Computer Engineers and the iGEM Team of SVCE came together to organize the Inheritance Hack - a one of a kind interdisciplinary hackathon on Synthetic Biology that requires a Computer Science Application. This hackathon was conducted in Sri Venkateswara College of Engineering on the 26th and 27th of August, 2017. 8 teams consisting of 2-3 members each took part in this hackathon. Each team was to make an educational app, based on riboswitches or biobrick assembly within a time period of 24 hours. Finally, each team’s app was judged by Dr. Ravi Kant from Saksin and the team which had made the best, most efficient app was awarded with a cash prize of Rs.15000. The main aim of this event was to enable the participants to collaborate and learn beyond their specialized course of curriculum. This unique opportunity enthralled the participating teams more than anything else resulting in a befitting grand success.</p>
<ul class="list-inline">
<li>Date: 26th and 27th of August, 2017</li>
<li>Category: Hackathon</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Event 4
<div class="events-modal modal fade" id="events4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Disrupt</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/disrupt.jpg" alt="">
<p>A technology based debate, Discord, was conducted by the SVCE ACM Student Chapter. on 21st September, 2017. This debate was open to 2nd, 3rd and 4th year students from all over the college. 14 people participated in this event. The main aim of this event was to ensure that students learn to stand up for themselves and for what they believe in because that’s what it takes to succeed in the corporate world. These top notch debates were well received and appreciated by a sizeable and enthusiastic audience that served as strong encouragement to all the participants. The debate had multiple rounds. The best participants were filtered out and made to debate against each other in the final round. Joshua Samuel and Chaitra emerged as the winner and the runner up. The outstanding highlight of this event was the depth of research and analysis that participants had done on their topics - they truly left no stone unturned.</p>
<ul class="list-inline">
<li>Date: January 2017</li>
<li>Category: debate</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 5
<div class="events-modal modal fade" id="events5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Webbed</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/webbed.jpg" alt="">
<p>A Web Development workshop was conducted as a part the Computer Science Symposium of Sri Venkateswara College of Engineering, Interrupt, by the SVCE ACM Student Chapter on 25th September 2017. The workshop focused on LAMP Stack. The various students attending the workshop were asked to setup an apache server along with a database and were taught the basics of HTML, CSS, JavaScript, PHP and SQL with the help of simple, crisp examples. Bootstrap Framework was discussed elaborately since it is one of the most commonly used frameworks for building a responsive website. The workshop also touched upon various other concepts in a more theory oriented way such as Ajax for asynchronous server requests, hosting/deployment of a website and various other languages currently being used in the industry. A Portfolio Website was prepared to demonstrate the interaction between the frontend and backend of Web development thereby enabling the participants to get a hands on experience.</p>
<ul class="list-inline">
<li>Date: January 2017</li>
<li>Category: Website Design</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- event 6
<div class="events-modal modal fade" id="events6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Hour Of Code</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/hourofcode.jpg" alt="">
<p>The Hour of Code is a global movement designed to generate excitement in young people about programming and technology. Games, tutorials, and other events are organized during the Computer Science Education Week every year between December 4th and 10th. This year, the ACM Student Chapter of SVCE decided to contribute their part to this global initiative by conducting a participatory workshop in Don Bosco School on 4th December 2017. About 40 students from 9th and 10th grades attended the event. An interactive tutorial (from the hourofcode.com) which focuses on the basics of Python, was used to ensure a great learning experience for the students. It had a chatter bot, named Eliza, explain the basic concepts of Python such as input, print and loop statements. The students then tried their hand at coding with some guidance from the ACM volunteers. The students were more than just excited with the tutorial sessions and the hands on experience. They participated passionately and gained reasonable expertise on the fundamental concepts of Python. The workshop thereby succeeded in giving students a head start for their future endeavors. They were actually able to widen their knowledge about coding and thus the essence of Hour of Code was achieved.</p>
<ul class="list-inline">
<li>Date: January 2017</li>
<li>Category:Coding</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--event 7
<div class="events-modal modal fade" id="events7" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">Blockchained</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/blockchained.jpg" width="100%" height="100%" alt="">
<p>On 28th December 2018 a technical lecture on block chain was conducted by Mr. Tarun Chinmai, a blockchain enthusiast and a software developer at Akamai. The session started off with an introduction on what the blockchain is, some information about its mysterious creator and the reasoning behind its creation. He then touched on the most popular cryptocurrencies with brief explanations on each of them. The lecture included demos of the blockchain ledger system as well as a clear explanation of the hash functions involved and the concept of 'mining'. Tarun also debunked the many myths about blockchain. He then went into an in depth explanation on Merkel trees and their uses in the blockchain. It ended with an interactive Q&A session with questions involving everything from Mt. Gox to whether they should invest in cryptocurrency.</p>
<ul class="list-inline">
<li>Date: January 2017</li>
<li>Category:Coding</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Event 8
<div class="events-modal modal fade" id="events8" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">TechQwiz</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/techqwiz.jpg" alt="">
<p>A non-technical quiz based on technological trends and facts was conducted on 16th February, 2018. It was divided into 4 different rounds. The quiz started off with the Quizmaster, Akash Saravanan explaining the rules and the format. After a trick question to put the crowd at ease, the quiz began with an energized audience. The first round consisted of questions over a variety of fields which have been in the news recently. The questions in this round related to everything from Snapchat’s recent design update and the uproar behind it to cryptocurrency millionaires, Boston Dynamics’ Spot Mini robot and the recent Meltdown and Spectre vulnerabilities. The second round was a logo round with 15 logos that the teams were asked to identify. This round was followed by a “Connect” round wherein the teams were presented with a series of images and were asked to connect them to a specific language, company, technology or person. The final round was an exciting 20 question round on technology, both new and old.
Overall, there were 18 teams of 2 evenly spread across the 2nd and 3rd years. Ultimately, CoreML consisting of Gurudutt P. and Chran S. of the 3rd year came out as the winner by a narrow margin. The event was a very informational and exciting session for all the participants and they requested more quizzes to be conducted. A majority of the participants praised the selection of questions and stated that they acquired new knowledge that they wouldn’t have normally encountered.</p>
<ul class="list-inline">
<li>Date: January 2017</li>
<li>Category:Coding</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="events-modal modal fade" id="events9" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container"><div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<h2 class="text-uppercase">TechTaboo</h2>
<p class="item-intro text-muted"></p>
<img class="img-fluid d-block mx-auto" src="acmlogos/techtaboo.jpg" alt="">
<p>A game of unspeakable fun and naming technology which should not be named, Tech Taboo, was conducted as a Women’s Day special event by the SVCE ACM Student Chapter on March 9th, 2018. A total of 29 girls participated in this tech game, who were split up into 10 teams. The main aim of this event was to encourage women to explore the depths of technology in the most fun-filled way possible. All of the teams participated with a lot of enthusiasm and excitement. In the end, the team consisting of Adela Florence, Brammi.J and Dhivya.R from 2nd year, CSE-A emerged as the winning team. This was a fun-filled tech event which pushed people to not only use their tech knowledge, but also their wit and presence of mind.</p>
<ul class="list-inline">
<li>Date: January 2017</li>
<li>Category:Coding</li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fa fa-times"></i> Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- Team -->
<section class="bg-light secbg" id="team">
<!--Board Members-->
<!-- <div class="row">
<div class="col-lg-12 text-center"> -->
<h2 class="section-heading text-uppercase text-center">Our Team</h2>
<br>
<h3 class="section-heading text-uppercase text-center">The Office Bearers</h3>
<br>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 offset-lg-2 offset-md-2">
<div class="team-member">
<img class=" rounded-circle" src="members/Akash Saravanan.jpg" alt="">
<h4>Akash Saravanan</h4>
<p class="text-muted">Chairman</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="rounded-circle" src="members/Aishwarya Ramanathan.jpg" alt="">
<h4>Aishwarya Ramanathan</h4>
<p class="text-muted">Vice-Chairman</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="rounded-circle" src="members/Jashaul D.jpg" alt="">
<h4>Jashaul D</h4>
<p class="text-muted">Secretary</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="rounded-circle" src="members/Mohamed Anan.jpg" width="100%" alt="">
<h4>Mohamed Anan</h4>
<p class="text-muted">Member Chair</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 offset-md-0 offset-sm-3">
<div class="team-member">
<img class="rounded-circle" src="members/Aishwarya A..jpg" alt="">
<h4>Aishwarya A</h4>
<p class="text-muted">Treasurer</p>
</div>
</div>
</div>
</div>
<!--Board-->
<div class="tab container h-100">
<div class="row h-100 justify-content-center align-items-center">
<div class="tab-wrapper col-xs-3">
<button class="tablinks" onclick="openCity(event, 'Acads')" id="defaultOpen">Acads</button>
</div>
<!-- .tab-wrapper col-xs-3 -->
<div class="tab-wrapper col-xs-3">
<button class="tablinks" onclick="openCity(event, 'Events')">Events</button>
</div>
<!-- .tab-wrapper col-xs-3 -->
<div class="tab-wrapper col-xs-3">
<button class="tablinks" onclick="openCity(event, 'Media')">Media</button>
</div>
<!-- .tab-wrapper col-xs-3 -->
<div class="tab-wrapper col-xs-3">
<button class="tablinks" onclick="openCity(event, 'Web')">Web</button>
</div>
<!-- .tab-wrapper col-xs-3 -->
</div>
<!-- .row -->
</div>
<div id="Acads" class="tabcontent container-fluid">
<!-- why does the below line exist? -->
<!-- <span onclick="this.parentElement.style.display='none'" class="topright">×</span> -->
<h3 class="section-heading text-uppercase text-center">Academics Team</h3><br>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="rounded-circle" src="members/acadAkhil Menon.jpg" alt="">
<h4>Akhil Menon</h4>
<p class="text-muted">Team Head</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Madhuvanti Muralikrishnan.jpg" alt="">
<h4>Madhuvanti Muralikrishnan</h4>
<p class="text-muted">Senior Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Abishaik Mohan.jpg" width="100%" alt="">
<h4>Abishaik Mohan</h4>
<p class="text-muted">Senior Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Krishnakanth Alagiri.jpg" alt="">
<h4>Krishnakanth Alagiri</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/D. Sri Vishnu Vardhan.jpg" alt="">
<h4>Sri Vishnu Vardhan.D</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Mahalakshumi Visvanathan.jpg" alt="">
<h4>Mahalakshumi Visvanathan</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 offset-lg-2 offset-md-2">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Hariharasubramanian V.jpeg" alt="">
<h4>Hariharasubramanian V</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Abhiraksha Pattabhiraman.png" alt="">
<h4>Abhiraksha Pattabhiraman</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
</div>
</div>
<div id="Events" class="tabcontent">
<!-- <span onclick="this.parentElement.style.display='none'" class="topright">×</span> -->
<!--events Team-->
<h3 class="section-heading text-uppercase text-center">Events Team</h3><br>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Pranav Wadhwa.jpg" alt="">
<h4>Pranav Wadhwa</h4>
<p class="text-muted">Team Head</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Ananya Naresh.jpg" alt="">
<h4>Ananya Naresh</h4>
<p class="text-muted">Senior Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Pranav Vaidyanathan.jpg" alt="">
<h4>Pranav Vaidyanathan</h4>
<p class="text-muted">Senior Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/B. Anirudh.jpg" alt="">
<h4>Anirudh B</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Sai Janani.jpg" alt="">
<h4>Sai Janani</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Deekshitha.jpeg" alt="">
<h4>Deekshitha</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Kaushik Girirajan.jpg" alt="">
<h4>Kaushik Girirajan</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Vignesh S.png" alt="">
<h4>Vignesh S</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Aravind Balakrishnan.jpg" alt="">
<h4>Aravind Balakrishnan</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 offset-lg-4 offset-md-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Adithya Kumaran.jpg" alt="">
<h4>Adithya Kumaran</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
</div>
<!--End of events team-->
</div>
<div id="Media" class="tabcontent">
<!-- <span onclick="this.parentElement.style.display='none'" class="topright">×</span> -->
<h3 class="section-heading text-uppercase text-center">Media Team</h3><br>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Manav B Chhabria.jpg" alt="">
<h4>Manav B Chhabria</h4>
<p class="text-muted">Team Head</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Sanjana Apparao.jpg" alt="">
<h4>Sanjana Apparao</h4>
<p class="text-muted">Senior Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Aparajita S.jpg" alt="">
<h4>Aparajita S</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Harini Ashok.jpg" alt="">
<h4>Harini Ashok</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Adela Florence. C.jpg" alt="">
<h4>Adela Florence. C</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/M D K Mukkesh.jpg" alt="">
<h4>M D K Mukkesh</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Aravind S.jpg" alt="">
<h4>Aravind S</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Sriram.S.jpg" alt="">
<h4>Sriram.S</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Adnan Ahmed.jpg" alt="">
<h4>Adnan Ahmed</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
</div>
<!--End of media team-->
</div>
<div id="Web" class="tabcontent">
<!-- <span onclick="this.parentElement.style.display='none'" class="topright">×</span> -->
<!--Web Team-->
<h3 class="section-heading text-uppercase text-center">Web Team</h3><br>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/A. Sri Vardhamanan.jpg" alt="">
<h4>A. Sri Vardhamanan</h4>
<p class="text-muted">WebMaster & Team Head</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Adarsh Manickam M..jpg" alt="">
<h4>Adarsh Manickam M</h4>
<p class="text-muted">Senior Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Karthick Sridhar.jpg" alt="">
<h4>Karthick Sridhar</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Raguraman.jpg" alt="">
<h4>Raguraman</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Hari Prasath T S..jpg" alt="">
<h4>Hari Prasath T S</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="team-member">
<img class="mx-auto rounded-circle" src="members/Yuvaraj J.jpg" alt="">
<h4>Yuvaraj J</h4>
<p class="text-muted">Executive Member</p>
</div>
</div>
</div>
</div>
</section>
<!--End of media team-->
<!--Academics team-->
<!--End of acads team -->
<script src="js/jquery/jquery.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script src="js/manual.js"></script>
<script src="jquery.easing.js"></script>
<script>
$(window).scroll(function() {
var scroll = $(window).scrollTop(); // how many pixels you've scrolled
console.log(scroll);
var ht = $('.masthead').height(); // height of div1 in pixels
console.log(ht);
// if you've scrolled further than the top of div1 plus it's height
// change the color. either by adding a class or setting a css property
if (scroll < ht) {
console.log("Entered");
$('.nav-item').addClass('white-text');
}
});
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
</html>