templates/elements2024/header.html.twig line 1

Open in your IDE?
  1. {% import 'elements2024/macros/buttons.html.twig' as buttons %}
  3. {% set settings = sulu_snippet_load_by_area('settings_area') %}
  5. <header class="header fixed top-0 left-0 right-0 z-40 text-white">
  6.     <div class="container grid grid-cols-2 2xl:grid-cols-[1fr_auto_1fr] items-center gap-8 py-8">
  7.         <ul class="header-left-menu hidden 2xl:flex items-center gap-4 text-sm 4xl:text-base duration-500">
  8.                 {% for item in sulu_navigation_root_flat('main', 4) %}
  9.                 <li>
  10.                     <a class="link-underline" href="{{ sulu_content_path(item.url) }}">{{ item.title }}</a>
  11.                 </li>
  12.             {% endfor %}
  13.         </ul>
  15.         <div>
  16.             <a class="header-logo block w-28 md:w-48" href="/">
  17.                 <div class="sr-only">Home page</div>
  18.                 {% include 'elements2024/logo.html.twig' %}
  19.             </a>
  20.         </div>
  22.         <div class="flex items-center justify-end gap-2">
  23.             <div class="header-user">
  24.                 <div class="header-user__icon btn-icon">
  25.                     <svg class="w-8 h-8" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  26.                         <path stroke='currentcolor' d="M17.74 19.417s1.349-.772 1.702-.958c.352-.186.718-.233.94-.098.335.205 3.153 2.08 3.39 2.246.238.166.353.642.026 1.107-.325.465-1.824 2.305-2.46 2.286-.636-.021-3.282-.08-8.27-5.07C8.079 13.943 8.02 11.297 8 10.66c-.02-.637 1.82-2.136 2.285-2.462.466-.325.942-.202 1.107.026.188.26 2.042 3.07 2.245 3.392.14.22.089.587-.098.94-.185.353-.957 1.703-.957 1.703s.544.929 2.386 2.77c1.843 1.843 2.771 2.388 2.771 2.388z" />
  27.                     </svg>
  28.                 </div>
  30.                 <ul class="header-user__dropdown">
  31.                     <li>
  32.                         <a href="tel:{{settings.content.phone|replace({' ': ''})}}">Location</a>
  33.                     </li>
  34.                     <li>
  35.                         <a href="tel:{{settings.content.phone2|replace({' ': ''})}}">Vente</a>
  36.                     </li>
  37.                 </ul>
  38.             </div>
  40.             <div class="hidden md:block">
  41.                 {{ buttons.borderWhiteLink('Contact', "/contact") }}
  42.             </div>
  44.             <div class="flex items-center">
  45.                 {{ buttons.borderWhiteBtnMenu('Menu', "header-burger") }}
  46.             </div>
  47.         </div>
  48.     </div>
  49. </header>
  51. {% include 'elements2024/menu.html.twig' %}