<nav class="navbar">
    <div class="d-flex align-items-center gap-3">
        <a class="logo" href="#Acceuil" class="link">Crist'o</a>
        <a href="#recette" class="link">Recettes de cuisine</a>
        <a href="#special" class="link">Spéciales pâques</a>
    </div>

    <!-- barre de recherche -->
    <div class="search-container">
        <form action="/action_page.php" method="get" class="d-flex gap-3">
            <input class="form-control rounded-pill" type="text" placeholder="Chercher quelque chose" name="search">
            <button class="btn btn-primary rounded-pill" type="submit"><i class="fa fa-search"></i></button>
        </form>
    </div>
    <div>
        <a href="#connexion">Connexion</a>
        <a href="#inscription">Inscription</a>
    </div>
</nav>