index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Odin Recipes</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <div class="page-header">
            <h1>Odin Recipes</h1>
        </div>

        <div class="image-div">
            <img src="./images/kitchen.jpeg" alt="lady-cooking-in-kitchen" />
        </div>
        <div class="page-content">
            <h2>These recipes will bring you joy:</h2>
            <ul>
                <li class="list"><a href="./recipes/sandwich.html">Turkey Avocado Delight</a></li>
                <li class="list"><a href="./recipes/chicken-tikka.html">Bangin Chicken Tikka</a></li>
                <li class="list"><a href="./recipes/shawerma.html">Smooth Spicy Shawerma</a></li>
            </ul>
        </div>
    </body>
</html>