footer

Information

Folder
src/components/template-components/footer

Files

Schema
Mocks
Template
// src/components/template-components/footer/footer.html.twig

{% set tracking_class = "Tracking--footerNavigationLink" %}

<footer class="Footer">
  {% if not reduced %}
    <div class="u-container Footer-container{% if tenant != "kids" %} u-grid {% endif %}">
      {% if tenant != "kids" %}
        {% include "@template-components/footer/news-letter/news-letter.html.twig" with newsletter_url|merge({
          class: "Footer-newsletter",
          tenant: tenant,
          tracking_class: tracking_class
        }) only %}
      {% endif %}
      {% include "@template-components/footer/donation-info/donation-info.html.twig" with donation_info|merge({
        class: "Footer-donationInfo",
        tenant: tenant
      }) only %}
    </div>
  {% endif %}
  <div class="Footer-extraLinks">
    <div class="u-container Footer-extraContent">
      {% include "@template-components/footer/legal-menu/legal-menu.html.twig" with legal_menu|merge({
        class: "Footer-legalMenu",
        tracking_class: tracking_class
      }) only %}
      {% include "@template-components/footer/social-networks/social-networks.html.twig" with {
        class: "Footer-socialNetworks",
        tracking_class: tracking_class
      } only %}
    </div>
    {% if tenant != "kids" %}
      <div class="u-container u-typo-copy-small">
        <p class="Footer-taxInfo">Greenpeace e.V. ist als gemeinnützige Organisation teilw. von der Körperschaftssteuer gem. §5 I 9 KStG unter der Steuernr. 17/433/04892 befreit.</p>
      </div>
    {% endif %}
  </div>
  <div class="Footer-bottomBar">
    <div class="u-container">
      <div class="Footer-bottomContent">
        <a href="/" class="Footer-logo{% if tracking_class %} {{ tracking_class }}{% endif %}" aria-label="Homepage">
          {% include "@elements/icon/icon.html.twig" with {
            name: "logo",
            class: "Footer-logoIcon"
          } only %}
        </a>
        {% include "@template-components/footer/affiliates-menu/affiliates-menu.html.twig" with affiliates_menu|merge({
          class: "Footer-affiliatesMenu",
          tracking_class: tracking_class
        }) only %}
      </div>
    </div>
  </div>
</footer>

Variants

default
Open

default mock data

Raw
Resolved
Footer Kids
Open

Footer Kids mock data

Raw
Resolved
Footer small
Open

Footer small mock data

Raw
Resolved