templates/components/_navbar.html.twig line 1

Open in your IDE?
  1. <div class="container-fluid d-flex justify-content-center">
  2.     <img src="/assets/css/photos/fondJerem.JPG" alt="Header Image" class="header-image">
  3. </div>
  4. <nav class="navbar navbar-expand-xl  navbar-light bg-light">
  5.     <div class="container-fluid  ">
  6.         <a class="navbar-brand" href="{{ path('app_home') }}">
  7.             <img src="/assets/css/photos/logo.png" alt="Logo" width="30" height="24" class="d-inline-block align-top logo1">
  8.         </a>
  9.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  10.             <span class="navbar-toggler-icon"></span>
  11.         </button>
  12.         <div class="collapse navbar-collapse" id="navbarNav">
  13.             <ul class="nav navCustom">
  14.                 <li class="nav-item">
  15.                     <a class="nav-link" href="{{ path('app_home') }}">Accueil</a>
  16.                 </li>
  17.                 <li class="nav-item">
  18.                     <a class="nav-link" href="{{ path('app_team') }}">Qui-suis je?</a>
  19.                 </li>
  21.                 <li class="nav-item dropdown text-center">
  22.                     <div class="d-flex text-center justify-content-center">
  23.                         <a class="nav-link custom-nav-link" href="{{ path('app_products') }}">Activités</a>
  24.                         <a class="nav-link dropdown-toggle" href="#" id="galerieDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"></a>
  25.                     <ul class="dropdown-menu  justify-content-center" aria-labelledby="galerieDropdown">
  26.                         {% for acti in activity %}
  27.                             {% if acti.isDog == 1 %}
  30.                                 <li class="nav-item d-flex align-items-center text-center  custom-button">
  31.                                     
  32.                                     <a class="dropdown-item nav-link" href="{{ path('app_product', { 'slug' : acti.slug }) }}">
  33.                                     <img src="/assets/css/png/dog.png" width="30" height="24" alt="dog" class="d-inline-block ml-2">
  34.                                     {{ acti.name }}</a>
  35.                                 </li>
  36.                             {% else %}
  37.                                 <li class="nav-item custom-button  text-center">
  38.                                     <a class="dropdown-item nav-link" href="{{ path('app_product', { 'slug' : acti.slug }) }}">{{ acti.name }}</a>
  39.                                 </li>
  40.                             {% endif %}
  41.                         {% endfor %}
  42.                                 <li class="nav-item d-flex align-items-center custom-button ">
  43.                                     
  44.                     
  45.                                     <a class="nav-link  " href="{{ path('app_comments') }}">
  46.                                     <img src="/assets/css/png/com.png" width="30" height="24" alt="dog" class="d-inline-block ml-2">
  47.                                         Témoignages
  48.                                     </a>
  49.                                 </li>
  50.                     </ul>
  51.                     </div>
  52.                 </li> 
  53.                 <li class="nav-item dropdown">
  54.                     <a class="nav-link dropdown-toggle" href="#" id="galerieDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  55.                         Galerie
  56.                     </a>
  57.                     <ul class="dropdown-menu" aria-labelledby="galerieDropdown">
  58.                         <li class="nav-item custom-button">
  59.                             <a class="nav-link" href="{{ path('app_gallery') }}">Photos</a>
  60.                         </li>
  61.                         <li class="nav-item custom-button">
  62.                             <a class="nav-link" href="{{ path('app_movie') }}">Vidéos</a>
  63.                         </li>
  65.                     </ul>
  66.                 </li>
  67.                 <li class="nav-item">
  68.                     <a class="nav-link" href="{{ path('app_partners') }}">Partenaires</a>
  69.                 </li>
  70.                 <li class="nav-item">
  71.                     <a class="nav-link" href="{{ path('app_contact') }}">Contact</a>
  72.                 </li>
  73.                 <li class="nav-item">
  74.                     <a class="nav-link" href="{{ path('app_game') }}">Jeux</a>
  75.                 </li>
  76.                 <li class="nav-item ">
  77.                     <a class="nav-link " href="{{ path('app_login') }}" >
  78.                         <img src="/assets/css/png/membre.png" alt="Logo" role="button" class="d-inline-block " href="{{ path('app_login') }}">
  79.                     </a>
  80.                     
  81.                 </li>
  83.             </ul>
  84.         </div>
  85.     </div>
  86. </nav>