templates/site/layout/header.html.twig line 1

Open in your IDE?
  1. <header class="z-20 bg-white font-bold shadow-md text-lg lg:text-sm">
  2.     <nav class="pl-8 flex w-full py-1 bg-white lg:hidden">
  3.         <img class="w-16 sm:w-20" src="{{ asset('/img/logo/logo.png') }}">
  4.         <img src="{{ asset('/img/icones/menu.svg') }}" alt="" id="menu" class="absolute top-5 right-8 w-10 sm:w-14 cursor-pointer z-50">
  5.     </nav>
  6.     <nav id="nav" class="relative py-2 hidden lg:block">
  7.         <ul class="flex flex-col lg:flex-row gap-8 lg:gap-0 pb-8 lg:pb-0 items-center justify-between text-center px-8 xl:px-36 xxl:px-44">
  8.             <li class="hidden lg:block">
  9.                 <a href="{{ path('home') }}" title="Accueil"><img alt="" id="logo" class="w-18 h-auto" src={{  asset("img/logo/logo.png")}}></a>
  10.             </li>
  11.             <li class="lg:hidden block">
  12.                 <a href="{{ path('home') }}" title="Accueil"><p>{{ 'MENU_ACCUEIL'|trans({fr:'Accueil', de:'Startseite'}) }}</p></a>
  13.             </li>
  14.             <li>
  15.                 <a href="{{ path('trouver-ecole') }}" title="L'école" class="{{ (currentPage is defined and currentPage == 'ecoles')?'text-primary' }}">
  16.                     <p>{{ 'MENU_NOS_ECOLES'|trans({fr:'Nos écoles', de:'Unsere Schulen'}) }}</p>
  17.                 </a>
  18.             </li>
  19.             <li>
  20.                 <a href="{{ path('ecole') }}" title="Fonctionnement des écoles" class="{{ (currentPage is defined and currentPage == 'ecole')?'text-primary' }}">
  21.                     <p>{{ 'MENU_FONCTIONNEMENT_DES_ECOLES'|trans({fr:'Fonctionnement des écoles', de:'Wie funktionieren unsere Schulen'}) }}</p>
  22.                 </a>
  23.             </li>
  24.             <li>
  25.                 <a href="{{ path('page', {'page':'MENU_LIEN_IMMERSIF'|trans({fr:'pourquoi-choisir-l-immersif'})}) }}" class="{{ (page != '' and page.filtre == 'immersif')?'text-primary' }}" title="Pourquoi choisir l'immersif">
  26.                     <p>{{ 'MENU_POURQUOI_CHOISIR_IMMERSIF'|trans({fr:"Pourquoi choisir l'immersif", de:'Warum immersiv wählen?'}) }}</p>
  27.                 </a>
  28.             </li>
  29.             <li>
  30.                 <a href="{{ path('page', {'page':'MENU_LIEN_ASSOCIATION'|trans({fr:'l-association'})}) }}" class="{{ (page != '' and page.filtre == 'association')?'text-primary' }}" title="L'association">
  31.                     <p>{{ 'MENU_ASSOCIATION'|trans({fr:"L'association", de:'Der Verein'}) }}</p></a>
  32.             </li>
  33.             <li>
  34.                 <a href="{{ path('page', {'page':'MENU_LIEN_PARENTS'|trans}) }}" class="{{ (page != '' and page.filtre == 'parents')?'text-primary' }}" title="Être parent d’élève">
  35.                     <p>{{ 'MENU_PARENT_ELEVE'|trans({fr:"Être parent d’élève", de:'Elternteil des Schülers'}) }}</p>
  36.                 </a>
  37.             </li>
  38.             <li>
  39.                 <a href="{{ path('page', {'page':'MENU_LIEN_SOUTENIR'|trans}) }}" class="{{ (page != '' and page.filtre == 'soutenir')?'text-primary' }}" title="Soutenir ABCM">
  40.                     <p>{{ 'MENU_SOUTENIR_ABCM'|trans({fr:"Soutenir ABCM", de:'ABCM unterstützen'}) }}</p></a>
  41.             </li>
  42.             <li>
  43.                 <a href="{{ path('actualites') }}" title="Was gebt’s neus ?" class="{{ (currentPage is defined and currentPage == 'actualites')?'text-primary' }}">
  44.                     <p>{{ 'MENU_ACTUALITES'|trans({fr:"Was gebt’s neus ?", de:'Wàs git‘s neis'}) }}</p>
  45.                 </a>
  46.             </li>
  47.             <li id="lang-select" class="relative px-2 z-10 w-12">
  48.                 {% if app.request.locale == "de" %}
  49.                     <img src="/img/icones/flag-de.png" alt="Deutsch" title="Deutsch" class="block w-8 h-auto cursor-pointer">
  50.                 {% else %}
  51.                     <img src="/img/icones/flag-fr.png" alt="Français" title="Français" class="block w-8 h-auto cursor-pointer">
  52.                 {% endif %}
  53.                 <ul class="absolute x-center bg-white p-2 hidden">
  54.                     <li>
  55.                         <a href="{{ path('select_locale', {'langue': "fr"}) }}" class="block w-8 py-1 h-auto" title="Français">
  56.                             <img src="/img/icones/flag-fr.png" alt="Français" title="Français">
  57.                         </a>
  58.                     </li>
  59.                     <li>
  60.                         <a href="{{ path('select_locale', {'langue': "de"}) }}" class="block w-8 py-1 h-auto" title="Deutsch">
  61.                             <img src="/img/icones/flag-de.png" alt="Deutsch" title="Deutsch">
  62.                         </a>
  63.                     </li>
  64.                 </ul>
  65.             </li>
  66.         </ul>
  67.     </nav>
  68. </header>
  70. <aside>
  71.     <a class="bg-tertiary-300 px-8 py-1 rounded-2xl text-center font-bold hover:bg-transparent hover:text-tertiary border-transparent border-2 hover:border-tertiary" href="{{ path('contact') }}" title="Je me pré-inscris"><p>{{ 'MENU_INSCRIPTION'|trans({fr:"Je me pré-inscris", de:'Ich melde mich vorab an'}) }}</p></a>
  72. </aside>