templates/include/footer.html.twig line 1

Open in your IDE?
  1. <!-- FOOTER -->
  2. <footer class="bg-brand-600" aria-labelledby="footer-heading">
  3.     <div class="max-w-7xl mx-auto">
  4.         <div class="grid grid-cols-1 md:grid-cols-2 gap-8 xl:grid-cols-4 px-4 sm:px-6 lg:px-8 xl:gap-8 pt-12 lg:pt-16">
  5.             <div class="space-y-5">
  6.                 <div class="text-base text-white">
  7.                     <h3 class="text-base font-semibold text-white leading-6 mb-4">{{ 'footer.address' | trans }}</h3>
  8.                     <strong>HUGO JOSTEN Berufskleiderfabrik</strong>
  9.                     <p>GmbH & Co Kommanditgesellschaft</p>
  10.                     <p>Lobbericher Straße 12, D 47929 Grefrath</p>
  11.                 </div>
  12.             </div>
  13.             <div>
  14.                 <h3 class="text-base font-semibold text-white leading-6">{{ 'footer.information' | trans }}</h3>
  15.                 <ul role="list" class="mt-4 space-y-4">
  16.                     <li>
  17.                         <a href="https://hugo-josten.de/ueber-uns/dafuer-steht-hugo-josten" class="text-sm text-white hover:text-white/60 transition ease duration-300">{{ 'footer.company' | trans }}</a>
  18.                     </li>
  19.                     <li>
  20.                         <a href="https://hugo-josten.de/service/kataloge-anfrage" class="text-sm text-white hover:text-white/60 transition ease duration-300">{{ 'footer.catalogs' | trans }}</a>
  21.                     </li>
  22.                     <li>
  23.                         <a href="https://hugo-josten.de/service/beratung" class="text-sm text-white hover:text-white/60 transition ease duration-300">Logo-Service</a>
  24.                     </li>
  25.                     <li>
  26.                         <a href="https://hugo-josten.de/kontakt" class="text-sm text-white hover:text-white/60 transition ease duration-300">{{ 'footer.contact' | trans }}</a>
  27.                     </li>
  28.                 </ul>
  29.             </div>
  30.             <div class="mt-10 md:mt-0">
  31.                 <h3 class="text-base font-semibold text-white leading-6">{{ 'footer.legal' | trans }}</h3>
  32.                 <ul role="list" class="mt-4 space-y-4">
  33.                     <li>
  34.                         <a href="https://hugo-josten.de/datenschutz" class="text-sm text-white hover:text-white/60 transition ease duration-300">{{ 'footer.privacy-policy' | trans }}</a>
  35.                     </li>
  36.                     <li>
  37.                         <a href="https://hugo-josten.de/impressum" class="text-sm text-white hover:text-white/60 transition ease duration-300">{{ 'footer.imprint' | trans }}</a>
  38.                     </li>
  39.                     <li>
  40.                         <a href="https://hugo-josten.de/agb" class="text-sm text-white hover:text-white/60 transition ease duration-300">{{ 'footer.tos' | trans }}</a>
  41.                     </li>
  42.                 </ul>
  43.             </div>
  44.             <div class="space-y-5">
  45.                 <div class="text-base text-white">
  46.                     <h3 class="text-base font-semibold text-white leading-6 mb-4">{{ 'footer.contact' | trans }}</h3>
  47.                     <p>{{ 'footer.phone' | trans }}: +49 2158 9187-0</p>
  48.                     <p>{{ 'footer.fax' | trans }}: +49 2158 9187-99</p>
  49.                     <p>{{ 'footer.email' | trans }}: <a href="mailto:info@hugo-josten.de" class="hover:text-white/60 transition ease duration-300">info@hugo-josten.de</a></p>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>
  54.     <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8 flex justify-center items-center">
  55.         <p class="text-white">powered by</p>
  56.         <a href="https://pimguin.de" target="_blank">
  57.             <img class="h-12" src="{{ asset('build/images/pimguin_white.png') }}">
  58.         </a>
  59.     </div>
  60.     <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8 text-center">
  61.         <span class="text-sm text-white">© 2023 Hugo Josten {{ 'footer.all-rights-reserved' | trans }}</span>
  62.     </div>
  63. </footer>
  64. <!-- FOOTER END -->