Bienvenue sur www.cabinet-cipriani.fr
<link rel="stylesheet" href="public/bootstrap-5.0.2/dist/css/bootstrap.min.css"><nav class="navbar navbar-expand-lg bg-white border-bottom">
    <div class="container">
        <a class="navbar-brand fw-bold" href="/">
            Cabinet Dupont
        </a>

        <button class="navbar-toggler" type="button"
                data-bs-toggle="collapse"
                data-bs-target="#mainNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="mainNavbar">
            <ul class="navbar-nav ms-auto align-items-lg-center gap-lg-2">

                <li class="nav-item">
                    <a class="nav-link" href="/">Accueil</a>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle"
                       href="#"
                       data-bs-toggle="dropdown">
                        Particuliers
                    </a>

                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="/mutuelle">Santé & Mutuelle</a></li>
                        <li><a class="dropdown-item" href="/prevoyance">Prévoyance</a></li>
                        <li><a class="dropdown-item" href="/retraite">Retraite & PER</a></li>
                        <li><a class="dropdown-item" href="/placements">Épargne & Placements</a></li>
                    </ul>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle"
                       href="#"
                       data-bs-toggle="dropdown">
                        Professionnels
                    </a>

                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="/mutuelle-tns">Mutuelle TNS</a></li>
                        <li><a class="dropdown-item" href="/prevoyance-tns">Prévoyance TNS</a></li>
                        <li><a class="dropdown-item" href="/per">Retraite & PER</a></li>
                        <li><a class="dropdown-item" href="/homme-cle">Garantie homme clé</a></li>
                    </ul>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="/qui-suis-je">Qui suis-je</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="/contact">Contact</a>
                </li>

                <li class="nav-item ms-lg-3">
                    <a class="btn btn-primary" href="/contact">
                        Prendre rendez-vous
                    </a>
                </li>

            </ul>
        </div>
    </div>
</nav>