diff --git a/HackSphere.html b/HackSphere.html
new file mode 100644
index 000000000..c0b403d7d
--- /dev/null
+++ b/HackSphere.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="styles.css"/>
+</head>
+<body>
+    <header>
+    <div>
+        <h1>HackSphere 2025</h1>
+        <p class="h1">Code. Create. Conquer.</p>
+        <p class="h2">June 20 - 22,2025 - Online</p>
+        <a href="#register" class="cta-button">Register Now</a>
+
+    </div>
+    </header>
+    <marquee scrolldelay="2" class="mar" direction="left">HackSphere 48Hr Hackathon 2025 Registrations are now open!!..Register Now!!...seats are filling fast...</marquee>
+    <section class="about-sec">
+    <div class="about">
+        <h2 class="about-head">About</h2>
+        <p class="about1">HackSphere 2025 is a global 48-hour online hackathon bringing together visionary developers, designers, and creators from around the world. Whether you're a seasoned coder or a first-time hacker, this is your chance to innovate, collaborate, and push the boundaries of technology.</p>
+        <p class="about2">Join thousands of participants in a high-energy virtual environment where ideas turn into prototypes and creativity meets code. With workshops, mentorship, and prizes up for grabs, HackSphere is more than an event — it’s a movement for makers and dreamers alike.</p>
+        <p class="about3">Mode : Online<br>
+           Date : June 20 - 22, 2025
+        </p>
+    </div>
+    </section>
+    <section class="foot-sec">
+    <div class="footer-div">
+        <footer class="foot-sentence">© 2025 HackSphere. All rights reserved.</footer>
+    </div>
+    </section>
+</body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 000000000..74e4dfb9c
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,54 @@
+h1{
+    text-align: center;
+    align-items: center;
+    color: #66FCF1;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
+body{
+    background-color: #1F2833;
+    color:#C5C6C7;
+    display:flexbox;
+}
+.about-sec{
+    width:700px;
+    overflow-wrap: break-word;
+}
+.h1,.h2{
+    text-align: center;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+a {
+  display: block;        
+  margin: 0 auto;
+  text-align: center;
+  color:#7FDBFF;
+}
+footer{
+    align-items: center;
+    display: block;
+    text-align: center;
+    margin-top: 70px;
+    color: 	#FFF44F;
+}
+.about-sec{
+  margin-left: 300px;
+  margin-top: 60px;
+  color: #C5C6C7;
+  font-family: 'Times New Roman', Times, serif;
+}
+.h1{
+    color: #00FF9F;
+}
+.h2{
+    color: #F8F9FA;
+}
+.about-head{
+    color: #BFC1C2;
+    font-style: italic;
+}
+.mar{
+    margin-left: 240px;
+    margin-right: 240px;
+    margin-top: 50px;
+    color: bisque;
+}
\ No newline at end of file
