update recipe book app

sahandghavidel · sahandghavidel · commit 0894ef2fb775 · 2023-03-30T11:04:46.000+07:00
diff --git a/projects/recipe-book-app/index.html b/projects/recipe-book-app/index.html
@@ -3,10 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <title>Recipe Book</title>
-    <link
-      href="https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:400,600,700&display=swap"
-      rel="stylesheet"
-    />
     <link rel="stylesheet" href="style.css" />
   </head>
   <body>
@@ -15,7 +11,44 @@ <h1>Recipe Book</h1>
     </header>
 
     <div class="container">
-      <ul id="recipe-list"></ul>
+      <ul id="recipe-list">
+        <li class="recipe-item">
+          <img
+            src="https://spoonacular.com/recipeImages/12345-312x231.jpg"
+            alt="Recipe 1"
+          />
+          <h2>Recipe 1</h2>
+          <p>
+            <strong>Ingredients:</strong> Ingredient 1, Ingredient 2, Ingredient
+            3
+          </p>
+          <a href="#">View Recipe</a>
+        </li>
+        <li class="recipe-item">
+          <img
+            src="https://spoonacular.com/recipeImages/67890-312x231.jpg"
+            alt="Recipe 2"
+          />
+          <h2>Recipe 2</h2>
+          <p>
+            <strong>Ingredients:</strong> Ingredient 4, Ingredient 5, Ingredient
+            6
+          </p>
+          <a href="#">View Recipe</a>
+        </li>
+        <li class="recipe-item">
+          <img
+            src="https://spoonacular.com/recipeImages/54321-312x231.jpg"
+            alt="Recipe 3"
+          />
+          <h2>Recipe 3</h2>
+          <p>
+            <strong>Ingredients:</strong> Ingredient 7, Ingredient 8, Ingredient
+            9
+          </p>
+          <a href="#">View Recipe</a>
+        </li>
+      </ul>
     </div>
 
     <script src="index.js"></script>
