Ada-C19 · hawktalk25 · May 18, 2023 · May 18, 2023 · May 18, 2023 · May 18, 2023
diff --git a/images/Cupcakes.jpeg b/images/Cupcakes.jpeg
diff --git a/images/banana_pudding.jpeg b/images/banana_pudding.jpeg
diff --git a/images/chef.jpeg b/images/chef.jpeg
diff --git a/images/chocolate_lava_cake.jpeg b/images/chocolate_lava_cake.jpeg
diff --git a/images/creme_brulee.jpeg b/images/creme_brulee.jpeg
diff --git a/images/desserts-update.jpeg b/images/desserts-update.jpeg
diff --git a/images/desserts.jpeg b/images/desserts.jpeg
diff --git a/images/flan.jpeg b/images/flan.jpeg
diff --git a/images/tiramisu.jpeg b/images/tiramisu.jpeg
diff --git a/pages/facts.html b/pages/facts.html
@@ -1,12 +1,116 @@
 <!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>
+    <head>
+        <title>FunFacts</title>
+        <meta charset="UTF-8">
+        <link rel="icon" href="https://img.freepik.com/free-vector/cupcake-with-pink-cream-top_1308-97089.jpg">
+        <link href="./style/style.css" rel="stylesheet">
+        <link href="./style/facts.css" rel="stylesheet">
+    </head>
+
+    <body>
+        <header>
+            <nav class="topnav">
+                    <a href="index.html">Suger Land</a><a href="facts.html">Sweet Truths</a><a href="gallery.html">Edible Works of Art</a>
+            </nav>
+            <div>
+                <h1>What Do You Know About Dessert?(Wow...)</h1>
+                <img src="../images/desserts-update.jpeg" alt="desserts" width="900" height="400">
+            </div>
+        </header>
+
+        <main>
+            <a href="https://www.ediblearrangements.com/blog/dessert-fun-facts/">Reference</a>
+            <h2>Here's the top-10 fun facts you should know!</h2>
+            <ol>
+                <li>
+                    <section>
+                        <h3>The Origin of the Word Dessert</h3>
+                        <p>
+                            The word “dessert” actually originated from the French word desservir, meaning “to clear the table.” This refers to the fact that desserts are served after the other dishes are cleared off the table.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>The Most Expensive Dessert</h3>
+                        <p>
+                            The Frrrozen Haute Chocolate ice cream sundae from a restaurant called Serendipity 3 in New York takes the cake as the most expensive dessert. It costs $25,000 and is so expensive partly due to the fact that it contains five grams of edible 23-karat gold.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>Chocolate Chip Cookies Eaten Each Year</h3>
+                        <p>
+                            Each year, seven billion chocolate chips are consumed in the United States. This equates to over 19.2 million cookies eaten a day. About 50% of those cookies are homemade, while the others are store-bought.
+                        </p>
+                        <img src="../images/Cupcakes.jpeg" alt="cupcakes">
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>Weddings at McDonald's</h3>
+                        <p>
+                            In Hong Kong, McDonald’s offers wedding packages to brides, grooms, and their families. On the menu, the franchise features wedding cakes made completely out of their famous baked apple pies.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>The Origin of German Chocolate Cake</h3>
+                        <p>
+                            German chocolate cake isn’t German. It’s actually named after Samuel German, an American baker who worked at Baker’s Chocolate Company. He actually created a new type of baking chocolate that incorporated more sugar than typical semisweet chocolate.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>How Profesisonal Taste Testers Eat Ice Cream</h3>
+                        <p>
+                            Ice cream testers use gold spoons for tasting the product instead of regular spoons. Gold eliminates even the slightest “after-taste” that can be caused by the metal or plastic from regular spoons.
+                        </p>
+                        <img src="../images/chef.jpeg" alt="chef">
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>The Chocolate River Made of Real Chocolate</h3>
+                        <p>
+                            The chocolate river in the movie Willy Wonka and the Chocolate Factory was made of real chocolate. It contained 150,000 gallons of water mixed with chocolate and cream. The cream made the mixture spoil pretty quickly on set.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>The Largest Gingerbread House</h3>
+                        <p>
+                            The largest gingerbread house was built in Texas. It covered an area of more than 2,500 feet and contained more than 35,000,000 calories. It was large enough that an entire family of five could live inside.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>The World's Biggest Chocolate Bar</h3>
+                        <p>
+                            According to the Guinness Book of World Records, Armenia holds the title for the world’s biggest chocolate bar. The giant plain chocolate bar, made by the Grand Candy Company, weighed over 9,000 pounds and was created in 2010.
+                        </p>
+                    </section>
+                </li>
+                <li>
+                    <section>
+                        <h3>Candy Cane Legend</h3>
+                        <p>
+                            Legend says that the candy cane was invented to keep children quiet in church. In 1670, a choirmaster in Germany handed out sugar sticks among the young singers to keep them quiet during a Christmas ceremony and bent the candies into shepherds’ crooks for the occasion.
+                        </p>
+                        <img src="../images/desserts.jpeg" alt="desserts">
+                    </section>
+                </li>
+            </ol>
+        </main>
+
+        <footer>
+            <h4>&copy; 2023 Created by JAM. Made with so much love for desserts. All rights reserved.</h4>
+        </footer>
+    </body>
 </html>
diff --git a/pages/gallery.html b/pages/gallery.html
@@ -1,12 +1,59 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
+  <title>Gallery</title>
   <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="icon" href="https://img.freepik.com/free-vector/cupcake-with-pink-cream-top_1308-97089.jpg">
+  <link rel="common stylesheet" href="./style/style.css">
+  <link rel="gallery stylesheet" href="./style/gallery.css">
 </head>
+
 <body>
-
+  <header>
+    <nav class="topnav">
+      <a href="index.html">Sugarland</a>
+      <a href="facts.html">Sweet Truths</a>
+      <a class="active" href="../pages/gallery.html">Edible Works of Art</a>
+    </nav>
+    <h1 class="heading-text">Dessert Gallery
+    </h1>
+  </header>
+
+  <main> 
+    <div class="container">
+      <ul class="image-gallery">
+        <li>
+          <img src="../images/chocolate_lava_cake.jpeg" alt="chocolate lava cake">
+          <div class="overlay"><span>Also known as molten chocolate cake, chocolate lava cake consists of a chocolate cake with a liquid center that slowly spills out when cut into. It can be enjoyed by itself or with fresh fruit. It's Anh's favorite dessert.</span></div>
+        </li>
+        <li>
+          <img src="../images/banana_pudding.jpeg" alt="banana pudding">
+          <div class="overlay"><span>Banana pudding consists of layers of sweet vanilla-flavored custard, vanilla wafers and/or ladyfingers and sliced fresh bananas placed in a dish and typically topped with whipped cream or meringue. It's Mikayla's favorite dessert.</span></div>
+        </li>
+        <li>
+          <img id="middle-photo" src="../images/creme_brulee.jpeg" alt="creme brulee">
+          <div id="middle-text" class="overlay"><span>Crème brûlée is a rich custard topped with caramelized sugar. The caramelized sugar tends to warm the top while leaving the center cool. It can be enjoyed with fresh fruit such as blueberries and strawberries. It's JAM's favorite dessert.</span></div>
+        </li>
+        <li>
+          <img src="../images/tiramisu.jpeg" alt="tiramisu">
+          <div class="overlay"><span>Tiramisu is an Italian dessert made of ladyfingers dipped in coffee, layered with a whipped mixture of eggs, sugar, and mascarpone cheese, and flavoured with cocoa. It's Jessie's favorite dessert. </span></div>
+        </li>
+        <li>
+          <img src="../images/flan.jpeg" alt="flan">
+          <div id="last-text" class="overlay"><span>Flan is a custard dessert with a layer of caramel sauce. It's traditionally eaten by itself, but other variations include being served with black coffee poured on top or mixed with other flavors such as pandan juice or coconut milk. It's Anh's favorite dessert again.</span></div>
+        </li>
+      </ul>
+    </div>
+
+  </main>
+
+  <footer>
+    <section class="footer_text">
+      <h4>&copy; 2023 Created by JAM. Made with so much love for desserts. All rights reserved.</h4>
+    </section>
+  </footer>
 </body>
 </html>
diff --git a/pages/index.html b/pages/index.html
@@ -4,9 +4,46 @@
   <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="icon" href="https://img.freepik.com/free-vector/cupcake-with-pink-cream-top_1308-97089.jpg">
+  <link href="./style/style.css" rel="common stylesheet">
+  <link href="./style/index.css" rel="index stylesheet">
+  <title>Jammin' Desserts</title>
+  <link href="https://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet">
 </head>
+
 <body>
+  <header>
+    <div>
+      <nav class="topnav">
+        <a class="active" href="/pages/index.html">Sugarland</a>
+        <a href="facts.html">Sweet Truths</a>
+        <a href="gallery.html">Edible Works of Art</a>
+      </nav>
+    </div>
+  </header> 
+
+  <main>
+    <section>
+      <div class="text-container">
+        <h1>Jammin' Desserts</h1> 
+      </div>
+    </section>
 
+    <div>
+      <p class="center">
+        Welcome to Jam's Desserts.
+        We're Jessie, Anh, and Mikayla. We'd like to invite you to explore our page. We hope you learn more about 
+        desserts and discover some of our personal favorites! 
+      </p>
+    </div>
+  </main>
+
+  <footer>
+    <section class="footer_text">
+        <h4>&copy; 2023 Created by JAM. Made with so much love for desserts. All rights reserved.</h4>
+    </section>
+  </footer>
 </body>
+
+
 </html>
diff --git a/pages/style/facts.css b/pages/style/facts.css
@@ -0,0 +1,87 @@
+header h1, h2 {
+    color:purple;
+    font-family: Arial, Helvetica, sans-serif;
+    text-shadow: 2px 2px 2px yellow
+    }
+
+/* .topnav {
+    background-color: transparent;
+    overflow: hidden;
+} */
+
+/* .topnav a {
+float: left;
+color: brown;
+text-align: center;
+padding: 14px 16px;
+text-decoration: none;
+font-size: 17px;
+font-weight: bold;
+} */
+
+/* .topnav a:hover {
+background-color:rgb(235, 222, 222);
+color: black;
+} */
+
+.topnav a.active {
+background-color: #c21792;
+color: white;
+}
+
+/* .topnav-right {
+float: right;
+} */
+
+h1 {
+    text-align: center;
+}
+
+main a:link {
+    color: brown;
+    background-color: transparent;
+} 
+
+main a:visited {
+    color: pink;
+    background-color: transparent;
+}
+
+main a:hover {
+    color:chocolate;
+    background-color: transparent;
+}
+
+h3, ol {
+    color:orangered
+}
+
+p {
+    font-size: 1rem;
+    color: initial
+}
+
+div {
+    margin: auto;
+    display: grid;
+    background-color: pink;
+    grid-template-columns: 20% 20% 20% 20% 20%;
+    grid-template-rows: 20% 20% 20% 20% 20%;
+    width: 100vw;
+    height: 60vh;
+}  
+
+div h1 {
+    grid-column: 1 / span 5;
+    grid-row-start: 1;
+    margin: auto;
+}  
+
+div img {
+    grid-column: 1 / span 5;
+    grid-row: 2 / span 4;
+    height: 100%;
+    width: 60%;
+    margin: auto;
+    display: block; 
+}