CodeYourFuture · AppolinFotso · Feb 4, 2023 · Feb 4, 2023 · Feb 4, 2023 · Feb 4, 2023
diff --git a/images/cake1.jpeg b/images/cake1.jpeg
diff --git a/images/cake2.jpeg b/images/cake2.jpeg
diff --git a/images/cake3.jpeg b/images/cake3.jpeg
diff --git a/images/cake4.jpeg b/images/cake4.jpeg
diff --git a/images/logo-removebg-preview.png b/images/logo-removebg-preview.png
diff --git a/images/logo.jpg b/images/logo.jpg
diff --git a/images/maincake.webp b/images/maincake.webp
diff --git a/index.html b/index.html
@@ -1,16 +1,82 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Responsive Cake webpage</title>
     <!-- Add a link to your css file here -->
-</head>
+    <link rel="stylesheet" href="style.css" />
+  </head>
 
-<body>
+  <body>
     <!-- Add your markup here -->
-</body>
+    <header class="header">
+      <div class="div-h">
+        <a href="#"
+          ><img src="./images/logo-removebg-preview.png" alt="logo"
+        /></a>
+        <p class="head-p">The best cakes in town delivered to your door</p>
+      </div>
+      <nav class="navigator">
+        <label for="in"> 
+            <span></span>
+            <span></span>
+            <span></span>
+        </label>
+                              <input type="checkbox" id="in"/>
+
+
+          <a href="#">HOME</a>
+          <a href="#content2">CAKES</a>
+          <a href="#">ORDER IN</a>
+          <a href="#">LESSONS</a>
+          <a href="#content1">ABOUT</a>
+
+    </header>
+
+    <main class="content">
+      <section id="content1" class="content1">
+        <h1>Welcome</h1>
+        <p class="cont1-p">
+          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis,
+          magnam ipsum voluptatibus nemo itaque distinctio error molestias quod
+          dicta ab aperiam fuga quisquam veniam sapiente ut? Iure necessitatibus
+          quo mollitia placeat, ipsam quas iste eum officiis consequuntur est,
+          cumque eveniet doloremque ea porro ipsa voluptate a distinctio
+          deleniti, ex excepturi.
+        </p>
+      </section>
+
+      <section class="content2">
+        <a href="#"><img src="./images/maincake.webp" alt="cake" /></a>
+      </section>
+
+      <section id="content3" class="content3">
+        <div class="c">
+          <div class="c1">
+            <a href="#"><img src="./images/cake1.jpeg" alt="cake" /></a>
+          </div>
+          <div class="c2">
+            <a href="#"><img src="./images/cake2.jpeg" alt="cake" /></a>
+          </div>
+          <div class="c3">
+            <a href="#"><img src="./images/cake3.jpeg" alt="cake" /></a>
+          </div>
+          <div class="c4">
+            <a href="#"><img src="./images/cake4.jpeg" alt="cake" /></a>
+          </div>
+        </div>
+      </section>
+    </main>
 
-</html>
+    <footer id="footer" class="footer">
+      <div class="div-f">
+        <p>Delicious</p>
+        <p>Cakes</p>
+        <p>In Town</p>
+      </div>
+      <p>&copy;copyright Designed by Appolin</p>
+    </footer>
+  </body>
+</html>