Merge pull request #52 from chingu-voyages/Add-loading

Add loading

Food-Recipe/index.html

@@ -72,87 +72,8 @@ <h2 class="hero__tagline">Discover, Cook, Enjoy - Your Recipe Hub!</h2>
         <div class="ingredient-searched"></div>
 
         <div class="results__container">
-          <!-- <div class="results__result">
-            <img
-              src="https://picsum.photos/300/200"
-              alt="plate of delicious food"
-              class="result__image"
-            />
-            <div class="results__result--intro">
-              <h3 class="result__name">Meal Name</h3>
-              <button type="button" class="result__get-recipe">
-                Get Recipe
-              </button>
-            </div>
-          </div>
-
-          <div class="modal">
-            <button class="modal__close">&#10006;</button>
-            <h3 class="modal__name">Meal Name</h3>
-            <img
-              src="https://picsum.photos/300/200"
-              alt=""
-              class="modal__image"
-            />
-            <ul class="modal__tags">
-              <li class="modal-tag__text">COUNTRY</li>
-              <li class="modal-tag__text">Difficulty:</li>
-              <li class="modal-tag__rating">
-                <i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
-                ><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i
-                ><i class="fa-solid fa-star"></i>
-              </li>
-            </ul>
-            <div class="modal__info">
-              <div>
-                <h4>Servings:</h4>
-                <p>3</p>
-              </div>
-              <div>
-                <h4>Cook Time</h4>
-                <p>30 minutes</p>
-              </div>
-            </div>
-            <h4>Ingredients:</h4>
-            <p class="modal__ingredients">
-              Coriander chocolate peanut butter dip lavender lemonade blueberry
-              pops red lentil curry hummus falafel bowl mint arugula salad fall
-              coconut milk rich coconut cream.
-            </p>
-
-            <h4>Instructions:</h4>
-            <ol class="modal__instructions">
-              A delicious meal sweet potato Chinese five-spice powder entree
-              tempeh bruschetta delightful blueberry scones red pepper Thai
-              curry alfalfa sprouts coconut pasta apricot red amazon pepper
-              creamiest ginger tofu avocado fig arugula cashew salad cocoa
-              roasted peanuts enchiladas. Salty mediterranean grapefruit fruit
-              smash dark and stormy crispy iceberg lettuce overflowing berries
-              scotch bonnet pepper burritos blueberries fresh banana bread lime
-              crunchy main course green tea lime broccoli frosted gingerbread
-              bites raspberries ultra creamy avocado pesto ghost pepper orange
-              green bowl. Bento box simmer salted mediterranean luxury bowl
-              Bolivian rainbow pepper lingonberry lentils Southern Italian
-              Indian spiced habanero golden sriracha pecans parsley bananas
-              hearts of palm Italian linguine puttanesca almond milk.
-            </ol>
-            <div class="modal__btn-wrapper">
-              <a
-                href="https://notion.so"
-                target="_blank"
-                class="modal__video-link"
-              >
-                Watch Video
-              </a>
-            </div>
-            <details class="modal__nutrition">
-              <summary>Nutrition Information</summary>
-              <ul>
-                <li></li>
-              </ul>
-            </details>
-          </div>
-        </div> -->
+
+        </div> 
       </section>
     </main>
     <footer>