HTML_CSS/Project_4_Recipe_HTML/My_Saturday_Breakfast/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Avocado Toast on English Muffin</title>
</head>
<body>

    <div id="page-header">
        <h1>Avocado Toast With Egg</h1>
        <img src="./avocado-toast.jpg" alt="Avocado Toast on English Muffin">
    </div>

    <h1>About</h1>

    <p>I typically have time to cook a nice breakfast on Saturday mornings. My favorite is Avocado Toast with Egg.</p>

    <ul>
        <li><strong>Prep:</strong> 10 mins</li>
        <li><strong>Cook:</strong> 5 mins</li>
        <li><strong>Total:</strong> 15 mins</li>
        <li><strong>Servings:</strong> 1 serving</li>
        <li><strong>Total Cost:</strong> $4.00</li>
    </ul>

    <h1>Ingredients</h1>

    <ul>
        <li><a href="https://primenow.amazon.com/dp/B074H6R68R?qid=1566848952&m=ANOZNJWOJO2HN&sr=1-1&ref_=pn_sr_sg_1_img_ANOZNJWOJO2HN">Whole Wheat English Muffin</a>: $0.45</li>
        <li>1 <a href="https://primenow.amazon.com/dp/B07C5ZMJ5H?qid=1566848755&m=ANOZNJWOJO2HN&sr=1-1&ref_=pn_sr_sg_1_img_ANOZNJWOJO2HN">Avocado</a>: $2.99</li>
        <li>2 <a href="https://primenow.amazon.com/dp/B07PFDYT9T?qid=1566848811&m=ANOZNJWOJO2HN&sr=1-5&ref_=pn_sr_sg_5_img_ANOZNJWOJO2HN">Eggs</a>: $0.50</li>
        <li><a href="https://primenow.amazon.com/dp/B074VDJ7KZ?qid=1566848883&m=ANOZNJWOJO2HN&sr=1-2&ref_=pn_sr_sg_2_img_ANOZNJWOJO2HN">Butter</a>: $0.06/ounce</li>
    </ul>

    <h1>Directions</h1>

    <ol>
        <li>Melt 2 teaspoons of butter in a skillet over medium heat.</li>
        <li>Add the eggs to the skillet.</li>
        <li>Allow the egg whites to cook until mostly firm before breaking the yokes.</li>
        <li>Break the yokes and continue cooking until eggs are completely cooked and no longer runny (2-3 minutes).</li>
        <li>Cut english muffins into two slices and place in toaster.</li>
        <li><a href="https://www.realsimple.com/food-recipes/cooking-tips-techniques/preparation/slice-dice-avocado">Cut open the avocado</a></li>
        <li>Use one half of the avocado per slice of english muffin. Remove the avocado from its shell and smear it on the english muffin.</li>
        <li>Distribute the eggs evenly onto the toast.</li>
        <li>Enjoy!</li>
    </ol>


    <h1>Notes</h1>

    <p>You may want to change the style of the egg, type of bread, or add extra ingredients. Tomatoes, bacon, onion, and salsa all go great with this breakfast. Feel free to experiment!</p>

    <h1>Inspired By</h1>

    <ul>
        <li><a href="https://www.allrecipes.com/recipe/221304/perfect-breakfast/">Perfect Breakfast</a></li>
        <li><a href="https://www.allrecipes.com/recipe/246803/avocado-toast-vegan/?internalSource=hub%20recipe&referringContentType=Search&clickId=cardslot%205">Avocado Toast (Vegan)</a></li>
    </ul>

</body>
</html>