index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="Style/style.css">
</head>
<body>
    <div class="Recipe_menu">
        <div class="menu_card">
            <div class="image">
                <img src="recipe-page-main/recipe-page-main/assets/images/image-omelette.jpeg" alt="omelette">
            </div>
            <div class="recipe">
                <h1>Simple Omelette Recipe</h1>
                <span>An easy and quick dish, perfect for any meal. This classic omelette combines beaten eggs cooked to perfection, optionally filled with your choice of cheese, vegetables, or meat</span>
                <div class="preparation_time">
                    <h3>Preparation time</h3>
                    <ul>
                        <li><strong>Total:</strong> Approximately 10 minutes</li>
                        <li><strong>Preparation:</strong> 5 minutes</li>
                        <li><strong>Cooking:</strong> 5 minutes</li>
                    </ul>
                </div>
                <div class="ingredients">
                    <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>
                </div>
                <div class="instructions">
                    <hr>
                    <h2>Instructions</h2>
                    <ol>
                        <li><strong>Beat the eggs:</strong>In a bowl, beat the eggs with a pinch of salt and pepper until they are well mixed. You can add a tablespoon of water or milk for a fluffier mixture.</li>
                        <li><strong>Heat the pan:</strong>Place a non-stick frying pan over medium heat and add butter or oil.</li>
                        <li><strong>Cook the omelette:</strong>once the butter is melted and bubbling, pour in the eggs. Tilt the pan to ensure the eggs evenly coat the surface.</li>
                        <li><strong>Add fillings (optional):</strong>When the eggs begin to set at the edges but are still slightly runny at the middle, sprinkle your chosen fillings oer one half of the omelette.</li>
                        <li><strong>Fold and serve:</strong>As the omelette continues to cook, carefully lift one edge and fold it over the fillings let it cook for another minute, then slide it into a plate.</li>
                        <li><strong>Enjoy:</strong>Serve hot, with additional salt and papper if needed.</li>
                    </ol>
                </div>
                <div class="nutrition">
                    <hr>
                    <h2>Nutrution</h2>
                    <span>The table below shows nutrional values per servings without the additional fillings</span>
                    <table>
                        <tr>
                            <td>Calories</td>
                            <td class="tred">277kcal</td>
                        </tr>
                        <tr>
                            <td>Carbs</td>
                            <td class="tred">0g</td>
                        </tr>
                        <tr>
                            <td>Protein</td>
                            <td class="tred">20g</td>
                        </tr>
                        <tr>
                            <td>Fat</td>
                            <td class="tred">22g</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
</html>