templates/commons/navbar.html.twig line 1

Open in your IDE?
  1. <div class="header-top">
  2.     <div class="container">
  3.         <div class="d-flex justify-content-end align-items-center">
  4.             <div class="menu">
  5.                 <ul class="d-flex flex-nowrap">
  6.                     <li class="">
  7.                         <a href="{{ path('front_presentation') }}">
  8.                             <i class="fa-solid fa-info-circle"></i>
  9.                             A propos
  10.                         </a>
  11.                     </li>
  12.                     <li class="">
  13.                         <a href="{{ path('front_posts') }}">
  14.                             <i class="fa-solid fa-newspaper"></i>
  15.                             Actualités
  16.                         </a>
  17.                     </li>
  18.                     <li class="">
  19.                         <a href="{{ path('front_documents') }}">
  20.                             <i class="fa-solid fa-download"></i>
  21.                             Téléchargements
  22.                         </a>
  23.                     </li>
  24.                     <li class="">
  25.                         <a href="{{ path('front_contact') }}">
  26.                             <i class="fa-solid fa-envelope"></i>
  27.                             Contact
  28.                         </a>
  29.                     </li>
  30.                 </ul>
  31.             </div>
  32.         </div>
  33.     </div>
  34. </div>
  35. <header  class="position-fixed bbw-1  r-0 zi-999 t-50 l-0 bgc-white">
  36.     <div class="position-relative">
  38.         <div class="position-absolute menuProducts br-0 overflow-hidden zi-999  t-85 l-0 r-0">
  39.             {% include "commons/menuProducts.html.twig" %}
  40.         </div>
  41.         <div class="content-nav1 d-flex nav-web container position-relative zi-9 align-items-center justify-content-between mx-auto">
  42.             <a class="navbar-brand  pay-10"
  43.                href="{{ path('front_landing') }}">
  44.                 <img src="{{ asset('assets/img/logo.svg') }}" alt="DMD Inox" height="72px" class=""/>
  45.             </a>
  46.             <ul class="navbar-nav ml-auto col justify-content-end ">
  47.                 <a href="tel:+33450983551" class="btn btn-border">
  48.                     <i class="fa-regular  fs-16 position-relative t-1 fa-phone d-inline-block mar-8 c-65B3CD"></i>
  49.                     04 50 98 35 51</a>
  50.                 <a class="btn btn-border max-10 "href="javascript:window.location.href = 'mailto:' + ['contact','dmdinox.com'].join('@')">
  51.                     <i class="fa-regular fs-16 position-relative t-1 fa-envelope d-inline-block mar-8 c-65B3CD"></i>
  52.                     {{ "contact<!---->@<!---->dmdinox.com" }}
  53.                 </a>
  54.                 <li class="nav-item mar-20 nav-search-li d-none">
  55.                     <form method="get" action="{{ path('front_navbar_search') }}">
  56.                         <div class="input-group">
  57.                             <div class="input-group-prepend">
  58.                                 <button class="input-group-text">
  59.                                     <i class="fa fa-search "></i>
  60.                                 </button>
  61.                             </div>
  62.                             {% set navSearchQuery = navSearchQuery|default %}
  63.                             <input type="text" name="nav-search" class="nav-link pax-10 pay-5 form-control"
  64.                                    value="{{ navSearchQuery }}"
  65.                                    placeholder="Recherchez...">
  66.                         </div>
  67.                     </form>
  68.                 </li>
  69.                 <li class="nav-item ">
  70.                     <a class="text-center d-flex wi-40 he-40 align-items-center justify-content-center text-uppercase nav-search c-white bgc-65B3CD c-65B3CD-h bgc-white-h  nav-link"
  71.                        href="#">
  72.                         <i class="fa fa-search"></i>
  73.                     </a>
  74.                 </li>
  75.             </ul>
  76.         </div>
  77.         <nav class="btw-1 nav-web bts-solid bbw-1 bbs-solid bc-F1F5F6">
  78.             <div class="container d-flex justify-content-between">
  79.                 <ul class="navbar-nav ">
  80.                     <li class="nav-item max-10">
  81.                         <a class="text-center c-65B3CD text-uppercase text-md-left c-244A90-h fw-600  c-1E2446 nav-link allProducts" href="{{ path('front_products') }}">
  82.                             <i class="fa-solid fa-grid-2 mar-8"></i> {{ "base.all_products"|trans|raw }}
  83.                         </a>
  84.                     </li>
  85.                     {% for key, category in getCategories() %}
  86.                         {% if category.published %}
  87.                         <li class="nav-item max-10">
  88.                             <a class="text-center {{ (page is defined and page.title is defined and page.title == key) ? 'active' }} text-md-left c-244A90-h fw-700 text-uppercase c-1E2446 nav-link" href="{{ getProductUrl(null, true, category) }}">
  89.                                 {{ category.title }}
  90.                             </a>
  91.                         </li>
  92.                         {% endif %}
  93.                     {% endfor %}
  94.                 </ul>
  95.                 <ul class="navbar-nav ml-auto justify-content-end">
  96.                     {% for key, linkNav in getLinksNavHeader() %}
  97.                         {% if linkNav is not iterable %}
  98.                             <li class="nav-item max-10">
  99.                                 <a class="text-center {{ (page is defined and page.title is defined and page.title == key) ? 'active' }} text-md-left c-244A90-h fw-700 text-uppercase c-65b3cd nav-link"
  100.                                    href="{{ linkNav }}">
  101.                                     {{ key }}
  102.                                 </a>
  103.                             </li>
  104.                         {% else %}
  105.                             <li class="nav-item dropdown max-10">
  106.                                 <a class="text-md-left c-244A90-h fw-700 text-uppercase c-65b3cd nav-link {{ (page is defined and page.title is defined and page.title == key) ? 'active' }}"
  107.                                    href="#" id="navbarDropdown" type="button">
  108.                                     {{ key }}
  109.                                     <i class="fas fa-chevron-down mal-4 fs-13"></i>
  110.                                 </a>
  111.                                 <div class="dropdown-menu px-0 pay-16" aria-labelledby="navbarDropdown">
  112.                                     {% for subKey, subLink in linkNav %}
  113.                                         <a class="dropdown-item c-1E2446 c-244A90-h"
  114.                                            href="{{ subLink }}">
  115.                                             {{ subKey }}
  116.                                         </a>
  117.                                     {% endfor %}
  118.                                 </div>
  119.                             </li>
  120.                         {% endif %}
  121.                     {% endfor %}
  124.                 </ul>
  125.             </div>
  126.         </nav>
  127.         {#    <hr class="bc-F1F5F6 may-0" />#}
  128.     </div>
  129. </header>
  130. {#<nav>
  131.     <div class="d-flex content-nav nav-web position-relative zi-9 align-items-center justify-content-between mx-auto">
  133.         <ul class="navbar-nav ml-auto">
  134.             {% for key, linkNav in getLinksNav() %}
  135.                 {% if linkNav is not iterable %}
  136.                     <li class="nav-item max-10">
  137.                         <a class="text-center {{ (page is defined and page == key) ? 'active' }} text-md-left c-244A90-h fw-500 c-1E2446 nav-link"
  138.                            href="{{ linkNav }}">
  139.                             {{ key }}
  140.                         </a>
  141.                     </li>
  142.                 {% else %}
  143.                     <li class="nav-item dropdown">
  144.                         <a class="nav-link c-1E2446  {{ (page is defined and page == key) ? 'active' }} c-244A90-h"
  145.                            href="#" id="navbarDropdown" type="button">
  146.                             {{ key }}
  147.                             <i class="fas fa-chevron-down mal-7"></i>
  148.                         </a>
  149.                         <div class="dropdown-menu px-0 pay-16" aria-labelledby="navbarDropdown">
  150.                             {% for subKey, subLink in linkNav %}
  151.                                 <a class="dropdown-item c-1E2446 c-244A90-h"
  152.                                    href="{{ subLink }}">
  153.                                     {{ subKey }}
  154.                                 </a>
  155.                             {% endfor %}
  156.                         </div>
  157.                     </li>
  158.                 {% endif %}
  159.             {% endfor %}
  162.         </ul>
  163.     </div>
  164. </nav>
  165. #}