templates/layouts/navbar.html.twig line 1

Open in your IDE?
  1. <header class="header col-12 p-0 d-flex align-items-center">
  2.     <input id="slideInitialValue" type="hidden" value='{% if slide is defined %}{{ slide }}{% else %}0{% endif %}'>
  3.     <div class="container-fluid">
  4.         <div class="d-flex align-items-center">
  5.             <div class=" d-flex p-0 col-12">
  6.                 <div class="header--brand p-0 d-flex my-0 justify-content-start justify-content-lg-center align-items-center">
  7.                     <a href="{{ path("pages_home_index", { _locale: currentLocale }) }}">
  8.                         <img class="grow" src="{{ asset('build/logo/2tec2_logo_black.svg') }}" loading="lazy"
  9.                              alt="{{"2tec2 brand's logo"|trans}}">
  10.                     </a>
  11.                 </div>
  12.                 <nav class="header--nav d-none d-lg-flex p-0">
  13.                     <ul class="header--nav-links d-none d-md-flex align-items-center col-12 p-0">
  14.                         <li class="header--nav-links-item d-flex align-items-center">
  15.                             <a href="{{ path("pages_products_overview", { _locale: currentLocale }) }}">
  16.                                 {{ "Woven vinyl flooring"|trans|upper }}<span class="sr-only">(current)</span>
  17.                             </a>
  18.                         </li>
  19.                         <li class="header--nav-links-item d-flex align-items-center">
  20.                             <a href="{{ path("pages_projects_overview", { _locale: currentLocale }) }}">{{ "Projects"|trans|upper }}</a>
  21.                         </li>
  22.                         <li class="header--nav-links-item d-flex align-items-center">
  23.                             <a href="{{ path("pages_3d_simulation_index", { _locale: currentLocale }) }}">{{ "3D Simulation"|trans|upper }}</a>
  24.                         </li>
  25.                         <li class="header--nav-links-item d-flex align-items-center">
  26.                             <a href="{{ path("pages_aboutOurFloors_overview", { _locale: currentLocale }) }}">{{ "About our floors"|trans|upper }}</a>
  27.                         </li>
  28.                         <li class="header--nav-links-item d-flex align-items-center">
  29.                             <div class="dropdown">
  30.                                 <a class="btn dropdown-toggle" role="button" id="languageList" data-toggle="dropdown" data-bs-toggle="dropdown" aria-expanded="false" href="#">
  31.                                     {{ "Support"|trans }}
  32.                                 </a>
  33.                                 <div class="dropdown-menu" aria-labelledby="languageList">
  34.                                     <a class="dropdown-item" href="{{ path('pages_aboutOurFloors_detail', { _locale:  currentLocale, sectionSlug: section_cleanability.slug }) }}">{{ 'Maintenance' | trans }}</a>
  35.                                     {# <a class="dropdown-item" href="{{ url_technical_sheet.url }}">{{ "Technical sheet"|trans }}</a> #}
  36.                                     <a class="dropdown-item" href="{% if locale == 'ja'  %} {{asset('uploads/pdf/technical_informations/2tec2-jp-all.pdf') }} {% else %} {{asset('uploads/pdf/technical_informations/2tec2-en-all.pdf')}} {% endif %}">{{ "Technical sheet"|trans }}</a>
  37.                                     <a class="dropdown-item" href="https://limitededition.sharepoint.com/:f:/s/mediabank_/2tec2/EvymjjMNr3lItncIKWbcXDYBHp8t51IXqIpMOPU2kAx1HA?e=UqwpsI" target="_blank">{{ 'Installation instructions' | trans }}</a>
  38.                                     <a class="dropdown-item" id="btn-contact-nar-bar" href="{{ contact_url }}">{{ "Contact"|trans }}</a>
  39.                                 </div>
  40.                             </div>
  41.                         </li>
  42.                         <li class="header--nav-links-item d-flex align-items-center">
  43.                             <div class="dropdown">
  44.                                 <a class="btn dropdown-toggle" role="button" id="languageList" data-toggle="dropdown" data-bs-toggle="dropdown" aria-expanded="false" href="#">
  45.                                     {{ currentLocale|upper }}
  46.                                 </a>
  47.                                 <div class="dropdown-menu" aria-labelledby="languageList">
  48.                                     {% for locale in locales %}
  49.                                         {% if params_extra is defined %}
  50.                                             {% for index, param_extra in params_extra %}
  51.                                                 {% if index in params|keys %}
  52.                                                     {% set params = params|merge({(''~index): attribute(param_extra, locale)}) %}
  53.                                                 {% endif %}
  54.                                             {% endfor %}
  55.                                         {% endif %}
  56.                                         <a class="dropdown-item"
  57.                                            href="{{ path(route, params|merge({ _locale: locale })) }}">
  58.                                             {{ locale|upper }}
  59.                                         </a>
  60.                                     {% endfor %}
  61.                                 </div>
  62.                             </div>
  63.                         </li>
  64.                     </ul>
  65.                 </nav>
  66.             </div>
  67.             <ul class="header--icons d-flex justify-content-center align-items-center p-0">
  68.                 <li class="header--icons-item">
  69.                     <div id="searchDiv">
  70.                         <input id="search" name="search" type="text" placeholder=" ">  {#laisser l'espace sinon ça ne fonctione pas sur chrome l'animation#}
  71.                         <span></span>
  72.                     </div>
  73.                     <div id="searchBox" class="d-none scrollableDiv">
  74.                         <div class="searchBox-div">
  75.                             <div class="searchBox-item-title">{{ 'Products'|trans }}</div>
  76.                         </div>
  77.                         <div class="searchBox-div">
  78.                             <div class="searchBox-item-title">{{ 'Projects'|trans }}</div>
  79.                         </div>
  80.                         <div class="searchBox-div">
  81.                             <div class="searchBox-item-title">{{ 'Collections'|trans }}</div>
  82.                         </div>
  83.                         <div class="searchBox-div">
  84.                             <div class="searchBox-item-title">{{ 'Pages'|trans }}</div>
  85.                         </div>
  86.                     </div>
  87.                 </li>
  88.                 <li class="header--icons-item">
  89.                     <a href="" class="header--icons-item-hamburger">
  90.                         <img src="{{ asset('build/icon/2tec2_burger_menu.svg') }}" alt="burger toggle menu icon">
  91.                     </a>
  92.                 </li>
  93.             </ul>
  94.         </div>
  95.     </div>
  96. </header>