<footer> <div id="footer" class="relative gap-y-8 px-8 xl:px-44 py-16 text-left flex flex-wrap justify-between bg-primary-500 text-white"> <div class="w-full sm:w-1/2 lg:w-1/4 xl:w-30p text-sm leading-6 z-10"> <h2 class="text-lg font-heading tracking-wider mb-8">{{ 'COORDONNEES_TITRE'|trans({'fr':'Siège et secrétariat'}) }}</h2> <p>{{ 'COORDONNEES_NOM'|trans({'fr':'A.B.C.M. Zweisprachigkeit'}) }}</p> <p>{{ 'COORDONNEES_ADRESSE'|trans({'fr':'12 route de Wintershouse'}) }}</p> <p>{{ 'COORDONNEES_CP'|trans({'fr':'F-67590'}) }} {{ 'COORDONNEES_VILLE'|trans({'fr':'SCHWEIGHOUSE SUR MODER'}) }} </p> <p>{{ 'LG_TEL'|trans() }} : <a class="text-white font-bold" href="tel:{{ 'COORDONNEES_TEL_1'|trans|replace({' ':''}) }}">{{ 'COORDONNEES_TEL_1'|trans({'fr':'+33 3 88 72 60 37'}) }}</a> </div> <div class="liens-footer w-full sm:w-1/2 lg:w-1/4 xl:w-30p flex flex-col text-sm z-10"> <h2 class="text-lg font-heading tracking-wider mb-8">{{ 'LG_INFOS_PRATIQUES'|trans({'fr':'Infos Pratiques'}) }}</h2> {{ 'LG_FOOTER_LIENS'|trans |raw }} </div> {% if derniereActu is not null %} <div class="w-full lg:w-2/5 z-10"> {% set hasPhoto = (derniereActu.photo is not empty) %} <h2 class="text-lg font-heading tracking-wider mb-0">{{ 'LG_ACTUALITES'|trans({'fr':'Actualités'}) }}</h2> <article class="flex flex-col sm:items-center md:items-start lg:items-center sm:flex-row md:flex-col lg:flex-row sm:gap-8 md:gap-0 lg:gap-8"> <a href="{{ path('actualites_detail', {slug:derniereActu.titreUrl, actualite:derniereActu.id}) }}" class="w-full sm:w-1/2 h-48 relative"> <img class="w-full h-full object-cover" src="{{ hasPhoto ? ('actualites/'~derniereActu.photo)|imagine_filter('tm'): asset('/img/tmp/actu-haguenau.jpg') }}"> <p class="absolute -right-2 top-4 w-min text-sm bg-white text-tertiary-300 rounded-2xl text-center px-4">{{ derniereActu.date|date('d/m') }}</p> </a> <div class="w-full sm:w-1/2"> <h3 class="mb-2 font-semibold">{{ derniereActu.titre }}</h3> <div class="text-sm"> {{ derniereActu.texteCourt |raw }} </div> <a class="mt-3 bg-secondary text-white font-normal px-7 lg:px-4 py-2 lg:py-0 text-sm rounded-2xl transitioning hover:bg-secondary-500 hover:text-white" href="{{ path('actualites_detail', {slug:derniereActu.titreUrl, actualite:derniereActu.id}) }}">{{ 'LG_VOIR_PLUS'|trans({'fr':'Voir +'}) }}</a> </div> </article> </div> {% endif %} </div> <div class="relative bg-primary-700 text-white px-4 py-4 md:py-0 text-sm flex flex-col md:flex-row gap-y-4 justify-center items-center"> {% if app.request.locale == "fr" %} <a href="{{ path('page', {page:'mentions-legales'}) }}" class="text-white hover:text-secondary">Mentions légales</a> <span class="mx-2"> - </span> <a href="{{ path('page', {page:'politique-de-confidentialite'}) }}" class="text-white hover:text-secondary">Politique de confidentialité</a> <span class="mx-2"> - </span> {% elseif app.request.locale == "de" %} <a href="{{ path('page', {page:'disclaimer'}) }}" class="text-white hover:text-secondary">Disclaimer</a> <span class="mx-2"> - </span> <a href="{{ path('page', {page:'privacy'}) }}" class="text-white hover:text-secondary">Privacy</a> <span class="mx-2"> - </span> {% endif %} <p>Copyright ©{{ "now"|date('Y') }} A.B.C.M Zweisprachigkeit</p> <span class="hidden md:block mx-2"> - </span><a href="https://www.atiweb.fr" target="_blank" class="flex hover:text-tertiary text-white items-center"> {{ 'LG_REALISATION'|trans({'fr':'Réalisation'}) }} <img src="https://www.atiweb.fr/medias/logos/atiweb-blanc.svg" class="ml-2 w-14"> </a> - <a href="https://facebook.com" target="_blank"> <span class="fa fa-facebook"></span></a> </div></footer>