diff --git a/alternating.html b/alternating.html
index a3f5035..e285d18 100644
--- a/alternating.html
+++ b/alternating.html
@@ -4,27 +4,64 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Cookie Store</title>
+    <link rel="stylesheet" href="css/styles.css">
+    <link 
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" 
+      rel="stylesheet" 
+      integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" 
+      crossorigin="anonymous">
+    <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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
   </head>
   <body>
     <main>
-      <h2>Our Cookies</h2>
-      <p>Checkout our latest and delicious cookies.</p>
-
-      <h3>Mint Chocolate</h3>
-      <p>Tasty mint chocolate cookies</p>
-      <img src="images/mint-cookie.png" alt="A single mint chocolate cookie" />
-
-      <h3>Peanut Butter</h3>
-      <p>Yummy peanut buttery goodness</p>
-      <img src="images/peanut-cookie.png" alt="A single peanut butter cookie" />
-
-      <h3>Oatmeal</h3>
-      <p>Your fitness instructors favorite</p>
-      <img src="images/oatmeal-cookie.png" alt="A single oatmeal cookie" />
-
-      <h3>Chocolate Chip</h3>
-      <p>Gooey chocolate you'll love</p>
-      <img src="images/chip-cookie.png" alt="A single chocolate chip cookie" />
+      <header>
+        <section class="title">
+          <h1>Cookie Store</h1>
+          <p>Buy our awesome cookies. All proceeds go to charity!</p>
+        </section>
+      </header>
+      <section class="store">
+        <div class="store-title">
+          <h2 class="text text-primary">Our Cookies</h2>
+          <p>Checkout our latest and delicious cookies.</p>
+        </div>
+        <div class="container text-center">
+          <div class="row">
+            <div class="col">
+              <h3>Mint Chocolate</h3>
+              <p>Tasty mint chocolate cookies</p>
+              <img src="images/mint-cookie.png" alt="A single mint chocolate cookie" class="cookie-image"/>
+            </div>
+            <div class="col">
+              <h3>Peanut Butter</h3>
+              <p>Yummy peanut buttery goodness</p>
+              <img src="images/peanut-cookie.png" alt="A single peanut butter cookie" class="cookie-image"/>
+            </div>
+            <div class="col">
+              <h3>Oatmeal</h3>
+              <p>Your fitness instructors favorite</p>
+              <img src="images/oatmeal-cookie.png" alt="A single oatmeal cookie" class="cookie-image"/>
+            </div>
+            <div class="col">
+              <h3>Chocolate Chip</h3>
+              <p>Gooey chocolate you'll love</p>
+              <img src="images/chip-cookie.png" alt="A single chocolate chip cookie" class="cookie-image"/>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="about-us">
+        <h2 class="about-us-title"">About Us</h2>
+        <img class="about-us-img" src="images/bakers.svg">
+        <p class="about-us-text"">Our bakery is a labor of love, born from a desire to share the simple pleasure of a well-made cookie with our community. Our talented bakers experiment with flavors, textures, and ingredients to offer a diverse selection that caters to every palate. From our classic chocolate chip and gooey caramel creations to our innovative seasonal specials, there’s always something new to try at Sweet Temptations.</p>
+      </section>
+      <section class="contact">
+        <h2 class="contact-title">Contact Us</h2>
+        <p>100 Broadway Avenue,<br> New York, NY 10001<br> (212) 555-1234</p>
+      </section>
     </main>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
   </body>
 </html>
diff --git a/css/styles.css b/css/styles.css
index 3c3f2b6..16ef5a8 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1,77 @@
 /* Add custom css styles here */
+header {
+    background-image: url('../images/coffee-biscuits.jpg');
+    background-size: cover;
+    background-position: center;
+    height: 600px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.title {
+    text-align: center;
+    background-color: black;
+    color: white;
+    opacity: 50%;
+    padding: 20px;
+    height: 30%;
+    width: 60%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: 20px;
+    font-family: 'Montserrat', sans-serif;
+}
+.store {
+    height: 70%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    overflow: auto;
+    padding: 40px;
+}
+.store-title {
+    text-align: center;
+}
+.cookie-image {
+    border-radius: 50%;
+}
+.about-us {
+    background-color: aliceblue;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 300px;
+}
+.about-us-title {
+    text-align: center;
+    position: absolute;
+    margin-bottom: 150px;
+}
+.about-us-img {
+    position: absolute;
+    left: 5%;
+    width: 150px;
+    border-radius: 50%;
+    height: 35%;
+}
+.about-us-text {
+    text-align: left;
+    left: 200px + 5%;
+    position: absolute;
+    width: 75%;
+    right: 5%;
+}
+.contact {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 35%;
+    overflow: auto;
+    background-color: blue;
+    color: white;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index eae824d..0000000
--- a/index.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Cookie Store</title>
-  </head>
-  <body>
-    <header>
-      <h1>Cookie Store</h1>
-      <p>Buy our awesome cookies. All proceeds go to charity!</p>
-    </header>
-
-    <main>
-      <h2>Our Cookies</h2>
-      <p>Checkout our latest and delicious cookies.</p>
-
-      <h3>Mint Chocolate</h3>
-      <p>Tasty mint chocolate cookies</p>
-      <img src="images/mint-cookie.png" alt="A single mint chocolate cookie" />
-
-      <h3>Peanut Butter</h3>
-      <p>Yummy peanut buttery goodness</p>
-      <img src="images/peanut-cookie.png" alt="A single peanut butter cookie" />
-
-      <h3>Oatmeal</h3>
-      <p>Your fitness instructors favorite</p>
-      <img src="images/oatmeal-cookie.png" alt="A single oatmeal cookie" />
-
-      <h3>Chocolate Chip</h3>
-      <p>Gooey chocolate you'll love</p>
-      <img src="images/chip-cookie.png" alt="A single chocolate chip cookie" />
-    </main>
-    <div>
-      <h2>About us</h2>
-
-      <img src="images/bakers.svg" alt="illustrations of two people baking" />
-      <div>
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
-      </div>
-    </div>
-    <footer>
-      <h2>Contact us</h2>
-      <div>
-        100 Broadway Avenue,<br />
-        New York, NY 10001 <br />
-        (212) 555-1234
-      </div>
-    </footer>
-  </body>
-</html>
