<link rel="stylesheet" href="{{ asset('css/navbar.css') }}"><div class="navbar-top"> <div class="mx-lg-3"> <div class="row"> {# START : Logo md #} <div class="col-0 col-md-2 col-lg-2 d-none d-lg-block"> <div class="main-logo"> <a class="navbar-brand pt-0" href="{{ path('homepage') }}"> <img class="logo-fluid" src="{{ asset('uploads/logo/logo.png') }}&{{ "now"|date("hmdY") }}" alt="Logo"> </a> </div> </div> {# FIN : Logo md #} <div class="col-12 col-lg-12"> {# START : Ligne du haut #} <div class="row mx-0 d-none d-lg-block"> <div class="col-12 "> <span class="underline d-flex justify-content-end"> {# START : Recherche md #} <form class="form-inline top-nav active-red-2 mb-0" role="search" method="post" action="{{ path('recherche') }}"> <i class="fas fa-search recherche-icon fa-perso" aria-hidden="true"></i> <input class="recherche form-control form-control-md ml-3 w-75" name="recherche" type="text" placeholder="Rechercher" aria-label="Rechercher" autocomplete="off"> </form> {# FIN : Recherche md #} {# START : Réseaux sociaux md #} {% include "navbar/rs.html.twig" %} {# FIN : Réseaux sociaux md #} </span> </div> </div> {# FIN : Ligne du haut #} {# START : Ligne du bas #} <nav class="navbar navbar-expand-lg mx-0 px-0" > {# START : Logo sm #} <div class="d-flex justify-content-between align-items-center d-lg-none col-12"> <div class="col-6 col-sm-5 col-md-4"> <a class="navbar-brand d-lg-none" href="{{ path('homepage') }}"> <img class="logo img-fluid" src="{{ asset('uploads/logo/logo.png') }}&{{ "now"|date("hmdY") }}" alt="Logo"> </a> {# FIN : Logo sm #} </div> <div class=""> <a class="navbar-toggler d-flex flex-column align-items-center" id="burger-navbar" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> <small class="burger-text">Menu</small> </a> </div> </div> <div class="collapse navbar-collapse mx-4 mx-lg-auto mt-3 mt-lg-0" id="navbarResponsive"> <ul class="navbar-nav ml-lg-auto mr-lg-0 mx-xl-auto"> {# START : Inspiration avec url #} {% include 'navbar/inspiration.html.twig' %} {# FIN : Inspiration avec url #} {# START : Produits #} {% include 'navbar/produit.html.twig' %} {# FIN : Produits #} {# START : PAGE Template Sous Menu Navbar #} {% include 'navbar/templateSousMenuNavbarPages.html.twig' %} {# FIN : PAGE Template Sous Menu Navbar #} {# START :Nos conseils #} <li class="nav-item"> <a class="nav-link {% if path('dossier_racine') in currentUrl %}active{% endif %}" href="{{ path('dossier_racine') }}"> Exclus & Nouveautés </a> </li> {# FIN :Nos conseils #} {# START : ACTUALITES #} <li class="nav-item"> <a class="nav-link {% if path('article_list') in currentUrl %}active{% endif %}" href="{{ path('article_list') }}"> Magazine </a> </li> {# FIN : ACTUALITES #} {# START : CONFIGURATEUR #} <li class="nav-item"> <a class="nav-link {% if currentUrl == path('volumiq_racine') %}active{% endif %}" href="{{ path('volumiq_racine') }}">Configurateurs</a> </li> {# FIN : CONFIGURATEUR #} {# START : NOTICES ET VIDEOS #} {# <li class="nav-item"> <a class="nav-link {% if path('notice_et_videos') in currentUrl %}active{% endif %}" href="{{ path('notice_et_videos') }}"> Notices & vidéos </a> </li> #} {# FIN : NOTICES ET VIDEOS #} {# START : Pages template #} {% include 'navbar/templateNavbarPages.html.twig' %} {# FIN : Pages template #} {# START : CONTACT #} {# {% if contact %} <li class="nav-item"> <a class="nav-link {% if currentUrl == "/demande-devis" %}active{% endif %}" href="{{ path('demande_devis') }}">{{ contact.navbarTitre }}</a> </li> {% endif %} #} {# FIN : CONTACT #} {# START : Réseaux sociaux md #} {% include "navbar/rsMobile.html.twig" %} {# FIN : Réseaux sociaux md #} {# START : Vignette espace prescripteur / espace pro #} {% include "navbar/espacePrescripteurPro.html.twig" %} {# FIN : Vignette espace prescripteur / espace pro #} </ul> </div> </nav> {# FIN : Ligne du bas #} </div> </div> </div></div>