food-web/index.html at main · Gozirimdev/food-web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>food-web</title>
    <link rel="stylesheet" href="index.css">
  </head>
  <body>
    <div class="main">
      <div class="main-content">
        <img src="img/food.jpg" alt="" width="450px" height="230px" />
        <h1>Simple Omelette Recipe</h1>
        <p>An easy and quick dash,perfect for any meal. This classic omelette combines beaten eggs cooked to perfection optionally filled with your choice of cheese ,vegetables or meats.</p>
        <section class="prepare-time">
        <h4>Preparation time</h4>
        <ul>
          <li><label>Total:</label>Approximately 10 minutes</li>
          <li><label>Preparation:</label>5 minutes</li>
          <li><label>Cooking:</label>5 minutes</li>
        </ul>
    </section>
        <!-- ingredient -->
        <section class="ingredient">
          <h2>Ingredients</h2>
          <ul>
            <li>2-3 large eggs</li>
            <li>Salt ,to taste</li>
            <li>Pepper, to taste</li>
            <li>1 tablespoon of butter or oil</li>
            <li>Optional fillings: cheese, diced vegetables, cooked meats, herbs.</li>
          </ul>
        </section>
        <hr>
        <!-- instruction -->
        <section class="instruction">
          <h2>Instructions</h2>
          <ol>
            <li><label> Beat the eggs:</label> In a bowl, beat the eggswith a pinch of salt and pepper until they are well missed . You add a tablespoon of water or milk for a fluffier texture</li>
            <li><label>Heat the pan: </label>Place a non-stick frying pan over medium heat and add butter or oil</li>
            <li><label>Cook the omelette:</label> Once the butter is melted and bubbling ,pour in the eggs. Tilt the pan to ensure the eggs evenly coat the surface.</li>
            <li><label>Add fillings(optional): </label>when the eggs begins to set the edge but still slightly runny in the middle, sprinkle your chosen fillings over one half of the omelette.</li>
            <li><label>Fold and serve: </label> As the omelette continues to cook , carefully lift one edge and fold it over the fillings. Let it cook for another minute then side it onto a plate.</li>
            <li><label>Enjoy: </label>Serve hot, with additional salt and pepper if needed.</li>
          </ol>
        </section>
        <hr>
        <!-- Nutrition -->
         <section class="Nutrition">
            <h2>Nutrition</h2>
            <p>The table below shows nutritional values per serving without the additional fillings.</p>
            <ul>
               <li><span>Calories</span><span class="number" style="padding-left: 10px;">277kcal</span></li>
               <hr>
               <li><span>Carbs</span><span class="number" style="padding-left: 5px;">0g</span></li>
               <hr>
               <li><span>Proteins</span><span class="number">20g</span></li>
               <hr>
               <li><span>Fat</span><span class="number" style="padding-left: 24px;">22g</span></li>
            </ul>

         </section>
      </div>
    </div>
  </body>
</html>