Saphire C-19 Jen Tam, Edith Baltazar, Yulia S

.gitignore

@@ -1 +1,3 @@
 .DS_Store
+.vscode
+venv

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

facts.txt

@@ -0,0 +1,74 @@
+I chose typical milk teas while looking for pictures i was wondering if we should do like a passion fruit tea or like black tea with cheese foam or include other toppings?
+
+I also included a couple cute gifs for fun ^-^
+
+milk-tea
+https://www.epicurious.com/recipes/food/views/classic-milk-tea-bubble-tea
+Milk tea, also known as bubble tea or boba tea, originated in Taiwan in the 1980s.
+It is made by combining tea, milk, and sweetened syrup or fruit flavors, then adding tapioca pearls or other toppings.
+milk tea is available at many tea shops and cafes around the world, and can also be made at home using just a few simple ingredients.
+Fans of milk tea often enjoy experimenting with different toppings and flavor combinations to create their own unique creations.
+milk tea is often served hot or cold with boba (tapioca pearls) added for texture.
+milk tea is often topped with tapioca pearls, which are small, chewy balls made from tapioca starch.
+Milk tea has gained popularity worldwide, with different variations and flavors being introduced in different countries.
+Milk tea has been identified as a potential health risk due to its high sugar content, but some versions can be made with reduced sugar or sugar-free options.
+The bubble tea industry is estimated to be worth more than $2 billion globally.
+In some countries, such as Taiwan and China, there are milk tea shops on almost every corner, serving thousands of drinks a day.
+
+
+match-milk-tea img 
+https://ameessavorydish.com/matcha-milk-tea/
+Matcha milk tea originates from Japan and is made using high quality matcha powder and milk.
+Matcha powder is made from grinding shade-grown green tea leaves into a fine powder.
+Matcha powder contains high levels of antioxidants and the amino acid L-theanine which provides a calm and relaxed feeling.
+The caffeine content of matcha milk tea is lower than coffee but higher than traditional green tea.
+Matcha milk tea is often enjoyed as a mid-day pick-me-up or as a tasty and healthy alternative to sugary drinks.
+
+
+taro-milk-tea
+https://brewedleaflove.com/purple-taro-boba-milk-tea/
+The main ingredient in taro milk tea is taro, which is a root vegetable that is similar in taste and texture to a potato.
+Taro milk tea is typically made by blending together taro root, milk, tea, and sweetener.
+Taro milk tea has a rich and creamy flavor that is slightly sweet and nutty.
+Taro milk tea is a popular alternative to traditional milk teas for people who are lactose intolerant or looking for a dairy-free option.
+Taro milk tea is also known for its health benefits, as taro root is high in fiber, potassium, and vitamin E.
+
+jasmine-milk-tea
+https://greenheartlove.com/jasmine-milk-tea/
+Jasmine milk tea is a popular Taiwanese style milk tea.
+It is typically brewed with a combination of high-quality jasmine tea leaves and milk.
+The jasmine tea used in the recipe is often scented with jasmine flowers, which add a sweet aroma and delicate flavor to the tea.
+Jasmine milk tea can be served hot or cold, depending on your personal preference.
+The milk used in the recipe can be either dairy milk or non-dairy milk, such as soy or almond milk, making it a great option for those who are lactose intolerant or vegan.
+Some variations of jasmine milk tea may include additional ingredients such as honey or boba (tapioca pearls) to enhance the flavor and texture.
+Jasmine milk tea is believed to have numerous health benefits due to the antioxidants and anti-inflammatory properties present in jasmine tea.
+Drinking jasmine milk tea is said to promote relaxation and reduce stress levels due to the calming effects of jasmine flowers.
+The popularity of jasmine milk tea has led to numerous specialty tea shops and bubble tea cafes offering it as a staple drink on their menus.
+The creamy and flavorful nature of jasmine milk tea has garnered a loyal following among tea lovers all over the world.
+
+
+thai-milk-tea
+https://bkkfoodie.com/5-thai-milk-tea-recipes/
+Thai milk tea is also known as 'cha-yen' in Thailand.
+It is usually made by steeping black tea with a combination of spices like star anise, cinnamon, and cardamom.
+The tea is then mixed with condensed milk and sugar, giving it a creamy and sweet taste.
+Thai milk tea is typically served over ice and can be found in many street vendors, cafes, and restaurants in Thailand.
+Thai milk tea is high in caffeine, providing an energy boost to those who need it.
+The tea is also known for its bright orange color, which often comes from adding food coloring to the mix.
+Many people enjoy Thai milk tea as a refreshing drink on a hot day, or as a sweet treat after a meal.
+It is a popular choice to pair with spicy or savory dishes, as it balances out the flavor profile.
+Thai milk tea has become a popular flavor for desserts, such as ice cream, cakes, and pastries.
+
+
+brown-sugar-milk-tea
+https://teakandthyme.com/brown-sugar-milk-boba/
+Originated from Taiwan, brown sugar milk tea is a popular beverage that is enjoyed all over the world.
+Brown sugar milk tea combines the mellowness of milk with the deep and rich flavor of brown sugar syrup.
+Unlike other black teas, brown sugar milk tea is much sweeter, creamier, and richer in flavor.
+The drink is typically served chilled and can include boba pearls or other tapioca-based add-ins.
+The beverage is said to have numerous health benefits, including improved digestion and reduced stress levels.
+Brown sugar milk tea has become a social media sensation, with people posting photos of their drinks on Instagram and other platforms.
+The drink has inspired numerous variations including brown sugar matcha milk tea and brown sugar rose milk tea.
+Many shops have their unique way of making brown sugar syrup, which can alter the taste, thickness, and color of the drink.
+Recently, many recipe websites have emerged, and people can now make their homemade brown sugar milk tea.
+The popularity of brown sugar milk tea has led to the opening of numerous milk tea shops worldwide, making it a universal favorite.

pages/facts.html

@@ -1,12 +1,178 @@
 <!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>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../styles/facts.css"> 
+    <title>Bubble Tea Facts</title>
 </head>
 <body>
+    <!-- NAVBAR STARTS -->
+    <head>
+        <!-- Top navigation -->
+        <nav class="topnav">
+
+      <!-- Centered link -->
+
+      <nav class="topnav-centered">
+        <button href="/pages/index.html">
+          <img id="home" class="active" src="/images/EJY.jpg" />
+        </button>
+    </nav>
 
+
+
+        <!-- Left-aligned links (default) -->
+        <a href="#login">Login</a>
+        <a href="#signup">Signup</a>
+
+        <!-- Right-aligned links -->
+        <nav class="topnav-right">
+            <a href="/pages/favorites.html">Our Favorites</a>
+            <a class="active" href="contact.html">Contact Us</a>
+            <form class="d-flex">
+                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                <button class="btn btn-outline-success" type="submit">Search</button>
+            </form>
+        </nav>
+
+    </head>
+        </nav>
+        <!-- NAVBAR ENDS -->
+
+
+    <!-- <main> -->
+<main id="outer-column">
+    <h1 id="title">Fun<img class="bear-gif" src="/images/bear-tea.gif" alt="bear"></a>Facts!</h1>
+        <h2 id="about-me">About Bubble Tea</h2>
+        <link rel="stylesheet" href="facts.css"> 
+
+
+<!-- BOBA DESCRIPTION START -->
+<style>
+    td { padding: 8px; }
+
+    td li {
+        /* border-collapse: collapse; */
+        border: 5px dotted #FFB6C1;
+        border-left-color: transparent;
+        border-right-color: transparent;
+        border-radius: 9ch;
+        width: 100%;
+        margin-bottom: 24px; 
+        padding-bottom: 26px;
+        list-style-type: none;
+        display: inline-block;
+        text-align: center;
+    }
+
+
+    </style>
+    </head>
+    <body>
+    <table>
+        <tbody>
+            <tr><td>
+            <li> 
+                <img class="dancy-gif" src="https://i.gifer.com/54vI.gif" alt="tb"></a>
+                Thai milk tea is also known as 'cha-yen' in Thailand.
+                It is usually made by steeping black tea with a combination of spices like star anise, cinnamon, and cardamom.
+                The tea is then mixed with condensed milk and sugar, giving it a creamy and sweet taste.
+                Thai milk tea is typically served over ice and can be found in many street vendors, cafes, and restaurants in Thailand.
+                Thai milk tea is high in caffeine, providing an energy boost to those who need it.
+                The tea is also known for its bright orange color, which often comes from adding food coloring to the mix.
+                Many people enjoy Thai milk tea as a refreshing drink on a hot day, or as a sweet treat after a meal.
+                It is a popular choice to pair with spicy or savory dishes, as it balances out the flavor profile.
+                Thai milk tea has become a popular flavor for desserts, such as ice cream, cakes, and pastries.
+            </td><td>
+            <li>  <img class="smack-bee-gif" src="https://media4.giphy.com/media/YiUredNQ5OdxzAaXbV/giphy.gif?cid=6c09b9524e515b251c0d6a30c99fe8146df965d1560bb085&ep=v1_internal_gifs_gifId&rid=giphy.gif&ct=s" alt="tb"></a>
+                Originated from Taiwan, brown sugar milk tea is a popular beverage that is enjoyed all over the world.
+                    Brown sugar milk tea combines the mellowness of milk with the deep and rich flavor of brown sugar syrup.
+                    Unlike other black teas, brown sugar milk tea is much sweeter, creamier, and richer in flavor.
+                    The drink is typically served chilled and can include boba pearls or other tapioca-based add-ins.
+                    The beverage is said to have numerous health benefits, including improved digestion and reduced stress levels.
+                    Brown sugar milk tea has become a social media sensation, with people posting photos of their drinks on Instagram and other platforms.
+                    The drink has inspired numerous variations including brown sugar matcha milk tea and brown sugar rose milk tea.
+                    Many shops have their unique way of making brown sugar syrup, which can alter the taste, thickness, and color of the drink.
+                    Recently, many recipe websites have emerged, and people can now make their homemade brown sugar milk tea.
+                    The popularity of brown sugar milk tea has led to the opening of numerous milk tea shops worldwide, making it a universal favorite. 
+                    <img class="sleep-gif" src="https://1.bp.blogspot.com/-d3cbAVFNsbw/Xf_-ynOROKI/AAAAAAAVDBs/43pR7DJhjecEGRtLYPNSZVMfgxh_GR7igCNcBGAsYHQ/s1600/AW4120110_05.gif" alt="tb"></a>
+                </li>
+            </td></tr>
+
+            <tr><td>
+                <li> 
+                    <img class="kitty-gif" src="https://media.tenor.com/ShOqQaBREDUAAAAj/peach-cat.gif" alt="tb"></a>
+                    Jasmine milk tea is a popular Taiwanese style milk tea.
+                It is typically brewed with a combination of high-quality jasmine tea leaves and milk.
+                The jasmine tea used in the recipe is often scented with jasmine flowers, which add a sweet aroma and delicate flavor to the tea.
+                Jasmine milk tea can be served hot or cold, depending on your personal preference.
+                The milk used in the recipe can be either dairy milk or non-dairy milk, such as soy or almond milk, making it a great option for those who are lactose intolerant or vegan.
+                Some variations of jasmine milk tea may include additional ingredients such as honey or boba (tapioca pearls) to enhance the flavor and texture.
+                Jasmine milk tea is believed to have numerous health benefits due to the antioxidants and anti-inflammatory properties present in jasmine tea.
+                Drinking jasmine milk tea is said to promote relaxation and reduce stress levels due to the calming effects of jasmine flowers.
+                The popularity of jasmine milk tea has led to numerous specialty tea shops and bubble tea cafes offering it as a staple drink on their menus.
+                The creamy and flavorful nature of jasmine milk tea has garnered a loyal following among tea lovers all over the world.
+                <img class="sleep-gif" src="https://3.bp.blogspot.com/-y6U07ohzPqY/Xf_-yLcKHoI/AAAAAAAVDBo/O69XYjQd_aMPaNS9v1OpyJ8uCCUhdNPYACNcBGAsYHQ/s1600/AW4120110_04.gif" alt="tb"></a>
+            </li>
+            </td><td>
+            <li>          <img class="taro-gif" src="https://media1.giphy.com/media/6nW0W0RUpGq42blzso/200w.gif?cid=82a1493b0jdj2fmbv8uf1slri66bbnrbl08wfksinqfgi3mt&ep=v1_gifs_related&rid=200w.gif&ct=s" alt="tb"></a>
+                The main ingredient in taro milk tea is taro, which is a root vegetable that is similar in taste and texture to a potato.
+                    Taro milk tea is typically made by blending together taro root, milk, tea, and sweetener.
+                    Taro milk tea has a rich and creamy flavor that is slightly sweet and nutty.
+                    Taro milk tea is a popular alternative to traditional milk teas for people who are lactose intolerant or looking for a dairy-free option.
+                    Taro milk tea is also known for its health benefits, as taro root is high in fiber, potassium, and vitamin E.
+                    <img class="spit-tea-gif" src="https://1.bp.blogspot.com/-j3vyFfBkT8A/Xf_-0LAOX9I/AAAAAAAVDB8/vz4anaLYUdM9-Sb_o7GGSOsHGEInNxr8gCNcBGAsYHQ/s1600/AW4120110_09.gif" alt="tb"></a>
+                </li>
+                </td></tr>
+            <tr><td>
+            <li>  <img class="matcha-gif" src="https://media3.giphy.com/media/1yniKGdw6TiVk5s7pl/200w.gif?cid=82a1493bqhzpj78bl051sg2obv56q048fs5aeqz8278ouyew&ep=v1_gifs_related&rid=200w.gif&ct=s" alt="tb"></a>
+                Matcha milk tea originates from Japan and is made using high quality matcha powder and milk.
+                Matcha powder is made from grinding shade-grown green tea leaves into a fine powder.
+                Matcha powder contains high levels of antioxidants and the amino acid L-theanine which provides a calm and relaxed feeling.
+                The caffeine content of matcha milk tea is lower than coffee but higher than traditional green tea.
+                Matcha milk tea is often enjoyed as a mid-day pick-me-up or as a tasty and healthy alternative to sugary drinks. 
+                <img class="spit-tea-gif" src=" https://media.tenor.com/PeJi3m2hUDUAAAAj/capoo-bugcat.gif" alt="tb"></a>
+            </li>
+            </td>
+            <td>
+            <li>  <img class="milk-tea-gif" src="https://media1.giphy.com/media/kBHfPMfonjJmM9fpfx/giphy.gif?cid=6c09b952e0nswdb15grj3b54m96wvpokodwkhrmbguohuwno&ep=v1_stickers_related&rid=giphy.gif&ct=s" alt="gif"></a>
+                Milk tea, also known as bubble tea or boba tea, originated in Taiwan in the 1980s.
+                    It is made by combining tea, milk, and sweetened syrup or fruit flavors, then adding tapioca pearls or other toppings.
+                    milk tea is available at many tea shops and cafes around the world, and can also be made at home using just a few simple ingredients.
+                    Fans of milk tea often enjoy experimenting with different toppings and flavor combinations to create their own unique creations.
+                    milk tea is often served hot or cold with boba (tapioca pearls) added for texture.
+                    milk tea is often topped with tapioca pearls, which are small, chewy balls made from tapioca starch.
+                    Milk tea has gained popularity worldwide, with different variations and flavors being introduced in different countries.
+                    Milk tea has been identified as a potential health risk due to its high sugar content, but some versions can be made with reduced sugar or sugar-free options.
+                    The bubble tea industry is estimated to be worth more than $2 billion globally.
+                    In some countries, such as Taiwan and China, there are milk tea shops on almost every corner, serving thousands of drinks a day. </li>
+
+                </td></tr>
+        </tbody>
+
+    </table>
+</main>
+    <!-- </main> -->
+
+<!-- BOBA DESCRIPTION END -->
+</section>
+<footer class="footer">
+    <section>
+      <p class="footer">
+        <button>
+          <a href="mailto: [email protected]" target="__blank">Contact Us</a>
+        </button>
+        <!-- Suggest to make contact us a refereal to About Us.html (same as the top button) and move this info there -->
+        <p>&copy;
+            Copyright 2023 EJY Inc.
+        </p>
+        <p> 
+          <a href="#">Back to top</a>
+        </p>
+      </p>
+    </section>
+  </footer>
 </body>
 </html>

pages/favorites.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<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">
+  <link rel="stylesheet" href="../styles/favorites.css"> 
+  <title>Best Boba Tea</title>
+</head>
+<body>
+  <!-- NAVBAR STARTS -->
+  <header>
+
+    <!-- Top navigation -->
+    <section class="topnav">
+      <!-- Centered link -->
+
+      <nav class="topnav-centered">
+        <button href="/pages/index.html">
+          <img id="home" class="active" src="/images/EJY.jpg" />
+        </button>
+    </nav>
+
+      <!-- Left-aligned links (default) -->
+      <nav>
+        <a class="active" href="favorites.html">Our Favorites</a>
+      </nav>
+
+      <!-- Right-aligned links -->
+      <section class="topnav-right">
+        <nav class="dropdown">
+          <button class="dropbtn">Gallery</button>
+          <nav class="dropdown-content">
+            <a href="gallery.html">Boba Tea Gallery</a>
+          </nav>
+        </nav>
+        <nav class="dropdown">
+          <button class="dropbtn">Facts</button>
+          <nav class="dropdown-content">
+            <a href="facts.html">Bubble Tea Facts</a>
+          </nav>
+        </nav>
+          <a href="us.html">About Us</a>
+            <form class="d-flex">
+              <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+              <button class="btn btn-outline-success" type="submit">Search</button>
+            </form>
+      </section>
+    </section>
+
+    <h1 id="title">Bobalitious!</h1>
+    <h2 id="title2">Our Favorite Spots! </h2>
+
+  </header>
+  <!-- NAVBAR ENDS -->
+
+  <!-- BODY STARTS -->
+  <section>
+    <main>
+
+    </main>
+  </section>
+
+  <!-- BODY ENDS -->
+
+  <!-- FOOTER STARTS -->
+  <footer class="footer">
+    <section>
+      <p class="footer">
+        <button>
+          <a href="mailto: [email protected]" target="__blank">Contact Us</a>
+        </button>
+        <!-- Suggest to make contact us a refereal to About Us.html (same as the top button) and move this info there -->
+        <p>&copy;
+            Copyright 2023 EJY Inc.
+        </p>
+        <p> 
+          <a href="#">Back to top</a>
+        </p>
+      </p>
+    </section>
+  </footer>
+  <!-- FOOTER ENDS -->
+</body>
+</html>