CodeYourFuture · Farnooshmo · Nov 10, 2022 · Nov 10, 2022 · Nov 10, 2022 · Nov 12, 2022
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -16,21 +16,21 @@ Please complete the details below this message
 
 # Your Details
 
-- Your Name:
-- Your City:
-- Your Slack Name:
+- Your Name:Farnoosh
+- Your City:London
+- Your Slack Name:Farnoosh Moayeri
 
 # Homework Details
 
-- Module:
-- Week:
+- Module:HTML/CSS
+- Week:3
 
 # Notes
 
-- What did you find easy?
+- What did you find easy? HTML
 
-- What did you find hard?
+- What did you find hard? Alingment
 
-- What do you still not understand?
+- What do you still not understand? Alingment
 
 - Any other notes?
diff --git a/img/Bday_cake.jpeg b/img/Bday_cake.jpeg
diff --git a/img/Cake-.jpeg b/img/Cake-.jpeg
diff --git a/img/Cinnamon rolls.jpeg b/img/Cinnamon rolls.jpeg
diff --git a/img/cupcake.webp b/img/cupcake.webp
diff --git a/img/cupcakes.webp b/img/cupcakes.webp
diff --git a/img/tart.jpeg b/img/tart.jpeg
diff --git a/index.html b/index.html
@@ -1,16 +1,91 @@
 <!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" />
+    <script src="scripts.js"></script>
+  </head>
 
-<body>
+  <body>
     <!-- Add your markup here -->
-</body>
+    <header class="header" style="height: 32vh">
+      <div class="cake_shop_avatar">
+        <!-- <img src="img/cupcake.webp" /> -->
+      </div>
+      <div class="cake_shop_slogan">
+        <h1>The best cakes in town delivered to your door!</h1>
+      </div>
+
+      <!-- <nav class="navbar"> -->
+
+      <nav role="navigation" class="navbar">
+        <div id="menuToggle">
+          <input type="checkbox" />
+
+          <span></span>
+          <span></span>
+          <span></span>
+
+          <ul id="menu">
+            <li class="nav_item">
+              <a class="nav_link" href="#">Home</a>
+            </li>
+            <li class="nav_item">
+              <a class="nav_link" href="#">Cakes</a>
+            </li>
+            <li class="nav_item"><a class="nav_link" href="#"> Ordering</a></li>
+            <li class="nav_item"><a class="nav_link" href="#">Lessons</a></li>
+            <li class="nav_item"><a class="nav_link" href="#">About</a></li>
+          </ul>
+        </div>
+      </nav>
+    </header>
+
+    <section class="main">
+      <article class="hero">
+        <div class="welcome_text">
+          <h1 class="welcome">Welcome</h1>
+          <p>
+            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Porro,
+            quam hic! Neque recusandae consequatur fugit alias quibusdam!
+            Perspiciatis enim ab facere possimus similique, aut at pariatur
+            soluta quis reiciendis rem.
+          </p>
+        </div>
+        <div class="welcome_image">
+          <img src="img/Cake-.jpeg" alt="cake" />
+        </div>
+      </article>
+
+      <section class="cake_gallery_wrapper">
+        <div class="bday_cakes">
+          <img src="img/Bday_cake.jpeg" alt="birthday_cake" />
+        </div>
+
+        <div class="tarts">
+          <img src="img/tart.jpeg" alt="tarts" />
+        </div>
+
+        <div class="cup_cakes">
+          <img src="img/cupcakes.webp" alt="cup_cakes" />
+        </div>
+
+        <div class="buns_and_rolls">
+          <img src="img/Cinnamon rolls.jpeg" alt="cinnamon rolls" />
+        </div>
+      </section>
+    </section>
 
-</html>
+    <footer class="footer">
+      <div class="address">
+        📍Code Your Future, 69 Wilson St, London EC2A 2BB
+      </div>
+      <div class="email">📩 info@cake.cyf.co.uk</div>
+      <div class="telephone">☎️ 020 2222 4444</div>
+    </footer>
+  </body>
+</html>
diff --git a/scripts.js b/scripts.js