CodeYourFuture · Priscilla-MacGatus · Sep 16, 2024 · Sep 16, 2024 · Sep 16, 2024 · Sep 16, 2024
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "cSpell.words": ["fullname", "Wireframe"]
+}
diff --git a/Cakes-Co/index.html b/Cakes-Co/index.html
@@ -1,16 +1,127 @@
 <!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>
 
-<body>
-    <!-- Add your markup here -->
-</body>
+    <!-- Roboto link-->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+      rel="stylesheet"
+    />
+
+    <!----------------LINK TO CSS FILE--------------->
+    <link rel="stylesheet" href="style.css" />
+  </head>
+
+  <body>
+    <!----------------HEADER-------------->
+    <header>
+      <!--------------LOGO----------------->
+      <div class="header-logo">
+        <img
+          src="https://i.pinimg.com/564x/e4/b7/e7/e4b7e7fdac5d5e61f2d31c872efc22b6.jpg"
+          alt="a logo of shelby cakes"
+        />
+      </div>
+      <!--------------MENU------------------->
+      <div class="header-img-text">
+        <div class="header-menu">
+          <img
+            src="https://icons.veryicon.com/png/o/miscellaneous/template-3/menu-59.png"
+            alt="an image of an icon menu"
+          />
+        </div>
+        <!-------------HEADER TEXT----------------->
+        <div class="header-text">
+          <p>The best cakes in town delivered to your door</p>
+        </div>
+      </div>
+    </header>
+
+    <!--------------------MAIN TEXT---------------->
+
+    <main>
+      <!--------------------NAV BAR---------------->
+      <div class="nav-heading-text-image-box">
+        <div class="nav-list">
+          <nav>
+            <ul>
+              <li>HOME</li>
+              <li>CAKES</li>
+              <li>ORDER</li>
+              <li>LESSONS</li>
+              <li>ABOUT</li>
+            </ul>
+          </nav>
+        </div>
+
+
+        <div class="heading-text-image-box">
+          <!--------------------SECTION 1---------------->
+
+          <div class="heading-text">
+             <h1>Welcome to ShelbyCakes</h1>
+             <div class="main-text">
+              <p>
+              Thank you for visiting ShelbyCakes, where we craft beautiful,
+              custom cakes for every special occasion. From birthdays to
+              weddings, our delicious creations are designed to bring your cake
+              visions to life. Explore our flavors and designs, and let us
+              sweeten your celebrations with a touch of joy!
+             </p></div>
+
+           </div>
+
+
+
+
+           <div class="image-box">
+             <img
+             class="main-image"
+             src="https://i.pinimg.com/564x/fd/a7/71/fda771bd007cdaeefaded9552e704ae2.jpg"
+             alt="a  beautiful cake"
+             />
+            </div>
+      </div>
+      <!--------------------SECTION 2---------------->
+      <div class="image-of-four">
+        <img
+          src="https://i.pinimg.com/564x/fa/d7/ff/fad7ff682bb0aab61be7e3dfff5ade86.jpg"
+          alt="maroon cake with flower decorations"
+        />
+        <img
+          src="https://i.pinimg.com/564x/37/41/c9/3741c93fd4fd4c2a1c3088798b8fc5a2.jpg"
+          alt="a cake with a wine class and flowers "
+        />
+        <img
+          src="https://i.pinimg.com/564x/e4/24/99/e424993ccd01262bfedc0fa48674bcb2.jpg"
+          alt="blueberry glass cake"
+        />
+        <img
+          src="https://i.pinimg.com/564x/3a/dc/9b/3adc9b3d7e34e8bb5e34bcdf6cca8c9c.jpg"
+          alt="green coloured delicious doughnuts"
+        />
+      </div>
+    </main>
+
+    <hr />
+    <!--------------------FOOTER---------------->
+    <footer>
+
+      <p class="info-contact">Contact Us</p>
+      <div class="footer-box">
+
+        <p class="info">📞 907-657-432</p>
+        <p class="info">✉️ shelbycakes@gmail.com</p>
+        <p class="info">📍DownTown St. 267</p>
+      </div>
 
-</html>
+      <p class="copyright">&copy; (2024) Priscilla. All Rights Reserved.</p>
+    </footer>
+  </body>
+</html>