templates/front/navbar.html.twig line 1

Open in your IDE?
  2.     <div class="div-navbar">
  3.         <section class="section-navbar">
  4.             <div class="div-logo">
  5.                 <a href="{{ path('front_default') }}" class="nav-logo">
  6.                     <img src="/images/logo-vsm.png" id="logo-vsm" alt="logo-vsm" style="width: 166px;z-index: 10;"></a>
  7.             </div>
  11.             <section class="section-navbar-center" id="section-navbar-center">
  12.                 <div class="section-navbar-center-div">
  13.                     <span class="section-navbar-center-span section-navbar-center-span-margin">
  14.                          <a href="{{ path('front_default') }}"><span>Accueil</span></a>
  15.                     </span>
  16.                     <span class="section-navbar-center-span">
  17.                         <a href="{{ path('entretien_meca_repa') }}"><span>Entretien Mécanique & Réparation</span></a>
  18.                     </span>
  19.                     <span class="section-navbar-center-span">
  20.                         <a href="{{ path('carosserie_peinture') }}"><span>Carrosserie & Peinture</span></a>
  21.                     </span>
  22.                     <span class="section-navbar-center-span">
  23.                         <a href="{{ path('voiture_occasion') }}"><span>Voiture Occasion</span></a>
  24.                     </span>
  25.                     <span class="section-navbar-center-span">
  26.                         <a href="{{ path('contact') }}"><span>Contact</span></a>
  27.                     </span>
  28.                     <span class="section-navbar-center-span">
  29.                         <a href="{{ path('devenir_partenaire') }}"><span>Devenez-Franchisé</span></a>
  30.                     </span>
  31.                     </span>
  32.                     <span class="section-navbar-center-span nav-rdv">
  33.                         <a href="{{ path('rdv') }}"><span>Prendre Un Rendez-Vous</span></a>
  34.                     </span>
  38.                 </div>
  40.             </section>
  41.             <section class="section-navbar-right">
  42.                 <a href="{{ path('rdv') }}" class="button-navbar">
  43.                     <button>
  44.                         <span style="font-weight: 600;font-size: 16px;">
  45.                         Prendre Rendez Vous
  46.                     </span>
  47.                     </button>
  48.                 </a>
  49.             </section>
  51.             <div class="menu-mobile">
  52.                 <button onclick="toggleMenu()">
  53.                     <iconify-icon icon="ant-design:menu-outlined" style="color: #af0202;" width="30px" ></iconify-icon>
  54.                 </button>
  55.             </div>
  57.         </section>
  59.     </div>
  60. </header>
  62. <script type="text/javascript">
  64.     function toggleMenu(){
  65.         var element = document.getElementById('section-navbar-center');
  66.         if(element.classList.contains('open')){
  67.             element.classList.remove('open');
  68.         }else{
  69.             element.classList.add('open');
  70.             setTimeout(()=>{
  71.                 document.getElementById("logo-vsm").src="images/logo-transparent.png";
  72.             },'500');
  73.         }
  74.     }
  75. </script>