templates/front/navbar.html.twig line 1

Open in your IDE?
  1. <div class="bgc-white nav-web position-fixed t-0 wip-100   zi-999">
  2.     <nav class="navbar custom-nav navbar-expand-lg r-0 l-0 w-100 he-170 align-items-center justify-content-between  pat-25 pab-15 "  >
  3.         <div class="container-fluid h-100">
  4.             <a class="navbar-brand h-100"
  5.                href="{{ path('front_landing') }}">
  6.                 <div class="d-flex align-items-center  h-100">
  7.                     <img src="{{ asset('assets/img/logo-mons-color.png') }}" alt="logo mons fromager" class="mhe-80"/>
  8.                 </div>
  9.             </a>
  10.             <div class="col mawi-1100 d-sm-flex d-none" id="navbarNav">
  11.                 <ul class="navbar-nav w-100 justify-content-between d-flex d-sm-flex align-items-center">
  12.                     <li class=" dropdown">
  13.                         <a class="nav-link dropdown-toggle linkNav" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  14.                             Qui sommes-nous
  15.                             <i class="fas fa-caret-down ml-2 c-131111 o-60"></i>
  16.                         </a>
  17.                         <ul class="dropdown-menu fs-15" aria-labelledby="navbarDropdown"a>
  18.                             <li class="">
  19.                                 <a href="{{path('front_story')}}">Notre histoire</a>
  20.                             </li>
  21.                             <li class="">
  22.                                 <a href="#">Nos structures</a>
  23.                             </li>
  24.                             <li class="">
  25.                                 <a href="#">MonS Formation</a>
  26.                             </li>
  27.                         </ul>
  28.                     </li>
  29.                     <li class="nav-item pax-10">
  30.                         <a href="#" class="linkNav"> E-shop  </a>
  31.                     </li>
  32.                     <li class="nav-item pax-10">
  33.                         <a href="#" class="linkNav">Nos boutiques  </a>
  34.                     </li>
  35.                     <li class="nav-item pax-10">
  36.                         <a href="#" class="linkNav">Carte cadeau </a>
  37.                     </li>
  38.                     <li class=" dropdown">
  39.                         <a class="nav-link dropdown-toggle linkNav" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  40.                             Prestations évènementielles
  41.                             <i class="fas fa-caret-down ml-2 c-131111 o-60"></i>
  42.                         </a>
  43.                         <ul class="dropdown-menu dropright  fs-15" aria-labelledby="navbarDropdown"a>
  44.                             <li class="">
  45.                                 <a href="#">MonS Formation</a>
  46.                             </li>
  47.                         </ul>
  48.                     </li>
  49.                     <li class="nav-item pax-10">
  50.                         <a href="#" class="linkNav">Actualités/recettes </a>
  51.                     </li>
  52.                     <li class="nav-item pax-10">
  53.                         <a href="#" class="linkNav">Contact</a>
  54.                     </li>
  55.                 </ul>
  56.             </div>
  57.             <div class="d-sm-flex d-none" id="">
  58.                 <ul class="navbar-nav w-100 justify-content-end d-sm-flex align-items-center">
  59.                     <li class="nav-item pax-5">
  60.                         <a href="#"> <img width="30px" src="{{ asset('assets/img/search.png') }}" alt="search icon"/>  </a>
  61.                     </li>
  62.                     <li class="nav-item pax-5">
  63.                         <a href="#"> <img width="30px" src="{{ asset('assets/img/user.png') }}" alt="user icon"/>  </a>
  64.                     </li>
  65.                     <li class="nav-item pax-5 position-relative">
  66.                         <div class="position-absolute wi-18 he-18 r-0 t--5 br-50 bgc-brown d-flex">
  67.                             <span class="m-auto c-white fs-10 lh-10">0</span>
  68.                         </div>
  69.                         <a href="#"> <img width="30px" src="{{ asset('assets/img/shopping-cart.png') }}" alt="shopping cart icon"/>  </a>
  70.                     </li>
  71.                 </ul>
  72.             </div>
  73.         </div>
  74.     </nav>
  75. </div>