templates/partials/footer.html.twig line 1

Open in your IDE?
  1. {% block footer %}
  2. {% set socialMediaSnippets = sulu_snippet_load_by_area('footer_social_media_links') %}
  3. {% set contentSnippets = sulu_snippet_load_by_area('footer_content') %}
  4. <footer id="footer" class="footer" style="margin-top: 3%">
  6. <div class="footer-content position-relative" style="background-color: #D7D7D2; font-size: 25px; line-height: 1.2; font-family: Rajdhani Medium,serif">
  7. <div class="container">
  8. <div class="row mx-1 ">
  10. <div class="col-lg-4 col-md-6" style="margin-top: -15px; line-height: 1.1">
  11. <div class="footer-info" >
  12. <p>{{ contentSnippets.content.footerInfoBlock|raw }}</p>
  13. </div>
  14. </div><!-- End footer info column-->
  16. <div class="col-lg-2 col-md-3 footer-links">
  17. {% set lines = contentSnippets.content.footerInfo2Block|split('\n') %}
  19. {% for line in lines %}
  20. {% if ',' in line %}
  21. {% set safeLine = line|replace({'\\,': '##ESCAPED_COMMA##'}) %}
  22. {% set parts = safeLine|split(',') %}
  23. {% if parts|length >= 2 %}
  24. {% set url = parts[1]|trim|replace({'##ESCAPED_COMMA##': ','}) %}
  25. {% set displayName = parts[0]|trim|replace({'##ESCAPED_COMMA##': ','}) %}
  26. <div>
  27. {% if url|lower starts with 'http://' or url|lower starts with 'https://' or url|lower starts with '/' %}
  28. <a href="{{ url }}"><strong>{{ displayName }}</strong></a>
  29. {% else %}
  30. {{ displayName }}: {{ url }}
  31. {% endif %}
  32. </div>
  33. {% endif %}
  34. {% else %}
  35. <div style="color:#293C46FF;">{{ line }}</div>
  36. {% endif %}
  37. {% endfor %}
  38. </div><!-- End footer links column-->
  40. <div class="col-lg-2 col-md-3 footer-links">
  41. {% set lines = contentSnippets.content.footerInfo3Block|split('\n') %}
  42. {% for line in lines %}
  43. {% set isStrong = line starts with '##' %}
  44. {% set cleanedLine = isStrong ? line|slice(2) : line %}
  45. {% set parts = cleanedLine|split(',') %}
  47. {% if parts|length >= 2 %}
  48. <div>
  49. <a href="{{ parts[1]|trim }}">
  50. {% if isStrong %}
  51. <strong>{{ parts[0]|trim }}</strong>
  52. {% else %}
  53. {{ parts[0]|trim }}
  54. {% endif %}
  55. </a>
  56. </div>
  57. {% endif %}
  58. {% endfor %}
  59. </div><!-- End footer links column-->
  63. <div class="col-lg-1 col-md-3 footer-links-3">
  64. {% set lines = contentSnippets.content.footerInfo4Block|split('\n') %}
  65. {% for line in lines %}
  66. {% set isStrong = line starts with '##' %}
  67. {% set cleanedLine = isStrong ? line|slice(2) : line %}
  68. {% set parts = cleanedLine|split(',') %}
  70. {% if parts|length >= 2 %}
  71. <div>
  72. <a href="{{ parts[1]|trim }}">
  73. {% if isStrong %}
  74. <strong>{{ parts[0]|trim }}</strong>
  75. {% else %}
  76. {{ parts[0]|trim }}
  77. {% endif %}
  78. </a>
  79. </div>
  80. {% endif %}
  81. {% endfor %}
  82. </div><!-- End footer links column-->
  85. </div>
  87. <!-- Move the logos section outside of the columns, but inside the container style="bottom: 30px;left: 75%; transform: translateX(-50%); -->
  88. <div class="col d-flex footer-icons">
  89. <div class="logos">
  90. {% for socialMediaContentBlock in socialMediaSnippets.content.blocks %}
  91. <a href="{{ socialMediaContentBlock.urlIcon }}">
  92. <img src="{{ socialMediaContentBlock.imageSelection.url }}" alt="Logo" style="max-height: 60px; margin-right: 30px;">
  93. </a>
  94. {% endfor %}
  95. </div>
  96. </div>
  98. </div>
  99. </div>
  100. </div>
  102. {# <div class="footer-legal text-center position-relative" style="background-color: #D7D7D2">
  103. <div class="container">
  104. <div class="copyright" style="margin-bottom: 10px;">
  105. entwickelt von <img src="{{ asset('build/website/website/styles/icon/designdaemon.png') }}" alt="Icon" style="max-height: 40px; margin-left: 10px; margin-right: 10px;">
  106. <strong><span>
  107. <a href="https://www.design-daemon.de">Design Daemon.</a>
  108. </span></strong>
  109. <br> All Rights Reserved
  110. </div>
  111. </div>
  112. <!-- logos section -->
  113. <div class="logos">
  114. {% for socialMediaContentBlock in socialMediaSnippets.content.blocks %}
  115. <a href="{{ socialMediaContentBlock.urlIcon }}"><img
  116. src="{{ socialMediaContentBlock.imageSelection.url }}" alt="Logo 1"
  117. style="max-height: 40px; margin-right: 10px;"></a>
  118. {% endfor %}
  119. </div>
  120. </div>#}
  122. </footer>
  123. {% endblock %}