-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcarpool.html
447 lines (422 loc) · 24.3 KB
/
carpool.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KNRHX0S1Y1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-KNRHX0S1Y1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MUJ Central| 🚗 Carpool</title>
<meta property="og:url" content="https://mujcentral.in/">
<meta name="image" property="og:image" content="img/peeknew.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="MUJ Central| 🚗 Carpool">
<meta property="og:description" name="description"
content="Finding partner for carpooling has never been so easy!">
<meta name="twitter:card" content="summary_large_image">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<!-- Tailwind -->
<link href="css/tailwind.min.css" rel="stylesheet">
<!-- Alpine -->
<script type="module" src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine-ie11.min.js" defer></script>
<!-- Motion CSS -->
<link rel="stylesheet" href="css/mujcent2.css" />
<!-- Custom style -->
<link rel="stylesheet" href="css/mujcent.css" />
<!-- Poppins font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2478422969975314"
crossorigin="anonymous"></script>
</head>
<script>
var url = 'js/wpwid.js';
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var options = {
"enabled":true,
"chatButtonSetting":{
"backgroundColor":"#f48c06",
"ctaText":"",
"borderRadius":"10",
"marginLeft":"0",
"marginBottom":"25",
"marginRight":"25",
"position":"right"
},
"brandSetting":{
"brandName":"MUJ Central",
"brandSubTitle":"Typically replies within a day",
"brandImg":"https://mujcentral.in/img/favicon.png",
"welcomeText":"Hey there! 🌟\n👋 Welcome to our Chat Box! \n\n📣 Do you have feedback to share? We'd love to hear your thoughts!🗣️\n📚 Have some study material to share? That's fantastic! 📖📝 Feel free to upload your study materials, and let's empower each other!\n\nRemember, we're just a message away, ready to assist you! 🙌✨",
"messageText":"",
"backgroundColor":"#2f327d",
"ctaText":"Start Chat",
"borderRadius":"25",
"autoShow":false,
"phoneNumber":"919458400587"
}
};
s.onload = function() {
CreateWhatsappChatWidget(options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
</script>
<body class="antialiased">
<!-- navbar -->
<div x-data="{ open: false }" class="w-full text-gray-700 bg-cream">
<div class="flex flex-col max-w-screen-xl px-8 mx-auto md:items-center md:justify-between md:flex-row">
<div class="flex flex-row items-center justify-between py-2">
<div class="relative md:mt-8">
<a href="https://mujcentral.in/"><img class="relative md:w-1/2 w-1/2" src="img/mujcnav.webp"
alt="MUJ Central"></a>
</div>
<button class="rounded-lg md:hidden focus:outline-none focus:shadow-outline" @click="open = !open">
<svg fill="currentColor" viewBox="0 0 20 20" class="w-6 h-6">
<path x-show="!open" 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-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z"
clip-rule="evenodd"></path>
<path x-show="open" 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>
<nav :class="{ 'transform md:transform-none': !open, 'h-full': open }"
class="h-0 md:h-auto flex flex-col flex-grow md:items-center pb-4 md:pb-0 md:flex md:justify-end md:flex-row origin-top duration-300 scale-y-0">
<a class="font-bold text-darken whitespace-nowrap px-4 py-2 mt-2 text-lg bg-transparent rounded-lg md:mt-8 md:ml-4 hover:text-gray-900 focus:outline-none focus:shadow-outline"
href="https://mujcentral.in"><span class='hover-underline-animation text-darken'>Home</span></a>
<a class="font-bold text-darken whitespace-nowrap px-4 py-2 mt-2 text-lg bg-transparent rounded-lg md:mt-8 md:ml-4 hover:text-gray-900 focus:outline-none focus:shadow-outline"
href="https://mujcentral.in/comingsoon"><span
class='hover-underline-animation text-darken'>Events</span></a>
<a class="font-bold text-darken whitespace-nowrap px-4 py-2 mt-2 text-lg bg-transparent rounded-lg md:mt-8 md:ml-4 hover:text-gray-900 focus:outline-none focus:shadow-outline"
href="#blogs"><span class='hover-underline-animation text-darken'><span
class='hover-underline-animation text-darken'>Blogs</span></span></a>
<a class="font-bold text-darken whitespace-nowrap px-4 py-2 mt-2 text-lg bg-transparent rounded-lg md:mt-8 md:ml-4 hover:text-gray-900 focus:outline-none focus:shadow-outline"
href="https://mujcentral.in/team"><span class='hover-underline-animation text-darken'>About Us</span></a>
<a class="font-bold text-darken whitespace-nowrap px-10 py-3 mt-2 text-lg text-center bg-white text-gray-800 rounded-full md:mt-8 md:ml-4"
href="https://chat.whatsapp.com/IA5zzF69NUx0CpFcfFiKx8"><span
class='hover-underline-animation text-darken'>Join Us</span></a>
<a href="https://forms.gle/ctBRnoSJk26Zk5TTA">
<a class="font-bold whitespace-nowrap px-10 py-3 mt-2 text-lg text-center bg-yellow-500 text-white rounded-full md:mt-8 md:ml-4"
href="https://forms.gle/ctBRnoSJk26Zk5TTA">
Contribute</a></a>
</nav>
</div>
</div>
<div class="px-4 lg:px-8 mx-auto max-w-screen-xl overflow-x-hidden">
<!-- HERO SECTION -->
<div class="sm:flex items-center sm:space-x-8">
<div class="sm:w-1/2 justify-center items-start text-center lg:text-left">
<h1 class="my-2 text-5xl font-bold leading-tight text-darken">
<span class="text-yellow-500">Effortless Carpooling </span> Now At Your Fingertips!
</h1>
<div class="<div class="sm:w-1/2 justify-center items-start lg:items-left mt-2 pb-2">
<!-- <img style="@media max-width:500px { margin-left:15px }" class="w-40 h-7" src="https://i.ibb.co/whb2Vfv/Untitled-design-26.webp" /> -->
</div>
<p class="leading-normal text-2xl mb-8 text-base leading-relaxed text-darken font-bold">Finding partner for
carpooling has never been <span class="hover-underline-animation text-yellow-500">so simple!</span> Choose
your carpool partner without any hassle!</p>
<div class="w-full md:flex items-center justify-center lg:justify-start md:space-x-5 grid gap-4 md:grid-cols-2">
<a href="https://carpool.mujcentral.in/journey">
<button
class="lg:mx-0 bg-yellow-500 text-white text-xl font-bold rounded-full py-4 px-9 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out">
Post a Ride
</button>
</a>
<a href="https://carpool.mujcentral.in/fetchdata">
<button
class="lg:mx-0 bg-yellow-500 text-white text-xl font-bold rounded-full py-4 px-9 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out">
Find a Ride
</button>
</a>
</div>
</div>
<div class="md:w-1/2 items-start">
<img class="md:w-11/12" src="img/mujcp.webp">
</div>
</div>
</div>
<!-- container -->
<div class="container px-4 lg:px-8 mx-auto max-w-screen-xl text-gray-700 overflow-x-hidden">
<div class="mt-28">
<div data-aos="flip-down" class="text-center max-w-screen-xl mx-auto">
<h1 class="text-4xl text-darken font-bold mb-4">What makes our Carpooling feature <span
class="hover-underline-animation text-yellow-500">so unique?</span></h1>
<div class="flex items-center justify-center mt-2 pb-2">
<img class="w-40 h-7" src="https://i.ibb.co/whb2Vfv/Untitled-design-26.webp" />
</div>
<div class="mt-8 xl:mt-12 lg:flex lg:items-center">
<div class="grid w-full grid-cols-1 gap-8 xl:gap-16 md:grid-cols-2">
<div class="space-y-3">
<span class="inline-block p-3 text-orange-500 bg-orange-500 rounded-xl">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
</svg>
</span>
<h1 class="text-2xl font-semibold text-darken text-gray-700 capitalize font-bold">Hassle Free Process</h1>
<p class="md:w-1/2 mx-auto text-xl text-gray-500 text-base leading-relaxed font-semibold">
Submit a request by providing basic information such as the time and location of the journey
</p>
</div>
<div class="space-y-3">
<span class="inline-block p-3 text-orange-500 bg-orange-500 rounded-xl">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
</svg>
</span>
<h1 class="text-2xl font-semibold text-darken text-gray-700 capitalize font-bold">Unique Chat Feature
</h1>
<p class="md:w-1/2 mx-auto text-xl text-gray-500 text-base leading-relaxed font-semibold">
Don't want to submit a request? Simply look over the existing requests and start chatting with
Carpoolers!
</p>
</div>
<div class="space-y-3">
<span class="inline-block p-3 text-orange-500 bg-orange-500 rounded-xl">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z" />
</svg>
</span>
<h1 class="text-2xl font-semibold text-darken text-gray-700 capitalize font-bold">Full Control</h1>
<p class="md:w-1/2 mx-auto text-xl text-gray-500 text-base leading-relaxed font-semibold">
Plan Cancelled? Don't worry; you can always delete your request from the same device from which it was
submitted!
</p>
</div>
<div class="space-y-3">
<span class="inline-block p-3 text-orange-500 bg-orange-500 rounded-xl">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
</svg>
</span>
<h1 class="text-2xl text-darken font-semibold text-gray-700 capitalize font-bold">Easy UI</h1>
<p class="md:w-1/2 mx-auto text-xl text-gray-500 text-base leading-relaxed font-semibold">
The platform's simple UI allows you to use it without difficulty! Easily submit or Delete your request
without any hassle!
</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-40">
<div class="justify-center items-start text-center ">
<h1 class="text-4xl text-darken font-bold">How to get the best carpool trip for you,<span
class="hover-underline-animation text-yellow-500"> in steps!</span></h1>
<p class="md:w-2/3 mx-auto pt-4 text-xl leading-relaxed text-gray-500 font-semibold">Easily find your ideal
carpooling partner with just 3 simple steps. Enjoy a safe and comfortable ride with someone you trust</p>
</div>
<div class="md:flex md:space-x-10 items-start">
<div data-aos="flip-up" class="px-4 py-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 lg:py-20">
<div class="grid gap-8 row-gap-5 md:row-gap-8 lg:grid-cols-3">
<div class="border-type p-5 duration-300 transform border-2 hover:-translate-y-2">
<div class="flex items-center mb-2">
<p
class="flex items-center justify-center w-10 h-10 mr-2 text-lg font-bold text-darken rounded-full bg-orange-500">
<span class="text-orange-500">1</span> .
</p>
<p class="text-lg font-bold leading-5 text-darken">Authenticate</p>
</div>
<p class="text-darken font-semibold">
Securely log in with your Manipal ID and receive a one-time password for added protection. Access
restricted to Manipal students only
</p>
</div>
<div class="border-type p-5 duration-300 transform border-2 hover:-translate-y-2">
<div class="flex items-center mb-2">
<p
class="flex items-center justify-center w-10 h-10 mr-2 text-lg font-bold text-darken rounded-full bg-orange-500">
<span class="text-orange-500">2</span> .
</p>
<p class="text-darken font-bold leading-5">Post a Request</p>
</div>
<p class="text-darken font-semibold">
Quickly and easily post a carpooling request by filling out a simple form with your journey details,
including time and date
</p>
</div>
<div class="border-type-carpool p-5 duration-300 transform border-2 hover:-translate-y-2">
<div class="flex items-center mb-2">
<p
class="flex items-center justify-center w-10 h-10 mr-2 text-lg font-bold text-darken rounded-full bg-orange-500">
<span class="text-orange-500">3</span> .
</p>
<p class="text-darken font-bold leading-5">Find A Match</p>
</div>
<p class="text-darken font-semibold">
Browse available carpooling requests and choose the one that best suits your needs. Connect with your
carpooler and hit the road!
</p>
<p
class="absolute top-0 right-0 flex items-center justify-center w-8 h-8 -mt-4 -mr-4 font-bold rounded-full bg-orange-500 sm:-mt-5 sm:-mr-5 sm:w-10 sm:h-10">
<svg class="text-orange-500 w-7" stroke="currentColor" viewBox="0 0 24 24">
<polyline fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
stroke-miterlimit="10" points="6,12 10,16 18,8"></polyline>
</svg>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- TESTIMONIAL -->
<div class="mt-36 flex flex-col-reverse md:flex-row items-start md:space-x-10">
<div data-aos="zoom-in-right" class="md:w-5/12">
<div class="flex items-center space-x-20 mb-5">
<span class="border border-gray-500 w-14 absolute"></span>
<h1 class="text-gray-500 font-semibold tracking-widest text-sm">TESTIMONIAL</h1>
</div>
<h1 class="font-bold text-darken text-2xl lg:pr-40">What to do they say?</h1>
<p class="text-gray-500 my-5 lg:pr-36 font-semibold">MUJ Central has weekly traffic of 1000+ users</p>
<p class="text-gray-500 my-5 lg:pr-36 font-semibold">No matter what's your subject or branch, we have resources
for everyone and more getting uploaded everyday! This has helped many students to ace their exams and
performed better</p>
<p class="text-gray-500 my-5 lg:pr-36 font-semibold">Have you also been benefited? Please give your testimonial
</p>
<a href="https://forms.gle/GuJFgdBqdMGkpXxi8">
<button
class="flex items-center space-x-3 pl-3 border-b border-l border-t border-yellow-500 text-yellow-500 font-medium my-4 focus:outline-none transform transition hover:scale-110 duration-300 ease-in-out rounded-full">
<span>Write your testimonial</span>
<div class="border border-yellow-500 h-14 w-14 rounded-full flex items-center justify-center">
<svg class="w-5 h-5" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M25.7071 8.70711C26.0976 8.31658 26.0976 7.68342 25.7071 7.2929L19.3431 0.928934C18.9526 0.538409 18.3195 0.538409 17.9289 0.928934C17.5384 1.31946 17.5384 1.95262 17.9289 2.34315L23.5858 8L17.9289 13.6569C17.5384 14.0474 17.5384 14.6805 17.9289 15.0711C18.3195 15.4616 18.9526 15.4616 19.3431 15.0711L25.7071 8.70711ZM-8.74228e-08 9L25 9L25 7L8.74228e-08 7L-8.74228e-08 9Z"
fill="#F48C06" />
</svg>
</div>
</button>
</a>
</div>
<div data-aos="zoom-in-left" class="md:w-7/12">
<img class="md:w-10/12 mx-auto" src="img/testimonials.webp">
</div>
</div>
<!-- Latest News and Resources -->
<div data-aos="zoom-in" class="mt-16 text-center">
<h1 class="text-darken text-2xl font-semibold" id="blogs">Latest Blogs on Academia & College Life</h1>
<p class="text-gray-500 font-semibold my-5">Discover what's going on around you @MUJ and what's yet to come!</p>
</div>
<div data-aos="zoom-in-up" class="my-14 flex flex-col lg:flex-row lg:space-x-20">
<div class="lg:w-6/12">
<img class="w-full mb-6" src="img/exam101.png">
<span class="bg-yellow-300 text-darken font-semibold px-4 py-px text-sm rounded-full">EXAMS</span>
<h1 class="text-gray-800 font-semibold my-3 text-xl">Feeling stressed out because of your MTE's or ETE's? Then
you need to check out this blog post!</h1>
<p class="text-gray-500 mb-3">If you're feeling stressed out about upcoming MTEs or ETEs, definitely check out
our blog post for some tips on how to manage your time and prepare for exams, and best tips to ace your next
exam with flying colors!</p>
<a href="https://mujcentral.in/exam101" class="underline text-darken font-semibold">Read more</a>
</div>
<div class="lg:w-7/12 flex flex-col justify-between mt-12 space-y-5 lg:space-y-0 lg:mt-0">
<div class="flex space-x-5">
<div class="w-4/12">
<div class="relative">
<a href="https://mujcentral.in/acad_blog01"><img class="rounded-xl w-full" src="img/mujcb2.png"></a>
<span
class="absolute bottom-2 right-2 bg-yellow-300 text-darken font-semibold px-4 py-px text-sm rounded-full hidden sm:block">Academia</span>
</div>
</div>
<div class="w-8/12">
<a href="https://mujcentral.in/acad_blog01">
<h1 class="text-gray-800 text-sm sm:text-lg font-semibold hover:underline">If you're wondering how to
balance college courses and coding, this article may come in handy!</h1>
</a>
<p class="text-gray-500 my-2 sm:my-4 text-xs sm:text-md">Balancing college studies and coding in your first
year can be a challenging task, but with a little bit of organization...</p>
</div>
</div>
<div class="flex space-x-5">
<div class="w-4/12">
<div class="relative">
<a href="https://mujcentral.in/acad_blog02"><img class="rounded-xl w-full" src="img/mujcb3.png"></a>
<span
class="absolute bottom-2 right-2 bg-yellow-300 text-darken font-semibold px-4 py-px text-sm rounded-full hidden sm:block">Academia</span>
</div>
</div>
<div class="w-8/12">
<a href="https://mujcentral.in/acad_blog02">
<h1 class="text-gray-800 text-sm sm:text-lg font-semibold hover:underline">Confused about whether to
pursue a Master's degree from abroad or the GATE exam? This article may be handy for you!</h1>
</a>
<p class="text-gray-500 my-2 sm:my-4 text-xs sm:text-md">Deciding whether to pursue a Master's degree abroad
or to take the GATE exam in India can be...</p>
</div>
</div>
<div class="flex space-x-5">
<div class="w-4/12">
<div class="relative">
<a href="https://mujcentral.in/acad_blog03"><img class="rounded-xl w-full" src="img/mujcb4.png"></a>
<span
class="absolute bottom-2 right-2 bg-yellow-300 text-darken font-semibold px-4 py-px text-sm rounded-full hidden sm:block">College
Life</span>
</div>
</div>
<div class="w-8/12">
<a href="https://mujcentral.in/acad_blog03">
<h1 class="text-gray-800 text-sm sm:text-lg font-semibold hover:underline">5 Tips for Acing Data
Structures and Algorithms, that you can't miss out!</h1>
</a>
<p class="text-gray-500 my-2 sm:my-4 text-xs sm:text-md">Data Structures and Algorithms are fundamental
concepts in computer science that are essential for developing efficient and effective software solutions.
Acing these...</p>
</div>
</div>
</div>
</div>
</div>
<!-- .container -->
<footer class="mt-32" style="background-color: rgba(37, 38, 65, 1);">
<div class="max-w-lg mx-auto">
<div class="flex py-12 justify-center text-white items-center px-20 sm:px-36">
<div class="relative">
<img class="h-11 pr-5 relative z-50" src="img/mujcwhite.webp" alt="MUJ Central" />
</div>
</div>
<div class="flex items-center text-gray-400 text-sm font-semibold justify-center">
<a href="https://mujcentral.in/team" class="pr-3">About Us</a>
<a href="https://chat.whatsapp.com/IA5zzF69NUx0CpFcfFiKx8" class="border-l border-gray-400 px-3">Join Us</a>
<a href="https://mujcentral.in/tnc" class="border-l border-gray-400 pl-3">Terms & Conditions</a>
</div>
<div class="text-center text-white">
<p class="my-3 text-gray-400 text-sm font-semibold"><span class="font-semibold">© 2023 MUJ Central </span>
</p>
<div class="py-3 tracking-wide">
<p>Website developed by <a href="https://ieeemuj.com"><span class="font-semibold">TEAM IEEE SB MUJ </span></a>
</p>
</div>
</div>
</div>
</footer>
<!-- AOS init -->
<script src="js/aosmotion.js"></script>
<script>
AOS.init();
</script>
</body>
</html>