Footer.html 4.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
  2. <footer class="bg_footer">
  3. <div class="container py-5 z-1 position-relative quicknav">
  4. <div class="row align-items-end">
  5. <div class="address col-12 col-sm-8 col-md-7 col-lg-8 col-xl-10 text-start">
  6. <address class="mb-0">
  7. <f:comment>
  8. Wer auch immer das hier finden sollte,
  9. Es gibt ein Problem mit Fluid. {f:...} wird nicht geparst.
  10. Ich habe keine Lösung gefunden, desswegen hier ein Workaround:
  11. </f:comment>
  12. <img src="<f:uri.resource path='Images/logo/logo.png' extensionName='bagger_site_package' absolute='true' />" class="svg w-auto color-white svg mb-3" alt="Logo">
  13. <p>Josef Hehmann Bagger- und Fuhrbetrieb GmbH<br>
  14. Vor dem Venne 4<br>
  15. 49196 Bad Laer</p>
  16. <p>
  17. <span>
  18. <a href="tel:05424/64478-0">
  19. <svg id="Ebene__1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.02 512.02" class="icon-phone">
  20. <defs>
  21. <style>
  22. .cls-1 {
  23. fill: #fff;
  24. }
  25. </style>
  26. </defs>
  27. <path class="cls-1" d="M164.9,24.62c-7.7-18.6-28-28.5-47.4-23.2L29.5,25.42C12.1,30.22,0,46.02,0,64.02c0,247.4,200.6,448,448,448,18,0,33.8-12.1,38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3,11.6l-40.4,49.3c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2,18.4-30,11.6-46.3l-40-96v-.1Z"/>
  28. </svg> 05424/64478-0 <br>
  29. </a>
  30. </span>
  31. <span>
  32. <a href="mailto:info@j-hehmann.de">
  33. <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="icon-at">
  34. <defs>
  35. <style>
  36. .cls-1 {
  37. fill: #fff;
  38. }
  39. </style>
  40. </defs>
  41. <path class="cls-1" d="M10,20c-1.38,0-2.68-.26-3.9-.79s-2.28-1.24-3.18-2.14-1.61-1.96-2.14-3.18-.79-2.52-.79-3.9.26-2.68.79-3.9,1.24-2.28,2.14-3.18,1.96-1.61,3.18-2.14,2.52-.79,3.9-.79,2.68.26,3.9.79,2.28,1.24,3.18,2.14,1.61,1.96,2.14,3.18.79,2.52.79,3.9v1.45c0,.98-.34,1.82-1.01,2.51s-1.5,1.04-2.49,1.04c-.58,0-1.13-.13-1.65-.38s-.95-.61-1.3-1.08c-.48.48-1.03.85-1.64,1.09s-1.25.36-1.91.36c-1.38,0-2.56-.49-3.54-1.46s-1.46-2.15-1.46-3.54.49-2.56,1.46-3.54,2.15-1.46,3.54-1.46,2.56.49,3.54,1.46,1.46,2.15,1.46,3.54v1.45c0,.43.14.8.43,1.1s.64.45,1.08.45.79-.15,1.08-.45.43-.67.43-1.1v-1.45c0-2.23-.78-4.13-2.33-5.68s-3.44-2.33-5.68-2.33-4.13.78-5.68,2.33-2.33,3.44-2.33,5.68.78,4.13,2.33,5.68,3.44,2.33,5.68,2.33h5v2h-5ZM10,13c.83,0,1.54-.29,2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88-1.54.29-2.13.88-.88,1.29-.88,2.13.29,1.54.88,2.13,1.29.88,2.13.88Z"/>
  42. </svg> info@j-hehmann.de
  43. </a>
  44. </span>
  45. </p>
  46. </address>
  47. </div>
  48. <div class="footer-da col-12 col-sm-8 col-md-5 col-lg-4 col-xl-2">
  49. <f:comment>
  50. Wer auch immer das hier finden sollte,
  51. Es gibt ein Problem mit Fluid. {f:...} wird nicht geparst.
  52. Ich habe keine Lösung gefunden, desswegen hier ein Workaround:
  53. </f:comment>
  54. <img src="<f:uri.resource path='Images/logo_deutscher_abbruchverband.png' extensionName='bagger_site_package' absolute='true' />" alt="Deutscher Abbruchverband">
  55. </div>
  56. </div>
  57. </div>
  58. <div class="subfooter border-top border-1 container z-1 position-relative">
  59. <div class="row align-items-end">
  60. <div class="col-12 col-xl-9 text-center text-xl-start">
  61. <span class="text-light">
  62. <span class="col-12 col-lg-auto d-inline-block d-lg-inline mb-lg-0 mb-md-2 mb-0">
  63. © <f:format.date format="Y">now</f:format.date>&nbsp;{companyName}</span>
  64. </span>
  65. </div>
  66. <div class="mt-xl-0 ms-auto col-xl-3 col-12 ps-0 pe-0 d-flex justify-content-center justify-content-xl-end socialiconwrapper">
  67. <f:render partial="Footer/Legalnavigation" arguments="{_all}"/>
  68. </div>
  69. </div>
  70. <!-- backtotop -->
  71. <a href="#hero" class="backtotop" title="Nach oben scrollen">
  72. <span class="text-light text-center d-flex justify-content-center align-items-center">
  73. <i class="bi bi-chevron-up"></i>
  74. </span>
  75. </a>
  76. <!-- end backtotop -->
  77. </div>
  78. </footer>
  79. </html>