-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (40 loc) · 2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Get ready for an electrifying experience at SHRESHTA 2024!">
<meta name="keywords" content="technocultural fest, events, workshops, performances">
<meta name="author" content="SHRESHTA 24">
<title>Coming Soon</title>
<link rel="stylesheet" href="public\styles.css">
<link rel="shortcut icon" href="/public/shreshta.webp" type="image/x-icon">
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
background-image: url('/public/background.webp');
background-size:cover;
background-position:center;
background-repeat:no-repeat ;
background-attachment:fixed;
}
</style>
</head>
<body>
<div class="flex-col absolute flex items-center w-full h-screen">
<p class="intergral italic font-sans text-3xl shadow text-white font-extrabold leading-loose">SHRESHTA</p>
</div>
<div class="z-20 absolute flex justify-center items-center w-full h-screen">
<img class="w-80" src="/public/shreshta.webp" width="500" height="800" >
</div>
<div class="flex-col relative z-30 flex justify-center items-center w-full h-screen">
<p class=" abc text-white text-6xl sm:text-9xl font-extrabold text-center pb-10 leading-tight mb-10 mt-16 "> IT'S CLOSER<br>THAN YOU THINK</p>
<a href="https://23.shreshta.tech/ ">
<button class="checkout bg-[#FFF500] border-3 border-[#345400] border-4 px-4 py-2 w-48 sm text-2xl h-24 text-center" >CHECKOUT <br> SHRESHTA 23 <br></button>
</a>
</div>
<div class=" flex-col absolute inset-x-0 bottom-0 h-16 flex items-center ">
<p class="intergral font-sans text-2xl shadow text-white font-extrabold leading-loose">© 2024 MITS | COMING SOON</p>
</div>
</body>
</html>