-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
283 lines (271 loc) · 24.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
<!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">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/flowbite.min.css" />
<link rel="stylesheet" href="./public/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;300;400;800;900&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/8c1d749432.js" crossorigin="anonymous"></script>
<title>GDSC IIIT Agartala</title>
</head>
<body>
<header>
<nav class="bg-white px-2 sm:px-4 py-2.5 dark:bg-gray-900 fixed w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600 fontsans">
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl">
<a href="#" class="flex items-center">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVTdHwKMfvn2DW4iGku3Eo9HWCyyO-RepzxRG-rd-Rf-9mm3hszFmFUuH54xw1BJhHiJOv6llBzmbg4_stNDv5LAaX_aMFesxZgVmSz6XZETZu_uydb0Z2joOhd4F2vvNGT8T0bULTAPdoi3upS3fK6Gmr9CALXCd7ZIpQsKy5hE-N4ffexyZKeWbJrA/s1600/GDSC%20Logo.png" class="mr-3 h-6 sm:h-9" alt="GDSC IIIT Agartala Logo" />
<span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white"></span>
</a>
<div class="flex items-center lg:order-2">
<a href="https://gdsc.community.dev/indian-institute-of-information-technology-agartala/" class="text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-4 lg:px-5 py-2 lg:py-2.5 mr-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">Join Us</a>
<button data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</button>
</div>
<div class="hidden justify-between items-center w-full lg:flex lg:w-auto lg:order-1" id="mobile-menu-2">
<ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
<li>
<a href="#main-section" class="block py-2 pr-4 pl-3 text-white rounded bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:p-0 dark:text-white" aria-current="page">Home</a>
</li>
<li>
<a href="#about-section" class="block py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">About Us</a>
</li>
<li>
<a href="#projects-section" class="block py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Projects</a>
</li>
<li>
<a href="#team-section" class="block py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Team</a>
</li>
<li>
<a href="#contact-section" class="block py-2 pr-4 pl-3 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- ========== Start Main Section ========== -->
<section class="bg-white fontsans main-sec-bg-img" id="main-section">
<br>
<br>
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-12">
<a href="https://gdsc.community.dev/indian-institute-of-information-technology-agartala/" class="inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-gray-700 bg-gray-100 rounded-full dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700" role="alert">
<span class="text-xs bg-primary-600 rounded-full text-white px-4 py-1.5 mr-3">New</span> <span class="text-sm font-medium">Member Registrations Open</span>
<svg class="ml-2 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
</a>
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl ">Google Developer Student Club</h1>
<p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400"></p>
<div class="flex flex-col mb-8 lg:mb-16 space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4">
<a href="https://gdsc.community.dev/indian-institute-of-information-technology-agartala/" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900">
Join the Club
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</a>
<a href="#contact-section" class="inline-flex justify-center items-center py-3 px-5 text-base font-medium text-center text-gray-900 rounded-lg border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
Become a Sponsor
</a>
</div>
<div class="px-4 mx-auto text-center md:max-w-screen-md lg:max-w-screen-lg lg:px-36">
<span class="font-semibold text-gray-400 uppercase">PARTENERED WITH</span>
<div class="flex flex-wrap justify-center items-center mt-8 text-gray-500 sm:justify-between">
<a href="https://gdsc.community.dev/national-institute-of-technology-nit-agartala/" class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400">
<img class="h-8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7G06iLZEmqi4KjkGUnzVrgj-GmavyHztnLIdjDjH9T65amllRQL-iUbpP-c2LqD0FA9oFFss4zY6D2R5Sd5pzqSpcH5cRlhSUVJoGfOr2u1S9qGWCMgDHvwMl2NFlXVFw93FjcBsaKR1Rij7JH-UhhgwLFCLiQ0tGYpAL4NpIYEx6Qn8WDKCGTJ1WQ/s1600/GDSC%20NIT%20Agartala%20Horizontal%20color%20%282%29.png" alt="" srcset="">
</a>
<a href="https://gdsc.community.dev/shri-ramdeobaba-college-of-engineering-and-management-nagpur/" class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400">
<img class="h-8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfNlyDKdj4Vb7PN0hrpf5dbkOOUVOHscrx0bwX-feOfIqnUr0sD3XHhZjKisYQIA4CNxsdKweWL7_W3LuslyRe5UQwGq5XeuSQXnF85K8LTi9gLRcwsKQMvqr6RDHwYJ2MyPcRDZUwSHFmLWVCi224gpyluK2WusaufuHjyISwA2rJhnvdSDkqt14lEQ/s1600/GDSC%20RCOEM%20Horizontal%20color%20%281%29.png" alt="" srcset="">
</a>
<a href="https://gdsc.community.dev/bennett-university-greater-noida/" class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400">
<img class="h-8" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimORbXh7R0MnlNKnDikLDrpU2dhxupCYecIvvON1yqaWLvsggy-7P2no5E60XRGWtaSPcaBeENZ2Q_kcz1AN_QFNFKw7khgB7VivP5aTn1JkfXRECPpVkVu-zhkGhJq-_jHLJm01c3J3Sx_oTY-aX7bh6D1UVjz_kHs7ywTcvF8dChii4NS91KaoaT2Q/s1600/GDSC%20Bennett%20University%20Horizontal%20color.png" alt="" srcset="">
</a>
</div>
</div>
</div>
</section>
<!-- ========== End Main Section ========== -->
<!-- ========== Start About Section ========== -->
<section class="bg-white dark:bg-gray-900 fontsans main-sec-bg-img" id="about-section">
<br>
<br>
<div class="gap-16 items-center py-8 px-4 mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 lg:py-16 lg:px-6">
<div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
<h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">What's it all about</h2>
<p class="mb-4">Google Developer Student Club (DSC) is a Google Developers program for university students to learn mobile and web development skills. The club will be open to any student, ranging from novice developers who are just starting, to advanced developers who want to further their skills. The club is intended as a space for students to try out new ideas and collaborate to solve mobile and web development problems.</p>
</div>
<div class="grid grid-cols-2 gap-4 mt-8">
<img class="w-full rounded-lg" src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/content/office-long-2.png" alt="office content 1">
<img class="mt-4 w-full lg:mt-10 rounded-lg" src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/content/office-long-1.png" alt="office content 2">
</div>
</div>
</section>
<!-- ========== End About Section ========== -->
<!-- ========== Start Projects Section ========== -->
<section class="bg-white dark:bg-gray-900 fontsans main-sec-bg-img" id="projects-section">
<br>
<br>
<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
<div class="mx-auto max-w-screen-sm text-center lg:mb-16 mb-8">
<h2 class="mb-4 text-3xl lg:text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Our Projects</h2>
<p class="font-light text-gray-500 sm:text-xl dark:text-gray-400">Show some love to the projects made by our creative members</p>
</div>
<div class="grid gap-8 lg:grid-cols-2">
<article class="p-6 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700">
<div class="flex justify-between items-center mb-5 text-gray-500">
<span class="bg-primary-100 text-primary-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-800">
<svg class="mr-1 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"></path></svg>
Web Development
</span>
<span class="text-sm">GitHub</span>
</div>
<h2 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"><a href="https://github.com/anshgoyalevil/e-learning-system-design">E-Learning WebApp with Live Chat Using Socket.io</a></h2>
<p class="mb-5 font-light text-gray-500 dark:text-gray-400">This is a Complete E-Learning System where the users can create their account and enroll in the courses. The courses contain the live chat feature where the students can learn while chatting with their fellow mates.</p>
<div class="flex justify-between items-center">
<div class="flex items-center space-x-4">
<img class="w-7 h-7 rounded-full" src="https://media-exp1.licdn.com/dms/image/C5603AQGb97hyXh-htw/profile-displayphoto-shrink_800_800/0/1660849443455?e=1667433600&v=beta&t=YvZDKy9vPttHMP9-zg8HJZOvJoYRlsiPdG2U5QvLzkg" alt="Jese Leos avatar" />
<span class="font-medium dark:text-white">
Ansh Goyal
</span>
</div>
<a href="https://github.com/anshgoyalevil/e-learning-system-design" class="inline-flex items-center font-medium text-primary-600 dark:text-primary-500 hover:underline">
Open on GitHub
<svg class="ml-2 w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</a>
</div>
</article>
<article class="p-6 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700">
<div class="flex justify-between items-center mb-5 text-gray-500">
<span class="bg-primary-100 text-primary-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-800">
<svg class="mr-1 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z" clip-rule="evenodd"></path><path d="M15 7h1a2 2 0 012 2v5.5a1.5 1.5 0 01-3 0V7z"></path></svg>
Web Development
</span>
<span class="text-sm">GitHub</span>
</div>
<h2 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"><a href="https://github.com/anshgoyalevil/system-design-keep-clone">Google Keep Clone Using MongoDB & Node.JS</a></h2>
<p class="mb-5 font-light text-gray-500 dark:text-gray-400">Everyone of you might have used the Keep App by Google where you can add your notes. This app works similar way, with some amazing tweeks in UI XD. This is a complete system, with frontent (End user interface), backend (Server side logic) & database.</p>
<div class="flex justify-between items-center">
<div class="flex items-center space-x-4">
<img class="w-7 h-7 rounded-full" src="https://media-exp1.licdn.com/dms/image/C5603AQGb97hyXh-htw/profile-displayphoto-shrink_800_800/0/1660849443455?e=1667433600&v=beta&t=YvZDKy9vPttHMP9-zg8HJZOvJoYRlsiPdG2U5QvLzkg" alt="Bonnie Green avatar" />
<span class="font-medium dark:text-white">
Ansh Goyal
</span>
</div>
<a href="https://github.com/anshgoyalevil/system-design-keep-clone" class="inline-flex items-center font-medium text-primary-600 dark:text-primary-500 hover:underline">
Open on GitHub
<svg class="ml-2 w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</a>
</div>
</article>
</div>
</div>
</section>
<!-- ========== End Projects Section ========== -->
<!-- ========== Start Team Section ========== -->
<section class="bg-white dark:bg-gray-900 fontsans main-sec-bg-img" id="team-section">
<br>
<br>
<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6 ">
<div class="mx-auto max-w-screen-sm text-center mb-8 lg:mb-16">
<h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Our Team</h2>
<p class="font-light text-gray-500 lg:mb-16 sm:text-xl dark:text-gray-400">Our Team Members AKA Super Humans</p>
</div>
<div class="grid gap-8 mb-6 lg:mb-16 md:grid-cols-2">
<div class="items-center bg-gray-50 rounded-lg shadow sm:flex dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="w-80 rounded-lg sm:rounded-none sm:rounded-l-lg" src="https://media-exp1.licdn.com/dms/image/C5603AQGb97hyXh-htw/profile-displayphoto-shrink_800_800/0/1660849443455?e=1667433600&v=beta&t=YvZDKy9vPttHMP9-zg8HJZOvJoYRlsiPdG2U5QvLzkg" alt="Ansh Goyal">
</a>
<div class="p-5">
<h3 class="text-xl font-bold tracking-tight text-gray-900 dark:text-white">
<a href="https://www.linkedin.com/in/thisisanshg/">Ansh Goyal</a>
</h3>
<span class="text-gray-500 dark:text-gray-400">Main Lead</span>
<p class="mt-3 mb-4 font-light text-gray-500 dark:text-gray-400">Postman Student Expert | Auth0 Ambassador | 4 Star, Codechef | Sophomore</p>
<ul class="flex space-x-4 sm:mt-0">
<li>
<a href="https://www.linkedin.com/in/thisisanshg/" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
<i class="fa-brands fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="items-center bg-gray-50 rounded-lg shadow sm:flex dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="w-80 rounded-lg sm:rounded-none sm:rounded-l-lg" src="https://media-exp1.licdn.com/dms/image/C4D03AQGfZEoTz8PUwA/profile-displayphoto-shrink_800_800/0/1639921121402?e=1667433600&v=beta&t=rqRVT5ygdbXXPjT56wxViV3FOPnYPYG-wfjxlvm7Zlw" alt="satvik-vashisht">
</a>
<div class="p-5">
<h3 class="text-xl font-bold tracking-tight text-gray-900 dark:text-white">
<a href="https://www.linkedin.com/in/satvik-vashisht/">Satvik Vashisht</a>
</h3>
<span class="text-gray-500 dark:text-gray-400">DSA Lead</span>
<p class="mt-3 mb-4 font-light text-gray-500 dark:text-gray-400">4 Star @ CodeChef | CSE'25 | AngelHack Campus Club Member | Sophomore</p>
<ul class="flex space-x-4 sm:mt-0">
<li>
<a href="https://www.linkedin.com/in/satvik-vashisht/" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
<i class="fa-brands fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- ========== End Team Section ========== -->
<!-- ========== Start Contact Section ========== -->
<section class="bg-white dark:bg-gray-900 fontsans main-sec-bg-img" id="contact-section">
<br>
<br>
<div class="py-8 lg:py-16 px-4 mx-auto max-w-screen-md">
<h2 class="mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white">Contact Us</h2>
<p class="mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl">Got a technical issue? Want to send feedback? Need details about our next plan? Let us know.</p>
<form action="#" class="space-y-8">
<div>
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Your email</label>
<input type="email" id="email" class="shadow-sm bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" placeholder="[email protected]" required>
</div>
<div>
<label for="subject" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Subject</label>
<input type="text" id="subject" class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" placeholder="Let us know how we can help you" required>
</div>
<div class="sm:col-span-2">
<label for="message" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400">Your message</label>
<textarea id="message" rows="6" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg shadow-sm border border-gray-300 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" placeholder="Leave a comment..."></textarea>
</div>
<button type="submit" class="py-3 px-5 text-sm font-medium text-center text-white rounded-lg bg-primary-700 sm:w-fit hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Send message</button>
</form>
</div>
</section>
<!-- ========== End Contact Section ========== -->
<footer class="p-4 bg-white md:p-8 lg:p-10 dark:bg-gray-800 fontsans">
<div class="mx-auto max-w-screen-xl text-center">
<a href="#" class="flex justify-center items-center text-2xl font-semibold text-gray-900 dark:text-white">
GDSC IIIT Agartala
</a>
<p class="my-6 text-gray-500 dark:text-gray-400">A Technology Centric Club Being Operated by Tech Geeks</p>
<ul class="flex flex-wrap justify-center items-center mb-6 text-gray-900 dark:text-white">
<li>
<a href="#main-section" class="mr-4 hover:underline md:mr-6 ">Home</a>
</li>
<li>
<a href="#about-section" class="mr-4 hover:underline md:mr-6">About Us</a>
</li>
<li>
<a href="#projects-section" class="mr-4 hover:underline md:mr-6 ">Projects</a>
</li>
<li>
<a href="#team-section" class="mr-4 hover:underline md:mr-6">Team</a>
</li>
<li>
<a href="#contact-section" class="mr-4 hover:underline md:mr-6">Contact</a>
</li>
</ul>
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2022-2023 <a href="#" class="hover:underline">GDSC IIIT Agartala</a>. All Rights Reserved | Created with ❤️ by Ansh Goyal</span>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/flowbite.js"></script>
</body>
</html>