MultiverseLearningProducts · eli2412 · Mar 5, 2024 · Mar 5, 2024 · Mar 5, 2024 · Mar 5, 2024
diff --git a/friedgnocchi.jpg b/friedgnocchi.jpg
diff --git a/index.html b/index.html
@@ -4,23 +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">
+    <link rel = "stylesheet" href = "style.css"/>
     <title>Culinary Chronicles </title>
 </head>
 <body>
     <h1>Culinary Chronicles: Showcasing the Best Food in the World</h1>
     <h3>A website by: PARTNER 1 & PARTNER 2</h3>
 
     <!-- Create a list of your favorite cuisines and pictures -->
-
+        <ul>
+            <img src="https://dianashealthyliving.com/wp-content/uploads/2019/09/Italian-food-Depositphotos_.jpg" alt="Italian Food">
+            <li>Italian</li>
+            <img src="https://th.bing.com/th/id/R.4563d00a639e314adb8190d043bddd35?rik=bHsPEHTmc%2fCDcg&pid=ImgRaw&r=0" alt="Japanese Food">
+            <li>Japanese</li>
+            <img src="https://tse3.mm.bing.net/th/id/OIP.bfg9UXXeY_D61zT2d9-agAHaE8?rs=1&pid=ImgDetMain" alt="Indian Food">
+            <li>Indian</li>
+            <img src="https://tse3.mm.bing.net/th/id/OIP.upNbRbYSsibXlwf0djz-aAHaE8?rs=1&pid=ImgDetMain" alt="Thai Food">
+            <li>Thai</li>
+            <img src="https://th.bing.com/th/id/R.543bfd84637a208f120066b4fa272342?rik=4lX4Q11JTatm7Q&pid=ImgRaw&r=0" alt="Mexican Food">
+            <li>Mexican</li>
+        </ul>
 
 
     <!-- Create a list of your favorite dishes with pictures -->
-
+        <img id="tofu" alt="Seasame Tofu with Broccoli" src="seasame_broccoli.webp"/>
+        <li class="dishTxt">Seasame Tofu with Broccoli</li>
+        <img id="steak" alt="Steak" src="steakPic.jfif"/>
+        <li class="dishTxt">Steak</li>
+        <img id="gnocchi" alt="Fried Gnocchi" src="friedgnocchi.jpg"/>
+        <li class="dishTxt">Sheet Pan Gnocchi</li>
 
 
 
     <!-- Create a list of recipes with links to sites that provide the recipe -->
-
+<div>
+    <h4>Recipes</h4>
+    <p>Honey Garlic Chicken</p>
+    <a href="https://cafedelites.com/easy-honey-garlic-chicken/"> Honey Garlic Chicken Recipe</a>
+    <p>Meatloaf</p>
+    <a href="https://tastesbetterfromscratch.com/meatloaf/"> Meatloaf Recipe</a>
+</div>
 
 
 

diff --git a/seasame_broccoli.webp b/seasame_broccoli.webp
diff --git a/steakPic.jfif b/steakPic.jfif
diff --git a/style.css b/style.css
@@ -0,0 +1,29 @@
+#tofu {
+    height: 500px;
+    width: auto;
+    border-radius: 30px;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+#steak {
+    height: 500px;
+    width: auto;
+    border-radius: 30px;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+#gnocchi {
+    height: 600px;
+    width: auto;
+    border-radius: 30px;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+.dishTxt {
+    color: rgb(61, 61, 61);
+    font-size: xx-large;
+    font: italic;
+    text-align: center;}