From 04b76d5c498555d02b99d9f9517abed08da119d3 Mon Sep 17 00:00:00 2001 From: Liya408 Date: Fri, 30 May 2025 21:44:22 +0530 Subject: [PATCH] Add files via upload for HackSphere 2025 landing page --- index.html | 31 +++++++++++++++++++++++++++++++ styles.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 80 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/index.html b/index.html new file mode 100644 index 000000000..62e30834f --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + + HackSphere 2025 + + + + + +
+

HackSphere 2025

+

Code. Create. Conquer.

+

June 20–22, 2025 - Online

+ Register Now + + + +
+

About the Event

+

HackSphere 2025 is a 48-hour global hackathon connecting developers, designers, and creators from around the world. Solve problems, build ideas, and network globally!
Whether you're a beginner taking your first steps into the world of coding or a seasoned hacker ready to push boundaries, HackSphere provides the perfect platform to learn, build, and grow. With exciting challenges, networking opportunities, and amazing prizes, it's more than just a hackathon—it's a movement.

+
+ + + + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 000000000..bf1888d66 --- /dev/null +++ b/styles.css @@ -0,0 +1,49 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background: #f4f4f9; + color: #333; + text-align: center; +} + +.hero { + background:linear-gradient(135deg,#3a0ca3, #7209b7); + color: rgb(249, 192, 227); + padding: 60px 20px; + text-align: center; +} + +.cta-button { + display: inline-block; + padding: 12px 25px; + margin-top: 20px; + background: #ffbe0b; + color: #000; + text-decoration: none; + font-weight: bold; + border-radius: 8px; + transition: background 0.3s; +} +.cta-button:hover{ + background-color: #faa307; +} + +.about { + padding: 40px 20px; + max-width: 800px; + margin: auto; + color: rgb(208, 201, 237); +} + +.about h2{ + text-align: center; + color: #8d70d2; +} + +footer { + background: #222; + color: #ccc; + text-align: center; + padding: 20px; +} \ No newline at end of file