index.html

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Odin Recipes</title>
    <link rel="stylesheet" href="style/style.css">

</head>

<body>

    <div class="body-div">
        <h1 class="header">My Recipes</h1>

        <table>
            <thead>
                <tr>
                    <th>
                        <div>
                            <ul class="food-ul">
                                <li class="food-li"><a class="food" href="recipes/lasagna.html"> Lasagna</a></li>
                                <li class="food-li"><a class="food" href="recipes/sphagetti.html">Spaghetti</a></li>
                                <li class="food-li"><a class="food" href="recipes/hamburger.html">Hamburger</a></li>
                            </ul>
                        </div>
                    </th>
                    <th>
                        <img src="images/chef.png" alt="Chef" width="200px">
                    </th>
                </tr>
            </thead>
        </table>
    </div>
</body>


</html>