templates/front/navbar.html.twig line 1

Open in your IDE?
  2. <nav class="navbar navbar-expand-lg navbar-dark navbar-togglable fixed-top">
  3.     <div class="container">
  5.         <!-- Brand -->
  6.         <a class="navbar-brand" href="{{ path('home') }}">
  7.             <img src="{{ asset('uploads/logos/logo.png') }}" class="navbar-brand-img" alt="...">
  8.         </a>
  10.         <!-- Toggler -->
  11.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  12.             <span class="navbar-toggler-icon"></span>
  13.         </button>
  15.         <!-- Collapse -->
  16.         <div class="collapse navbar-collapse" id="navbarCollapse">
  18.             <!-- Toggler -->
  19.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  20.                 <i class="fe fe-x"></i>
  21.             </button>
  23.             <!-- Navigation -->
  24.             <ul class="navbar-nav ms-auto">
  25.                 <li class="nav-item">
  26.                     <a class="nav-link" href="{{ path('home') }}" aria-haspopup="true" aria-expanded="false">
  27.                         Accueil
  28.                     </a>
  29.                 </li>
  30.                 <li class="nav-item">
  31.                     <a class="nav-link" href="{{ path('post_details',{'slug':getPostByTitle('TLDI Logistique Services').slug }) }}" aria-haspopup="true" aria-expanded="false">
  32.                         Qui sommes-nous ?
  33.                     </a>
  34.                 </li>
  35.                 <li class="nav-item">
  36.                     <a class="nav-link" href="{{ path('service_details',{'slug':getPostByTitle('Nos Services').slug}) }}" aria-haspopup="true" aria-expanded="false">
  37.                         Nos services
  38.                     </a>
  39.                 </li>
  40.                 <li class="nav-item dropdown">
  41.                     <a class="nav-link dropdown-toggle" id="navbarDocumentation" data-bs-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
  42.                         Nos Tarifs
  43.                     </a>
  44.                     <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDocumentation">
  45.                         <div class="list-group list-group-flush">
  46.                             {% if navChild(3) is not null %}
  47.                             {% set children  = navChild(3) %}
  49.                             {% for child in children %}
  50.                             <a class="list-group-item" href="{{ path('price',{'slug':child.slug}) }}">
  52.                                 <!-- Icon -->
  53.                                 <div class="icon icon-sm text-muted">
  54.                                     <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M8 3v.5A1.5 1.5 0 009.5 5h5A1.5 1.5 0 0016 3.5V3h2a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V5a2 2 0 012-2h2z" fill="#000" opacity=".3"/><path d="M11 2a1 1 0 012 0h1.5a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-5a.5.5 0 01-.5-.5v-1a.5.5 0 01.5-.5H11z" fill="#000"/><rect fill="#000" opacity=".3" x="7" y="10" width="5" height="2" rx="1"/><rect fill="#000" opacity=".3" x="7" y="14" width="9" height="2" rx="1"/></g></svg>                </div>
  56.                                 <!-- Content -->
  57.                                 <div class="ms-4">
  58.                                     <!-- Heading -->
  59.                                     <h6 class="fw-bold text-uppercase text-muted mb-0">
  60.                                        {{ child.name }}
  61.                                     </h6>
  62.                                 </div>
  64.                             </a>
  65.                             {% endfor %}
  66.                             {% endif %}
  69.                         </div>
  70.                     </div>
  71.                 </li>
  74.                 <li class="nav-item">
  75.                     <a class="nav-link" href="{{ path('faq',{'slug':getPostByTitle('Questions – Réponses').slug }) }}" aria-haspopup="true" aria-expanded="false">
  76.                         FAQ
  77.                     </a>
  78.                 </li>
  79.             </ul>
  81.             <!-- Button -->
  82.             <a class="navbar-btn btn btn-sm btn-warning lift ms-auto" href="{{ path('app_contact_new') }}">
  83.                 Nous contacter
  84.             </a>
  86.         </div>
  88.     </div>
  89. </nav>