diff --git a/index.html b/index.html
index b7bc91f..9423001 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
@@ -8,36 +9,40 @@
       content="A website about learning computer programming"
     />
     <title>Learn to Code</title>
-    <!--paragraph -->
-    <p>
-      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque incidunt
-      tenetur aliquid magnam distinctio, libero eum vel temporibus eligendi
-      quaerat doloremque sit quas nam sint eveniet quasi aut vitae nulla a ad
-      minima ullam veritatis amet! Suscipit a hic natus modi sint corporis porro
-      rerum harum nesciunt voluptatibus. Odio, maiores.
-    </p>
-    <!--paragraph -->
-    <!-- size of text -->
-    <h1>Mafricanstar</h1>
-    <h2>Mafricanstar</h2>
-    <h3>Mafricanstar</h3>
-    <h4>Mafricanstar</h4>
-    <h5>Mafricanstar</h5>
-    <h6>Mafricanstar</h6>
-    <!-- size of text -->
-    <!-- form -->
-    <form action=""></form>
-    Name
-    <input type="text" placeholder="Enter Name" name="" id="" /><br>
-    Surnname
-    <input type="text" placeholder="Enter Surnname" /><br>
-    Email
-    <input type="email" placeholder="enter email" name="" id="enter" /><br>
-    <label for="Male" input type="checkbox" name="" id="" /><br><br>
-    
-    <!-- Pics of iphone 14 -->
-    <img src="./images/iphone-14-7565225_1280.jpg" alt="Iphone 14 pro max" center width="500" height="500" />
-    <!-- size of text -->
   </head>
-  <body></body>
+<body>
+    <header>
+        <h1>Welcome to the Web Development Hub</h1>
+        <p>Learn everything about front-end, back-end, and GitHub!</p>
+    </header>
+
+    <nav>
+        <ul>
+            <li><a href="#front-end">Front-End</a></li>
+            <li><a href="#back-end">Back-End</a></li>
+            <li><a href="#github">GitHub</a></li>
+        </ul>
+    </nav>
+
+    <section id="front-end">
+        <h2>Front-End Development</h2>
+        <p>Explore HTML, CSS, JavaScript, and responsive design.</p>
+    </section>
+
+    <section id="back-end">
+        <h2>Back-End Development</h2>
+        <p>Dive into server-side languages, databases, and APIs.</p>
+    </section>
+
+    <section id="github">
+        <h2>GitHub</h2>
+        <p>Discover version control, collaboration, and open-source projects.</p>
+    </section>
+    
+
+    <footer>
+        <p>&copy; learn 3 weeks free web dev.</p>
+    </footer>
+</body>
+</html>
 </html>
