Ada-C19 · ngwin-ab · May 16, 2023 · May 17, 2023 · May 17, 2023 · May 17, 2023
diff --git a/assets/facebook_icon.svg b/assets/facebook_icon.svg
diff --git a/assets/insta_icon.svg b/assets/insta_icon.svg
diff --git a/assets/twitter_icon.svg b/assets/twitter_icon.svg
diff --git a/pages/facts.html b/pages/facts.html
@@ -1,12 +1,110 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
+  <title>Facts</title>
+  <link rel="stylesheet" href="./styles/styles.css" />
+  <link rel="stylesheet" href="./styles/facts.css" />
 </head>
+
 <body>
-
+  <header>
+    <h1>Berried Treasures</h1>
+    <nav>
+      <ul>
+        <li>
+          <a href="index.html">Home</a>
+        </li>
+        <li>
+          <a href="gallery.html">Gallery</a>
+        </li>
+        <li>
+          <a href="facts.html">Fun Facts</a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <h2>The History of the Chocolate Covered Strawberries</h2>
+    <p>
+      Despite the fact that chocolate has been around since 1100 BC and strawberry has been found growing wild in Italy
+      as early as 234 BC. It was not until a woman by the name of Lorraine Lorusso combined the two in the 1960's in her
+      little shop called the Stop N' Shop in Chicago. She took a tempered version of the gourmet chocolate served in Her
+      store dipped it with the freshest strawberries she could find into the mixture and allowed the chocolate to harden
+      and then displayed it for her customers. As you know it was an instant success. Since then fruit and chocolate
+      have been the perfect pair!
+    </p>
+
+    <br>
+
+    <h2>Gloria's Chocolate Covered Strawberries Recipe</h2>
+    <div class="flex-container">
+      <div class="flex-item" id="flex-item-1">
+        <h4>Ingredients</h4>
+        <ul>
+          <li>1 cup Belgium chocolate</li>
+          <li>1 pound fresh strawberries with leaves</li>
+          <li>Optional toppings</li>
+        </ul>
+      </div>
+
+      <div class="flex-item" id="flex-item-2">
+        <ol>
+          <li>
+            Cupcake ipsum dolor sit amet cookie. Croissant soufflé macaroon cake cupcake gummi bears chocolate cake.
+          </li>
+
+          <li>
+            Powder brownie sweet cheesecake wafer muffin. Halvah chocolate bar gummies shortbread cookie.
+          </li>
+
+          <li>
+            Apple pie gummies dessert chocolate cake jelly gummi bears. Gummi bears sweet oat cake apple pie halvah.
+          </li>
+
+          <li>
+            Lollipop sugar plum cake marshmallow candy canes. Powder tiramisu cake bonbon shortbread gingerbread cookie.
+          </li>
+        </ol>
+      </div>
+    </div>
+
+    <br>
+
+    <h2>Tips for Adies-approved Chocolate Covered Strawberries</h2>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+    </p>
+  </main>
+
+  <footer>
+    <h4>© 2023 Group 6 Fansite</h4>
+    <ul>
+      <li>
+        <a href="https://facebook.com" target="_blank">
+          <img src="../assets/facebook_icon.svg" class="social-media-icons" />
+        </a>
+      </li>
+
+      <li>
+        <a href="https://instagram.com" target="_blank">
+          <img src="../assets/insta_icon.svg" class="social-media-icons" />
+        </a>
+      </li>
+
+      <li>
+        <a href="https://twitter.com/" target="_blank">
+          <img src="../assets/twitter_icon.svg" class="social-media-icons" />
+        </a>
+      </li>
+    </ul>
+
+  </footer>
 </body>
+
 </html>
diff --git a/pages/gallery.html b/pages/gallery.html
@@ -1,12 +1,146 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-</head>
-<body>
-
-</body>
-</html>
+
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gallery</title>
+    <link href="./styles/styles.css" rel="stylesheet">
+    <link href="./styles/gallery.css" rel="stylesheet">
+  </head>
+
+  <body>
+
+    <header>
+      <h1>Berried Treasures</h1>
+
+      <nav class="navigation">
+        <ul>
+          <li>
+            <a href="index.html">Home</a>
+          </li>
+          <li id="gallery-link">
+            <a href="gallery.html">Gallery</a>
+          </li>
+          <li>
+            <a href="facts.html">Fun Facts</a>
+          </li>
+        </ul>
+
+      </nav>
+    </header>
+
+    <main class="gallery-container">
+      <section class="image-container">
+        <h3> 🍓 Dark Chocolate 🍓 </h3>
+        <a href=""><img alt="dark chocolate covered strawberry"
+            src="https://i0.wp.com/www.tasty-lowcarb.com/wp-content/uploads/2018/02/Vertical-Extreme-Closeup-f9.0-88.jpg?ssl=1" /></a>
+        <p>Shortbread pudding cotton candy bonbon apple pie bear claw marzipan fruitcake icing. Brownie carrot cake chocolate ice cream gummies. Macaroon sesame snaps croissant jelly-o icing jujubes sesame snaps candy.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Milk Chocolate 🍓 </h3>
+        <a href=""><img alt="milk chocolate covered strawberry"
+            src="https://oakmontbakery.com/wp-content/uploads/2020/06/Milk-Chocolate-Dipped-Strawberries-choc-on-choc.jpg" /></a>
+        <p>Macaroon tiramisu jelly-o gummies jelly bear claw. Jelly beans jujubes lemon drops muffin lemon drops chocolate cake biscuit donut. Shortbread chocolate toffee bonbon sweet tootsie roll danish cake candy.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 White Chocolate 🍓 </h3>
+        <a href=""><img alt="white chocolate covered strawberries"
+            src="https://www.atablefullofjoy.com/wp-content/uploads/2022/01/white-chocolate-covered-strawberries-featured-500x500.jpg" /></a>
+        <p>Danish cookie tiramisu chocolate bar apple pie. Cheesecake jelly-o candy canes sweet roll chocolate cake powder gummi bears marzipan bonbon. Cookie jelly-o candy canes chocolate macaroon gummies cake cupcake. Soufflé sweet roll danish toffee sweet.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Sprinkles 🍓 </h3>
+        <a href=""><img alt="chocolate covered strawberries with sprinkles"
+            src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQLTmv4l5fW_s3NEhlrvey9eLZkLRNas7MBlHYPbhSbbw&usqp=CAU&ec=48665698" /></a>
+        <p>Chocolate toffee dragée muffin lollipop candy canes pie pie. Bonbon ice cream ice cream tiramisu pudding halvah cheesecake gingerbread. Cookie apple pie jelly beans jelly-o jelly-o.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Gold Dusted 🍓 </h3>
+        <a href=""><img alt="gold dusted chocolate covered strawberries"
+            src="https://i.pinimg.com/originals/88/98/19/8898191988c66a54cdb05a9003ab8803.jpg" /></a>
+        <p>Pudding sweet roll icing chocolate topping. Croissant halvah jelly-o pudding toffee sweet biscuit sweet roll sugar plum. Marshmallow cookie halvah liquorice pudding shortbread bear claw cheesecake chupa chups. Dessert brownie cupcake macaroon lemon drops icing muffin.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Toasted Coconut Flakes 🍓 </h3>
+        <a href=""><img alt="coconut chocolate covered strawberries"
+            src="https://lifecurrentsblog.com/wp-content/uploads/2018/03/MG_3963.jpg" /></a>
+        <p>Gummies muffin cookie croissant toffee. Cookie jujubes donut donut tart tootsie roll liquorice topping chocolate bar. Halvah danish muffin toffee icing apple pie cotton candy dragée.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Hazlenut 🍓 </h3>
+        <a href=""><img alt="hazlenut chocolate covered strawberries topped with nuts"
+            src="https://thesaltycooker.com/wp-content/uploads/2023/01/ChocolateHazelnutCoveredStrawberries-BLOG1-500x375.jpg" /></a>
+        <p>Shortbread chocolate bonbon candy candy canes cake halvah icing cotton candy. Jelly beans cookie tiramisu muffin caramels wafer cotton candy. Chocolate croissant chocolate muffin croissant sweet roll cake chocolate cupcake.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Cookie Crumb 🍓 </h3>
+        <a href=""><img alt="cookie crumb chocolate covered strawberries"
+            src="https://assets.kraftfoods.com/recipe_images/Oreo-Strawberries-Cream-57690.jpg" /></a>
+        <p>Chupa chups carrot cake sweet roll shortbread wafer lollipop bonbon. Shortbread danish icing sweet roll cookie lollipop pudding gingerbread carrot cake. Lollipop cake pastry lemon drops caramels. Pastry chocolate icing sugar plum chocolate chocolate bar tart pastry pastry.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Tuxedo 🍓 </h3>
+        <a href=""><img alt="tuxedo chocolate covered strawberries"
+            src="https://i0.wp.com/lilmisscakes.com/wp-content/uploads/2011/06/IMG_2472.jpg?ssl=1" /></a>
+        <p>Brownie brownie donut dragée wafer tootsie roll lemon drops gingerbread oat cake. Croissant cake powder bonbon pudding lemon drops icing gummi bears. Macaroon fruitcake soufflé brownie chocolate bar.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Sports Themed 🍓 </h3>
+        <a href=""><img alt="chocolate covered strawberries with sports theme"
+            src="https://images.saymedia-content.com/.image/t_share/MTc0NjE4Njc3OTc3NjIyNDcz/how-to-decorate-chocolate-covered-strawberries.jpg" /></a>
+        <p>Fruitcake cookie tootsie roll bonbon jelly. Chupa chups gummies powder danish brownie jelly marzipan. Gingerbread pastry cheesecake gingerbread bear claw. Donut croissant topping tart cotton candy.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Marbled 🍓 </h3>
+        <a href=""><img alt="covered strawberries with marbled design"
+            src="https://www.sugarhero.com/wp-content/uploads/2017/01/chocolate-covered-strawberries-5.jpg" /></a>
+        <p>Bear claw biscuit jelly beans sesame snaps marshmallow croissant jelly wafer. Jelly-o jelly beans shortbread pudding tiramisu. Cotton candy jujubes candy canes toffee apple pie chupa chups brownie apple pie gummi bears. Marshmallow dessert cake apple pie tiramisu.</p>
+      </section>
+
+      <section class="image-container">
+        <h3> 🍓 Rainbow 🍓 </h3>
+        <a href=""><img alt="covered strawberries with rainbow design"
+            src="https://i0.wp.com/makezine.com/wp-content/uploads/2015/03/Rainbow-Strawberries-1.jpg?ssl=1" /></a>
+        <p>Cake tootsie roll bear claw halvah chocolate cake fruitcake. Candy croissant lemon drops macaroon lemon drops marzipan shortbread biscuit. Apple pie brownie pie gingerbread carrot cake cake caramels.</p>
+      </section>
+
+
+
+
+
+
+
+
+
+
+    </main>
+    <footer>
+      <section>
+        <ul>
+          <li>
+            <a href="#"><img alt="email address icon" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqF_OTLaZdMzycYs1gnVvfsja9h65wNfVaK8trOuwUbg&usqp=CAU&ec=48665698"/></a>
+          </li>
+          <li>
+            <a href="#"><img alt="facebook contact" src="https://cdn-icons-png.flaticon.com/512/124/124010.png"/></a>
+          </li>
+          <li>
+            <a href="#"><img alt="twitter contact" src="https://static.cdn.wisestamp.com/wp-content/uploads/2020/06/flollow-me-twitter-button.png"/></a>
+          </li>
+        </ul>
+      </section>
+      <h4>© 2023 Group 6 Fansite</h4>
+    </footer>
+    </body>
+</html>
diff --git a/pages/index.html b/pages/index.html
@@ -4,9 +4,88 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
+  <link rel="stylesheet" href="./styles/index.css"/>
+  <link rel="stylesheet" href="./styles/styles.css"/>
+  <title>Group 6 Fansite</title>
 </head>
 <body>
+  <header>
+    <h1>Berried Treasures</h1>
+    <nav>
+      <ul>
+        <!-- <li>
+          <a class="navigation" id="home" href="index.html">Home</a>
+        </li> -->
+        <li>
+          <a class="navigation" id="gallery" href="gallery.html">Gallery</a>
+        </li>
+        <li>
+          <a class="navigation" id="facts" href="facts.html">Fun Facts</a>
+        </li>
+      </ul>
+    </nav>
+  </header>
 
+  <main id="homepage-main">
+    <section class="deals">
+      Spend $5,000 and get free delivery on your order!
+    </section>
+
+    <section class="slogan">
+      <h2 class="slogan" id="slogan-heading"> 
+        For all the Chocolate Strawberry Lovers 
+      </h2>
+      <p class="slogan" id="mission">
+        The strawberry and chocolate specialist bringing you the best of all worlds from the good, the sweet, and the red. Deliciously smooth belgian chocolate covering the delicately sweet and freshness of a fruit. 
+      </p>
+      <p class="slogan">
+        Eat more fruit: It's better for your health!
+      </p>
+    </section>
+
+    <section class="interaction-images">
+      <a id="coming-soon">
+        <p>
+          Coming Soon!
+        </p>
+        <img alt="Patriot Holiday Strawberries Coming Soon" src="https://kidsactivitiesblog.com/wp-content/uploads/2013/06/Fourth-of-July-Chocolate-Covered-Strawberries-Dessert3-1.jpg"/>
+      </a>
+      <a id="order-form">
+        <p>
+          Order Forms (TBD)
+        </p>
+        <img alt="Order Form coming soon" src="https://i.pinimg.com/564x/a2/50/aa/a250aa8b04fd6ca5146a603ab8ce14f7.jpg" />
+      </a>
+      <a id="feedback">
+        <p>
+          Give Us Your Feedback!
+        </p>
+        <img alt="Feedback Request" src="https://cdn1.harryanddavid.com/wcsstore/HarryAndDavid/images/catalog/1530_29002c.jpg?auto=webp&optimize={medium}" />
+      </a>
+    </section>
+  </main>
+
+  <footer>
+    <h4>© 2023 Group 6 Fansite</h4>
+    <ul>
+      <li>
+        <a href="https://facebook.com" target="_blank">
+          <img src="../assets/facebook_icon.svg" class="social-media-icons"/>
+        </a>
+      </li>
+
+      <li>
+        <a href="https://instagram.com" target="_blank">
+          <img src="../assets/insta_icon.svg" class="social-media-icons"/>
+        </a>
+      </li>
+
+      <li>
+        <a href="https://twitter.com/" target="_blank">
+          <img src="../assets/twitter_icon.svg" class="social-media-icons"/>
+        </a>
+      </li>
+    </ul>
+  </footer>
 </body>
 </html>