CodeYourFuture · AferePreciousOnome · Sep 25, 2024 · Sep 25, 2024 · Sep 25, 2024 · Sep 25, 2024
diff --git a/Cakes-Co/images/2867922_menu_icon.png b/Cakes-Co/images/2867922_menu_icon.png
diff --git a/Cakes-Co/images/Sweet Cake🍰✨.jpeg b/Cakes-Co/images/Sweet Cake🍰✨.jpeg
diff --git a/Cakes-Co/images/bars-solid.svg b/Cakes-Co/images/bars-solid.svg
diff --git a/Cakes-Co/images/cupcakelogo.png b/Cakes-Co/images/cupcakelogo.png
diff --git a/Cakes-Co/images/icons8-menú.svg b/Cakes-Co/images/icons8-menú.svg
diff --git a/Cakes-Co/images/images-removebg-preview.png b/Cakes-Co/images/images-removebg-preview.png
diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html
@@ -1,16 +1,142 @@
 <!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">
-    <title>Responsive Cake webpage</title>
+  <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>Precious secret's </title>
+    <link rel="icon" href="images/cupcakelogo.png" type="image/x-icon">
+    <link rel="stylesheet" href="style.css" />
     <!-- Add a link to your css file here -->
-</head>
+  </head>
+
+  <body>
+    <div class="container">
+      <header>
+        <div>
+          <img
+            class="logo"
+            src="images/cupcakelogo.png"
+            alt="A cupcake picture"
+          />
+        </div>
+        <div class="header-text">
+            <div class="menuicon">
+    &#9776;
+  </div>
+
+
+          <p>"Whipping up sweet moments,one unforgettable cake at a time."</p>
+        </div>
+      </header>
+      <main>
+        <div>
+          <nav>
+            <ul>
+              <li>Home</li>
+              <li>Cakes</li>
+              <li>Order</li>
+              <li>Lesson</li>
+              <li>About</li>
+            </ul>
+          </nav>
+        </div>
+        <section class="hero.section">
+          <div class="hero-article">
+            <div>
+            <h2>
+              Welcome to Precious <br />
+              Secret's Bakery
+            </h2>
+            <article>
+              <p>
+                Precious Secret's Bakery creates heartfelt cakes, blending
+                family recipes and premium ingredients to craft treats that
+                celebrate life's special moments. Every cake is a personal
+                touch, thoughtfully made to transform simple occasions into
+                cherished, lasting memories.
+              </p>
+            </div>
+              <div>
+                <img
+                  src="https://i.pinimg.com/736x/9e/ba/62/9eba62d55c472a89c143380991ea7cac.jpg"
+                  alt="chocolate cate with vanilla icing and strawberry on top"
+                />
+              </div>
+            </article>
+          </div>
+        </section>
 
-<body>
-    <!-- Add your markup here -->
+        <section class="image-section">
+          <h2>Our Star Attraction.</h2>
+          <div class="image-featured">
+            <div>
+              <img
+                src="https://i.pinimg.com/564x/e2/8d/d4/e28dd4d2395016b24939cd4d262dcdcc.jpg"
+                alt=""
+              />
+            </div>
+            <div>
+              <img
+                src="https://i.pinimg.com/564x/91/ae/91/91ae913db9e1844f6911c4e653e3bf04.jpg"
+                alt=""
+              />
+            </div>
+            <div>
+              <img
+                class="second-image"
+                src="https://i.pinimg.com/564x/d8/94/32/d8943260d0db7e9abdf4b176271848fa.jpg"
+                alt=""
+              />
+            </div>
+            <div>
+              <img
+                class="image4"
+                src="https://i.pinimg.com/564x/88/33/93/883393670e09dcf345cce508e6c3ccc1.jpg"
+                alt=""
+              />
+            </div>
+          </div>
+        </section>
+        <section class="about-me"> 
+          <div>
+            <img
+              class="aboutme-image"
+              src="/Cakes-Co/images/Sweet Cake🍰✨.jpeg"
+              alt=""
+            />
+          </div>
+          <div>
+            <p>
+              <em>Hey There!</em><br /><strong>I'm Precious</strong><br />
+              Owner and Creator<br />
+            </p>
+            <p>
+              My name is Precious, and I'm currently studying web development,
+              which fuels my creativity and technical skills. Recently, I
+              discovered a passion for baking, which led me to start my own cake
+              business. Each cake I create is a reflection of my love for this
+              art, and I find immense joy in bringing sweet smiles to people's
+              faces. Every slice is made with love, dedication, and a sprinkle
+              of my unique flair!
+            </p>
+          </div>
+        </section>
+        <footer>
+          <hr />
+          <div>
+            <img src="images/cupcakelogo.png" alt="cupcake logo" />
+            <p>
+              <em>Contact us at </em> Plaça Mayor Vic 085007 <br />
+              Email: @precious secret's.com
+            </p>
+            <p class="secondp">@Precious's secret</p>
+          </div>
+        </footer>
+      </main>
+    </div>
+  </body>
+</html>
 </body>
 
 </html>