index.html

<!DOCTYPE html>
<html lang="en">
<!-- This is a basic recipe website done as an assignment for The Odin Project -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Odin's Recipes</title>

    <link href="style.css" rel="stylesheet">
</head>

<body>
    <main>
    <h1>Odin's Recipes</h1>
    <h6>* Modern oven is required...</h6>
        <h2 class="menu">
            <ul>
                <li><a href="recipes/beefstew.html">Beef Stew</a></li>
                <li><a href="recipes/wildboar.html">Wild Boar Goulash</a></li>
                <li><a href="recipes/cabbage.html">Stuffed Cabbage</a></li>
                <li><a href="recipes/rabbit.html">Slow Roasted Rabbit</a></li>
                <li><a href="recipes/sucklingpig.html">Suckling Pig</a></li>
            </ul>
        </h2>
    <br>
    <br>
    <br>
    <p>Website coded by PY Liu for The Odin Project.</p>
    <p>** Disclaimer: Images and texts are not mine. They are only used for educational purposes and, in this case, for web development training.</p>
    </main>
</body>
</html>