-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (50 loc) · 2.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Janmashtami Celebration - Welcome</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
</style>
</head>
<body class="bg-gradient-to-br from-yellow-100 to-orange-100 min-h-screen font-['Poppins',sans-serif]">
<div class="container mx-auto px-4 py-8 flex flex-col items-center justify-center min-h-screen">
<header class="text-center mb-8">
<h1 class="text-4xl md:text-5xl font-bold text-purple-800 mb-4">Janmashtami Celebration</h1>
<p class="text-xl text-gray-700">Hare Krishna</p>
</header>
<main class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg shadow-lg p-8 max-w-2xl w-full">
<section class="mb-8">
<h2 class="text-2xl font-semibold text-blue-700 mb-4">Welcome, Bros!</h2>
<p class="text-gray-700 mb-4">
We are excited to celebrate the birth of Lord Krishna and take the Pledge to grow in sustainability through technology, since we belive Knowledge is Power and Brotherhood before all.
This Form has been created to Test our Latest Community Project and to have some fun.
</p>
<p class="text-gray-700 mb-4">
Click the button below to access the first form of BroForms to debut the journey of BroForms, our Latest Community Project.
</p>
</section>
<section class="mb-8">
<a href="form.html" class="block w-full bg-yellow-400 hover:bg-yellow-500 text-purple-800 font-bold py-3 px-4 rounded text-center transition duration-300 ease-in-out transform hover:scale-105">
Go to Form
</a>
</section>
<section>
<h3 class="text-xl font-semibold text-blue-700 mb-2">Important Notice</h3>
<p class="text-gray-700">
All responses submitted through the form will be made public on this landing page the next day. Join in and see what our community is saying about this beautiful celebration!
</p>
</section>
</main>
<footer class="mt-8 text-center text-gray-600">
<p>🕉️ Hare Krishna 🕉️</p>
<p class="mt-2">© 2024 BroCode Tech Community. All rights reserved.</p>
</footer>
</div>
<script>
// You can add any necessary JavaScript here
</script>
</body>
</html>