diff --git a/index.html b/index.html
index e69de29..4c85732 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>My Website</title>
+    <style>
+      body {
+        margin: 0;
+        font-family: Arial, sans-serif;
+      }
+      header {
+        background-color: #333;
+        color: #fff;
+        padding: 1rem 2rem;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+      .brand {
+        font-size: 1.3rem;
+        font-weight: bold;
+      }
+      nav a {
+        color: #fff;
+        text-decoration: none;
+        margin-left: 1rem;
+      }
+      nav a:hover {
+        text-decoration: underline;
+      }
+      footer {
+        background-color: #222;
+        color: #ddd;
+        padding: 1rem 2rem;
+        text-align: center;
+        font-size: 0.9rem;
+      }
+      footer a {
+        color: #66caff;
+        text-decoration: none;
+      }
+      footer a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <header>
+      <div class="brand">My Site</div>
+      <nav>
+        <a href="#home">Home</a>
+        <a href="#about">About</a>
+        <a href="#services">Services</a>
+        <a href="#contact">Contact</a>
+      </nav>
+    </header>
+    <main>
+      <section id="home">
+        <h1>Welcome to My Website</h1>
+        <p>This is a sample header section with navigation.</p>
+      </section>
+    </main>
+    <footer>
+      <p>&copy; 2026 My Site. All rights reserved. <a href="#contact">Contact us</a>.</p>
+    </footer>
+  </body>
+</html>
\ No newline at end of file
