index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My recipes book</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="./css/style.css">
    </head>
    <body>
        <h1>My recipes book!</h1>
        <img src="./images/catchef.jpg" alt="A cute cat dressed as a chef" width="600">
        <br>
        <br>
        <ul class="list">Check the recipes bellow:
            <li class="list-item"><a href="./pages/bakedpotato.html"> <span>Potato</span> </a></li>
            <li class="list-item"><a href="./pages/tenderloinroast.html"> <span>Tenderloin Roast</span></a></li>
            <li class="list-item"><a href="./pages/vegiterianchili.html"> <span> Ultimate Vegetarian Chili</span></a></li>
        </ul>
        <p class="final-msg"> Good luck trying these delicious dishes!</p>
    </body>
</html>