<header class="navbar navbar-expand-md d-print-none">
    <div class="container-xl">
        <button class="navbar-toggler"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#navbar-menu"
                aria-controls="navbar-menu"
                aria-expanded="false"
                aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <ul class="navbar-nav">
            <NavLink class="nav-item" href="/home">
                <div class="nav-link">
                    <span class="nav-link-icon"><i class="fa-solid fa-house"></i></span>
                    <span class="nav-link-title"> Accueil </span>
                </div>
            </NavLink>
            <NavLink class="nav-item" href="/cities">
                <div class="nav-link">
                    <span class="nav-link-icon"><i class="fa-solid fa-city"></i></span>
                    <span class="nav-link-title"> Villes </span>
                </div>
            </NavLink>
        </ul>
    </div>
</header>