-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
188 lines (154 loc) · 8.58 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
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Siam-VIT
</title>
</head>
<!--Bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cairo:wght@600&family=Cinzel:wght@500&display=swap" rel="stylesheet">
<!--CSS-->
<link rel="stylesheet" href="Styles.css">
<!-- Favicon -->
<link rel="icon" href="favicon.ico">
<!--Font Awesome-->
<script src="https://kit.fontawesome.com/2582a48ab6.js" crossorigin="anonymous"></script>
<!-- Contact Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<section id="title">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="">SIAM-VIT</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#About-Us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#PEV">Previous Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Contact">Contact Us</a>
</li>
</ul>
</div>
</nav>
<p class="head"><strong>S</strong>ociety</p>
<p class="head">for</p>
<p class="head"><strong>I</strong>ndustrial</p>
<p class="head">and</p>
<p class="head"><strong>A</strong>pplied</p>
<p class="head"><strong>M</strong>athematics</p>
<img class="head-img" src="siam3.png" alt="laptop">
</section>
<section id="About-Us">
<h2>
About Us
</h2>
<p class="AU">
SIAM stands for Society for Industrial and Applied Mathematics. It is one of the most prestigious community where enthusiasts of mathematics and its applied applications can contribute, nurture and enhance their interests. Applied mathematics, in partnership with computational science is essential in solving many real world problems.Our mission is to build cooperation between mathematics and the world of science and technology through publications, research and community through membership activities, publications of journals, books and conferences. For further details, you can go to SIAM website.
</p>
<img id="gp" src="back5.png" alt="Group pic">
</section>
<section id="PEV">
<h2>
Our Events
</h2>
<br><br><br>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel" data-bs-interval="7000">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Riviera.png" class="d-block w-100" alt="riviera">
<div class="carousel-caption d-none d-md-block">
<h5>Riviera-VGT</h5>
<p class="ci">VIT'S Got Talent is one of the biggest hits of Riviera, the cultural fest of VIT Vellore. Here, a wide range of participants get a platform to showcase their various hidden talents like dancing, singing, acting, beatboxing, etc in front of an audience and judges. The best of which are awarded with cash prizes which can range upto 15,000 rupees. </p>
</div>
</div>
<div class="carousel-item">
<img src="Gravitas.png" class="d-block w-100" alt="Gravitas Poster">
<div class="carousel-caption d-none d-md-block">
<h5>Gravitas</h5>
<p class="ci">Gravitas is an international fest organised by VIT, Vellore usually in the month of September/October. The technology oriented fest which continues for three days, provides the students a platform to showcase their talents. Students from different colleges come here to take part in the competitions organised by various chapters.</p>
</div>
</div>
<div class="carousel-item">
<img src="Hackulus.png" class="d-block w-100" alt="Hackulus Poster">
<div class="carousel-caption d-none d-md-block">
<h5>Hackulus</h5>
<p class="ci">Hackulus is a 24hr hackathon organised by SIAM. The event has multiple tracks and expects to see participants from all over India. It aims to spotlight innovative ideas to real world problems with constant mentorship and guidance by experts in domains such as Web Dev, App Dev and Machine Learning. It also gives a chance to beginners by providing a separate beginners round.</p>
</div>
</div>
<div class="carousel-item">
<img src="3.png" class="d-block w-100" alt="Youtube Home">
<div class="carousel-caption d-none d-md-block">
<h5>Online Events</h5>
<p class="ci">Apart from our various events our youtube page is also constantly updated with the latest in technology and talks with industry experts. Our various playlists aim to help both students and professionals with everyday work, further our team is constantly making new crash course videos for students to get a comprehensive revision for the end of semester exams.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section id="Contact">
<div class="container" >
<h1>Get in Touch</h1>
<div class="contact-info">
<form action="">
<h3>Write Us</h3>
<input type="text" name="fullname" id="fullname" placeholder="Full Name" required>
<input type="email" name="email" id="email" placeholder="Email" required>
<input type="tel" name="tel" id="tel" placeholder="Tel: XXX XXX XXXX" required>
<textarea name="msg" id="msg" cols="30" rows="10" placeholder="Your Message Here..."></textarea>
<button type="submit">Send</button>
</form>
<div class="details">
<h3>Contact Us</h3>
<div class="contact-items-wrapper">
<div class="contact-items">
<span class="material-icons">local_phone</span>
<p><strong>Phone:</strong><br>+91 79924 54046 (Chairperson)</p>
</div>
<br>
<div class="contact-items">
<span class="material-icons">alternate_email</span>
<p><strong>Email: </strong><a href="#">siam@vit.ac.in</a> </p>
</div>
<br>
<div class="contact-items">
<span class="material-icons">public</span>
<p><strong>Website:</strong><a href="#"> https://www.siamvit.in</a></p>
</div>
</div>
</div>
</div>
</div>
<section id="footer">
<i class="fa-solid fa-envelope fa-2x"></i> <i class="fa-brands fa-instagram fa-footer fa-2x"></i>
<br>
<a class="mail" href="mailto:siam@vit.ac.in" class="second">Email Us</a>
<a class="ig" href="https://www.instagram.com/siamvit/?hl=en" class="second">Instagram</a>
<br><br><br>
<span>©Siam-VIT</span>
</section>
</body>
</html>
<!-- Change all heading fonts, crop image in about us -->