forked from CSI-SIESGST/CSI-Official-Website
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
698 lines (648 loc) · 33.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSI SIESGST</title>
<link rel="shortcut icon" href="./final-image1/CSI new Logo Crest Trans White.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="shortcut icon" href="./final-image1/CSI new Tans White.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="style2.css" />
<link rel="stylesheet" href="style3.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<script src="https://www.w3schools.com/lib/w3.js"></script>
</head>
<body>
<!-- NAVBAR STARTS -->
<div class="body-image">
<div id="particles-js"> </div>
<div class="myContent">
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container">
<div class="navbar-brand">
<img src="./final-image1/CSI new Tans White.png" alt="csi logo" />
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto" id="#mainNav">
<li class="nav-item">
<a class="nav-link" href="#cm">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#magzine">MAGAZINE</a>
</li>
<!-- <li class="nav-item" id="special">
<a class="nav-link" href="https://innovations-csi-siesgst.herokuapp.com/">INNOVATIONS 2K22</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#event">EVENTS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="membership.html">MEMBERSHIP</a>
</li>
<li class="nav-item" id="underline">
<a class="nav-link" href="team.html">TEAM</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sponsors">SPONSORS & CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- NAVBAR ENDS -->
<!-- HERO STARTS -->
<section id="hero" class="min-vh-100 d-flex align-items-center">
<div class="container" id="hero-container">
<div class="row" id="hero-row">
<div class="col-12" id="hero-col">
<h1 data-aos="flip-right" data-aos-easing="ease-out-cubic" data-aos-duration="1000"
class="text-uppercase text-white fw-semibold display-1" id="hero-h1">
CSI - SIESGST
</h1>
<h5 class="text-white mt-3 mb-4" data-aos="flip-right" data-aos-easing="ease-out-cubic"
data-aos-duration="1000" id="hero-h5">
The CSI Campus Chapter of SIES-GST is a part of the well <br>
established network of student branches across the country<span> .</span>
</h5>
<div data-aos="zoom-out-right" data-aos-delay="300" class="hero-div">
<a href="#cm" class="btn btn-brand me-2">Get Started</a>
<a href="team.html" class="btn btn-brand me-2">Our TEAM</a>
</div>
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-1660889963">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path
d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z"
class="shape-fill"></path>
</svg>
</div>
</section>
</div>
<!-- HERO ENDS -->
</div>
<!---about-->
<div class="container">
<div id="cm" class="inovation-card-main u-clearfix1">
<div class="hm">
<h2 id="headingm">ABOUT US</h2>
</div>
<div class="innerdiv">
<div class="inovation-inner-card-text">
<span id="cdm" class="inovation-inner-card-description">
<div class="hm" id="heading1">
<h2>WHAT IS CSI ?</h2>
</div>
<p class="para-box__modifier">
The Computer Society of India has come a long way since its foundation in 1965. The founding members felt
the need to organize their activities and also wanted to share their knowledge and exchange ideas about
the computer sector which was then newly emerging. Today the CSI takes pride in being the largest and most
professionally managed association of and for IT professionals in India. It has 72 chapters across India,
511 student branches, and 100,000 members. The purpose of the Society are, Scientific and Educational
directed towards the advancement of the theory and practice of computer science and IT.
</p>
</span>
</div>
<div class="imagem">
<video id="v2" class="imgm" width="82%" height=40% autoplay loop muted>
<source src="images/1.mp4" type="video/mp4" />
</video>
</div>
</div>
<div class="innerdiv" id="i2">
<div class="imagem">
<video id="v2" class="imgm" width="82%" height=auto autoplay loop muted>
<source src="images/2.mp4" type="video/mp4" />
</video>
</div>
<div class="inovation-inner-card-text">
<span id="cdm" class="inovation-inner-card-description">
<div class="hm">
<h2>WHAT WE DO ?</h2>
</div>
<p class="para-box__modifier">
The CSI Campus Chapter of SIES-GST is a part of the well established network of student branches across
the country. The Chapter activities are managed by a committee of elected members. The Chapter annually
conducts INNOVATIONS, a National Level Technical Project Competition. Additionally, various workshops,
seminars, programming contests, are conducted for the members of the CSI Campus Chapter. The idea is to
spread the knowledge, and provide opportunities to as many interested as possible.
</p>
</span>
</div>
</div>
</div>
</div>
<!-- </div>
</div> -->
<!---magzine-->
<div id="magzine" class="container" style="max-width: 1250px;">
<div id="cm" class="inovation-card-main u-clearfix1">
<div class="hm">
<h2 id="headingm" style="margin-top: 2%;">MAGAZINE 2K23 EDITION</h2>
</div>
<div class="inovation-inner-card-text">
<span id="cdm" class="inovation-inner-card-description">
<p class="para-box__modifier">
Welcome to the second edition of <b>MEGABYTE</b>, the official technical magazine of the <b>CSI Student
Chapter of SIES Graduate School of Technology</b>. We
stepped into this challenging arena with the motive of learning something
new. Putting together a magazine is no cake walk and the finished product
that you hold is the result of the efforts put in by the entire Magazine Team.
<br>
<br>
<b>MEGABYTE</b> basically denotes the purpose of the magazine that is to chronicle different technological
developments around the world, along with extraordinary achievements of the students of SIES GST.
<br>
<br>
This issue brings to you diverse articles such as open source Technologies,
advancements in Indian IT industry, sustainable inventions, etc. In addition
to this, we have exclusive interviews with our very own alumni’s working in
Technical and Non technical fields. The contributions made by the authors
of articles in this Magazine are invaluable. Do keep your eyes on this magazine in the upcoming years.
Everything we do derives from its long-standing character, approach and quality – while we continue to
produce the further editions with as much love as ever.
</p>
</span>
</div>
<div class="imagem">
<img class="imgm" src="images/magzine.jpg" alt="">
</div>
<div class="buttonm">
<button class="btnm"> <a id="linkm" href="https://online.fliphtml5.com/ykqyb/emum/"> Explore Magazine</a>
</button>
</div>
</div>
</div>
<!-- image gallery -->
<h1 id="headingh">HIGHLIGHTS</h1>
<section class="image-slider">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/H (1).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (2).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (3).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (4).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (5).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (6).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (7).jpg">
</div>
<div class="swiper-slide">
<img src="images/H (8).jpg">
</div>
<div class="swiper-slide">
<img src="images\H (9).jpeg">
</div>
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next buttons"></div>
<div class="swiper-button-prev buttons"></div>
</div>
</section>
<!-- event -->
<div id="event">
<h1 id="headingh">WORKSHOPS CONDUCTED</h1>
<ul class="event-card-grid">
<li>
<a class="event-card-solo">
<img src="images/e-bootstrap.png" class="event-card-image-solo" alt="" />
<div class="event-card-overlay">
<div class="event-card-header">
<svg class="event-card-arc" xmlns="http://www.w3.org/2000/svg">
<path />
</svg>
<div class="event-card-header-text">
<h3 class="event-card-title-solo">BOOTSTRAP</h3>
</div>
</div>
<p class="event-card-description-solo">Bootstrap is a simple and easy-to-use library to apply styles on
webpages. This workshop was focused on explaining the basics of the library and showing the
power of it.</p>
</div>
</a>
</li>
<li>
<a class="event-card-solo">
<img src="images/e-django.png" class="event-card-image-solo" alt="" />
<div class="event-card-overlay">
<div class="event-card-header">
<svg class="event-card-arc" xmlns="http://www.w3.org/2000/svg">
<path />
</svg>
<div class="event-card-header-text">
<h3 class="event-card-title-solo">DJANGO</h3>
</div>
</div>
<p class="event-card-description-solo">Django is one the most popular framework. This workshop was focused
on explaining the basics of Django and how a huge website can be built using it.</p>
</div>
</a>
</li>
<li>
<a class="event-card-solo">
<img src="images/e-angular.png" class="event-card-image-solo" alt="" />
<div class="event-card-overlay">
<div class="event-card-header">
<svg class="event-card-arc" xmlns="http://www.w3.org/2000/svg">
<path />
</svg>
<div class="event-card-header-text">
<h3 class="event-card-title-solo">ANGULAR 5</h3>
</div>
</div>
<p class="event-card-description-solo">Angular is one the most popular framework. This workshop was
focused on explaining the basics of Angular and how a complete full-stack web application
can be built
using it.</p>
</div>
</a>
</li>
<li>
<a class="event-card-solo">
<img src="images/e-basicpro.png" class="event-card-image-solo" alt="" />
<div class="event-card-overlay">
<div class="event-card-header">
<svg class="event-card-arc" xmlns="http://www.w3.org/2000/svg">
<path />
</svg>
<div class="event-card-header-text">
<h3 class="event-card-title-solo">BASIC PROGRAMMING</h3>
</div>
</div>
<p class="event-card-description-solo">The most essential part of learning to code is to know how to think
logically about the problem. The workshop was focused on guiding the members on how to
approach the problem in the most optimal way.</p>
</div>
</a>
</li>
<li>
<a class="event-card-solo">
<img src="images/e-aws.png" class="event-card-image-solo" alt="" />
<div class="event-card-overlay">
<div class="event-card-header">
<svg class="event-card-arc" xmlns="http://www.w3.org/2000/svg">
<path />
</svg>
<div class="event-card-header-text">
<h3 class="event-card-title-solo">CLOUD COMPUTING AND FUNDAMENTAL OF AWS</h3>
</div>
</div>
<p class="event-card-description-solo">The most essential part of learning to code is to know how to think
logically about the problem. The workshop was focused on guiding the members on how to
approach the problem in the most optimal way.</p>
</div>
</a>
</li>
<li>
<a class="event-card-solo">
<img src="images/e-placement.png" class="event-card-image-solo" alt="" />
<div class="event-card-overlay">
<div class="event-card-header">
<svg class="event-card-arc" xmlns="http://www.w3.org/2000/svg">
<path />
</svg>
<div class="event-card-header-text">
<h3 class="event-card-title-solo">PLACEMENT GUIDANCE</h3>
</div>
</div>
<p class="event-card-description-solo">The most essential part of learning to code is to know how to think
logically about the problem. The workshop was focused on guiding the members on how to
approach the problem in the most optimal way.</p>
</div>
</a>
</li>
</ul>
</div>
<!-- /event -->
<!-- counter -->
<div class="container">
<section class="charts_orb">
<article class="orb">
<div class="orb_graphic">
<svg>
<circle class="fill"></circle>
<circle class="progress"></circle>
</svg>
<div class="orb_value count">122</div>
</div>
<div class="orb_label">
MEMBERS
</div>
</article>
<article class="orb">
<div class="orb_graphic">
<svg>
<circle class="fill"></circle>
<circle class="progress"></circle>
</svg>
<div class="orb_value count">20</div>
</div>
<div class="orb_label">
VOLUNTEERS
</div>
</article>
<article class="orb">
<div class="orb_graphic">
<svg>
<circle class="fill"></circle>
<circle class="progress"></circle>
</svg>
<div class="orb_value count">51</div>
</div>
<div class="orb_label">
COUNCIL <br>MEMBERS
</div>
</article>
</section>
</div>
<!-- /counter -->
<!-- /enigma -->
<div class="container">
<h1 id="headingh" style="margin-bottom: 3rem;">ENIGMA 2K24 RECAP</h1>
<div class="enigma-card-main u-clearfix1">
<div class="enigma-inner-card-text">
<h2 class="enigma-card-title">2K24 EVENT</h2>
<span class="enigma-inner-card-description">The Enigma's main goal is to raise public awareness about digital
security scams. Participants can explore various aspects of digital security, including but not limited to
online privacy, blockchain, cybersecurity, data protection, and the impact of emerging technologies. CSI
SIESGST is holding a Poster presentation competition to raise public awareness and provide a platform for
engineers, students, and privacy enthusiasts to present their solutions for the pressing digital security
challenges of our day and age.</span>
<div class="enigma-runnerup2">
<h3 class="enigma-card-winner">Winners</h3>
<h6 class="enigma-card-winner">Vaishnavi Parab</h6>
<h6 class="enigma-card-winner">Shravani Mankar</h6>
</div>
<div class="enigma-runnerup">
<h3 class="enigma-card-RunnerUp">Runner-Up</h3>
<h6 class="enigma-card-RunnerUp">Prathmesh Zingade</h6>
<h6 class="enigma-card-RunnerUp">Sayali Chorghe</h6>
</div>
</div>
<div class="slideshow-main">
<img class="enigma-slideshow enigma-card-slideshow" src="images/e (1).jpg">
<img class="enigma-slideshow enigma-card-slideshow" src="images/e (2).jpg">
<img class="enigma-slideshow enigma-card-slideshow" src="images/e (3).jpg">
<img class="enigma-slideshow enigma-card-slideshow" src="images/e (4).jpg">
<img class="enigma-slideshow enigma-card-slideshow" src="images/e (5).jpg">
<script>
w3.slideshow(".enigma-slideshow", 2000);
</script>
</div>
</div>
</div>
<!-- /enigma -->
<!-- /innovation -->
<div class="container">
<h1 id="headingh" style="margin-bottom: 3rem;">INNOVATIONS 2K23 RECAP</h1>
<div class="inovation-card-main u-clearfix1">
<div class="inovation-inner-card-text">
<h2 class="inovation-card-title">2K23 EVENT</h2>
<span class="inovation-inner-card-description">INNOVATIONS is a national level project competition conducted
annually by the CSI Campus Chapter of SIES Graduate School of Technology. It serves as a platform for
young minds to take this window of opportunity and bring forward their innovative ideas in the form of
projects. Each year teams from various institutes all over Maharashtra as well as Other States,
participate in Innovations at large numbers.Innovations 2019 achieved a milestone when it received over
a 100 abstract submissions, a feat never seen before.The projects were from various fields such as
Computers, Information Technology, Electronics, Internet of Things, Robotics, Mechanical, etc.
Out of the received abstracts,45 projects were selected for the competition after carefully analysing
each project based on parameters such as novelty, effectiveness, positive impact on society and
scalability.</span>
</div>
<div class="slideshow-main">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (1).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (2).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (3).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (4).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (5).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (6).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (7).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (8).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (9).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (10).jpg">
<img class="inovation-slideshow inovation-card-slideshow" src="images/i (11).jpg">
<script>
w3.slideshow(".inovation-slideshow", 2000);
</script>
</div>
</div>
</div>
<!-- /inovation -->
<!-- outreach -->
<div class="container">
<h1 id="headingh" style="margin-bottom: 3rem;">CSI Outreach program</h1>
<div class="inovation-card-main u-clearfix1">
<div class="inovation-inner-card-text">
<h2 class="inovation-card-title">Outreach program</h2>
<span class="inovation-inner-card-description">
CSI SIES GST conducted a comprehensive outreach program at SIES School, Matunga,
enlightening students about the significance of online presence and cyber security.
Members from CSI SIES GST engaged students with informative sessions, emphasizing
the importance of managing their digital footprint, while also educating them on
the various online threats and practical protection strategies. Interactive workshops
and open discussions empowered students with essential knowledge and skills to
navigate the online world safely and responsibly, leaving a lasting impact on
their digital awareness.
</span>
</div>
<div class="slideshow-main">
<img class="out-slideshow inovation-card-slideshow" src="images/ori (1).jpg">
<img class="out-slideshow inovation-card-slideshow" src="images/ori (2).jpg">
<img class="out-slideshow inovation-card-slideshow" src="images/ori (3).jpg">
<script>
w3.slideshow(".out-slideshow", 2000);
</script>
</div>
</div>
</div>
<!-- /outrech -->
<br><br>
<!-- partial:index.partial.html -->
<section id="sponsors">
<h1
style="font-size: xx-large; text-align: center; margin-bottom: 20px;color: aliceblue;text-decoration: underline;">
ASSOCIATE SPONSORS
</h1>
<div class="footer-wrapper">
<div class="footer-marquee">
<div class="footer-square">
<a href="https://www.brainheaters.in/" target="_blank" style="text-decoration: none;"><img
class="footer-brain"
src="https://res.cloudinary.com/dghjgfbha/image/upload/v1648320535/csi-website/brain_heaters_tirlmh.png" /></a>
</div>
<div class="footer-square">
<a href="https://teamfullstack.tech/" target="_blank" style="text-decoration: none;"><img
class="footer-team_fullstack" style="margin-top: 22px !important"
src="https://res.cloudinary.com/dghjgfbha/image/upload/v1648320535/csi-website/Team_FullStack_kiaodc.png" /></a>
</div>
<div class="footer-square">
<a href="https://deltatheinnovators.com/" target="_blank" style="text-decoration: none;"><img
class="footer-DTI"
src="https://res.cloudinary.com/dghjgfbha/image/upload/v1648320535/csi-website/DTI_Cover_gbzbzp.png" /></a>
</div>
</div>
</div>
</section>
<section>
<h1
style="font-size: xx-large; text-align: center; margin-bottom: 20px;color: aliceblue;text-decoration: underline;">
PREVIOUS SPONSORS & COLLABORATORS
</h1>
<div class="footer-wrapper">
<div class="footer-marquee1">
<div class="footer-square1">
<a href="https://infigon.edumilestones.com/" target="_blank" style="text-decoration: none;"><img
class="footer-infi"
src="https://res.cloudinary.com/dkdmgncru/image/upload/f_auto,q_auto,dpr_auto,w_auto/v1614703156/CSI%20Files/Sponsors/infigon-logo_j5tzky.jpg" /></a>
</div>
<div class="footer-square1">
<a href="https://www.wolfram.com/" target="_blank" style="text-decoration: none;"><img
src="https://res.cloudinary.com/dkdmgncru/image/upload/f_auto,q_auto,dpr_auto,w_auto/v1614703156/CSI%20Files/Sponsors/Wolfram_xpaadh.png" /></a>
</div>
<div class="footer-square1">
<a href="https://interviewbuddy.in/" target="_blank" style="text-decoration: none;"><img
src="https://res.cloudinary.com/dghjgfbha/image/upload/v1648320535/csi-website/InterviewBuddy_logo_owzbdh.png" /></a>
</div>
<div class="footer-square1">
<a href="https://www.geeksforgeeks.org/" target="_blank" style="text-decoration: none;">
<img class="footer-gfg" src="images/GeeksforGeeks.svg.png" />
</a>
</div>
</div>
</div>
</section>
<footer class="footer-area">
<div class="main">
<div class="container mb-5">
<div class="single-footer">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3771.4756649763167!2d73.02088931482145!3d19.04281298710694!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c3db5e2c85cd%3A0xef26c52d7d73816e!2sSIES%20Graduate%20School%20of%20Technology!5e0!3m2!1sen!2sin!4v1660030845146!5m2!1sen!2sin"
style="border: 0" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 my-auto">
<div class="footer-social pt-5">
<h5 class="mx-auto shardul" style="text-align:left"><a href="tel:9372926662"
style="text-align:left ;"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg></a>Avaneesh Karthikeyen Iyer<br>
<p style="text-align:left">Chairperson</p>
</h5>
<h5 style="text-align:left" class="ananya"><a href="tel:9833588502"><svg
xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-telephone-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg></a>Aahana Bobade<br>
<p style="text-align:left">Vice Chairperson</p>
</h5>
<h5 style="text-align:left;" class="shruti"><a href="tel:8097265991"><svg
xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-telephone-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg></a>Nivedh Nambiar<br>
<p style="text-align:left">Vice Chairperson</p>
</h5>
<a href="mailto:[email protected]" target="_blank">
<svg class="footer-csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="footer-bi bi-envelope" viewBox="0 0 16 16">
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" />
</svg></a>
<a href="https://www.instagram.com/csisiesgst" target="_blank"><svg class="footer-csvg"
xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="footer-bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg></a>
<a href="https://www.facebook.com/937406819724072/" target="_blank">
<svg class="footer-csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="footer-bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg></a>
<a href="https://www.linkedin.com/company/siesgst-csi/" target="_blank">
<svg class="footer-csvg" xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white"
class="footer-bi bi-linkedin" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
</svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copy pt-4">
<p>© 2022 Developed by Technical Team of CSI SIESGST with <svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="red" class="bi bi-heart-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" />
</svg></p>
</div>
</footer>
<!-- partial -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="main.js"></script>
<script src="./particles.js"></script>
<script src="./app.js"></script>
<script>$(window).scroll(function () {
$('nav').toggleClass('scrolled', $(this).scrollTop() > 15);
});</script>
<script>
var swiper = new Swiper(".mySwiper", {
effect: "coverflow",
grabCursor: true,
centeredSlides: true,
slidesPerView: "auto",
coverflowEffect: {
rotate: 30,
stretch: 0,
depth: 200,
modifier: 1,
slideShadows: true,
},
loop: true,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
</body>
</html>