Added two more recipes

listiclehub1 · Aug 28, 2024 · 48aafd1 · 48aafd1
1 parent 5873b7a
commit 48aafd1
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 1 deletion.
diff --git a/images/nacho-cheese-sauce.png b/images/nacho-cheese-sauce.png
diff --git a/images/pasta-with-fresh-tomato-sauce.png b/images/pasta-with-fresh-tomato-sauce.png
diff --git a/index.html b/index.html
@@ -9,7 +9,14 @@
 
 <body>
     <h1>Odin Recipes</h1>
-    <a href="./recipes/air-fryer-french-fries.html" target="_blank" rel="noopener noreferrer">Air Fryer French Fries</a>
+    <ul>
+        <li><a href="./recipes/air-fryer-french-fries.html" target="_blank" rel="noopener noreferrer">Air Fryer French
+                Fries</a></li>
+        <li><a href="./recipes/pasta-with-fresh-tomato-sauce.html" target="_blank" rel="noopener noreferrer">Pasta with
+                Fresh Tomato Sauce</a></li>
+        <li><a href="./recipes/nacho-cheese-sauce.html" target="_blank" rel="noopener noreferrer">Nacho Cheese
+                Sauce</a></li>
+    </ul>
 </body>
 
 </html>
diff --git a/recipes/nacho-cheese-sauce.html b/recipes/nacho-cheese-sauce.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nacho Cheese Sauce</title>
+</head>
+
+<body>
+    <h1>Nacho Cheese Sauce</h1>
+    <img src="../images/nacho-cheese-sauce.png" width="600" alt="Nacho with Cheese Sauce">
+
+    <h2>Description</h2>
+    <p>This nacho cheese sauce recipe makes a simple sauce that's delicious spread over tortilla chips. Add some sliced
+        jalapeños to spice things up a bit.</p>
+
+    <h2>Ingredients</h2>
+    <ul>
+        <li>2 tablespoons butter</li>
+        <li>2 tablespoons all-purpose flour</li>
+        <li>1 cup milk</li>
+        <li>7 slices processed American cheese</li>
+        <li>½ teaspoon salt</li>
+    </ul>
+
+    <h2>Steps</h2>
+    <ol>
+        <li>Make the roux with butter and flour.</li>
+        <li>Pour in the milk and whisk until thick.</li>
+        <li>Add cheese and salt, then cook until the cheese is melted.</li>
+    </ol>
+
+</body>
+
+</html>
diff --git a/recipes/pasta-with-fresh-tomato-sauce.html b/recipes/pasta-with-fresh-tomato-sauce.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pasta with Fresh Tomato Sauce</title>
+</head>
+
+<body>
+    <h1>Pasta with Fresh Tomato Sauce</h1>
+    <img src="../images/pasta-with-fresh-tomato-sauce.png" width="600" alt="Pasta with Fresh Tomato Sauce in a bowl">
+
+    <h2>Description</h2>
+    <p>This pasta dish with a fresh tomato sauce and fragrant basil is wonderful served with a green salad.</p>
+
+    <h2>Ingredients</h2>
+    <ul>
+        <li>1 (16 ounce) package dry penne pasta</li>
+        <li>8 Roma (plum) tomatoes, diced</li>
+        <li>½ cup Italian dressing, or to taste</li>
+        <li>¼ cup finely chopped fresh basil</li>
+        <li>¼ cup diced red onion</li>
+        <li>¼ cup grated Parmesan cheese</li>
+    </ul>
+
+    <h2>Steps</h2>
+    <ol>
+        <li>Add penne to lightly salted water and boil for 8-10 minutes</li>
+        <li>Drain pasta and transfer to large bowl</li>
+        <li>Add tomatoes, Italian dressing, basil, red onion, and Parmesan cheese; toss until well coated.</li>
+    </ol>
+
+</body>
+
+</html>