Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 56 additions & 0 deletions Indhu/HACKSPHERE 2025/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HackSphere 2025</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap"
rel="stylesheet"
/>
<style>
body {
font-family: 'Orbitron', sans-serif;
}
</style>
</head>

<body class="bg-gradient-to-br from-purple-900 to-blue-900 text-white">
<!-- Hero Section -->
<section class="min-h-screen flex flex-col justify-center items-center text-center px-4 py-12">
<h1 class="text-5xl md:text-7xl font-bold mb-4">HackSphere 2025</h1>
<p class="text-xl md:text-2xl italic mb-4">“Code. Create. Conquer.”</p>
<p class="text-lg mb-6">June 20–22, 2025 – Online</p>
<a href="#" class="bg-pink-600 hover:bg-pink-700 px-6 py-3 rounded-lg text-lg transition">
Register Now
</a>
</section>

<!-- About Section -->
<section class="bg-white text-gray-800 py-16 px-6 text-center">
<h2 class="text-4xl font-semibold mb-6">About HackSphere</h2>
<div class="max-w-3xl mx-auto text-lg">
<p class="mb-4">
HackSphere 2025 is a global 48-hour hackathon that brings together developers, designers,
and creators from all around the world. Whether you're a student, a professional, or a
hobbyist — this is your chance to turn ideas into innovation.
</p>
<p>
Build something meaningful, solve real-world problems, and connect with a global community
of tech enthusiasts — all from the comfort of your home. Join us online and let’s build
the future, together.
</p>
</div>
</section>

<!-- Optional: FAQ or Schedule -->
<!-- Add later if needed -->

<!-- Footer -->
<footer class="bg-gray-900 text-center py-6 text-sm">
© 2025 HackSphere. All rights reserved.
</footer>
</body>
</html>