templates/site/layout/header-ecole.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>Accueil</p><p class="link-bilingue">Startseite</p></a>
  13.             </li>
  14.             <li>
  15.                 <a href="{{ path('ecole') }}" title="L'école" class="{{ (currentPage is defined and currentPage == 'ecole')?'text-primary' }}">
  16.                     <p>L'école de Haguenau</p><p class="link-bilingue">Die Hagenauer Schule</p>
  17.                 </a>
  18.             </li>
  19.             <li>
  20.                 <a href="{{ path('page', {'ecole':constant('WWW_HOST'), page:'periscolaire'}) }}" title="Périscolaire" class="{{ page != '' and page.filtre == 'periscolaire' ? 'text-primary' }}">
  21.                     <p>Périscolaire</p><p class="link-bilingue">Außerschulisch</p>
  22.                 </a>
  23.             </li>
  24.             <li>
  25.                 <a href="{{ path('page', {'ecole':constant('WWW_HOST'), page:'journee-ecole'}) }}" title="Une journée à l'école" class="{{ page != '' and page.filtre == 'journee-ecole' ? 'text-primary' }}">
  26.                     <p>Une journée à l'école</p><p class="link-bilingue">Ein Tag in der Schule</p>
  27.                 </a>
  28.             </li>
  29.             <li>
  30.                 <a href="{{ path('actualites') }}" title="Wàs gebt’s neus ?" class="{{ (currentPage is defined and currentPage == 'actualites')?'text-primary' }}">
  31.                     <p>Was gebt’s neus ?</p><p class="link-bilingue">Was git‘s neis</p>
  32.                 </a>
  33.             </li>
  34.             <li id="lang-select" class="relative px-2 z-10 w-12">
  35.                 {% if app.request.locale == "de" %}
  36.                     <img src="/img/icones/flag-de.png" alt="Deutsch" title="Deutsch" class="block w-8 h-auto cursor-pointer">
  37.                 {% else %}
  38.                     <img src="/img/icones/flag-fr.png" alt="Français" title="Français" class="block w-8 h-auto cursor-pointer">
  39.                 {% endif %}
  40.                 <ul class="absolute x-center bg-white p-2 hidden">
  41.                     <li>
  42.                         <a href="{{ path('select_locale', {'langue': "fr"}) }}" class="block w-8 py-1 h-auto" title="Français">
  43.                             <img src="/img/icones/flag-fr.png" alt="Français" title="Français">
  44.                         </a>
  45.                     </li>
  46.                     <li>
  47.                         <a href="{{ path('select_locale', {'langue': "de"}) }}" class="block w-8 py-1 h-auto" title="Deutsch">
  48.                             <img src="/img/icones/flag-de.png" alt="Deutsch" title="Deutsch">
  49.                         </a>
  50.                     </li>
  51.                 </ul>
  52.             </li>
  53.         </ul>
  54.     </nav>
  55. </header>
  57. <aside>
  58.     <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', {ecole:constant('WWW_HOST')}) }}" title="Je me pré-inscris"><p>Je me pré-inscris</p><p class="link-bilingue">Ich melde mich vorab an </p></a>
  59. </aside>