index.html

<!DOCTYPE html>
<html lang="fr">
    <head>
        <title>Gateau au chocolat</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="recette.css"/>
    </head>
    <body>
        <div class="contenu">

            <div class="centre categorie">
                <p class="categorie">Home</p>
            </div>

            <h1>Site de cuisine</h1>

            <div class="separateur"></div>

            <!-- Mon commentaire HTML -->
            <div class="centre">
                <p class="description">"Ce site contient de nombreuses super recettes délicieuses."</p>
            </div>
            <div>
                <div class="home">
                    <h2 style="margin-bottom: 5px;">Recettes</h2>
                    <div class="separateur" style="margin-bottom: 10px;"></div>
                    <div class="ingredients">
                        <p><a href="gateau_choco.html">Gateau au choco</a></p>
                        <p><a href="cookies.html">Cookie</a></p>
                    </div>
                </div>
            </div>
        </div>
    </body>     
</html>        