Site footer

<footer class="ecl-site-footer">
  <div class="ecl-container ecl-site-footer__container">
    <div class="ecl-site-footer__row">
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section"><a href="/example"
            class="ecl-link ecl-link--standalone ecl-site-footer__logo-link" aria-label="European Union"><img
              alt="European Union logo" title="European Union" class="ecl-site-footer__logo-image-mobile"
              src="/dist/media/icons.96a6ea95.svg" /><img alt="European Union logo" title="European Union"
              class="ecl-site-footer__logo-image-desktop" src="/dist/media/icons.96a6ea95.svg" /></a>
          <div class="ecl-site-footer__description">This site is managed by the European Commission, Directorate-General
            for Communication (<a href="/example" class="ecl-link ecl-link--standalone">DG COMM</a>)</div>
        </div>
      </div>
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Contact the EU </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item">
              Call us <a href="tel:0080067891011" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to 00 800 6 7 8 9 10 11">00 800 6 7 8 9 10 11</a></li>
            <li class="ecl-site-footer__list-item">
              Use other <a href="https://european-union.europa.eu/contact-eu/call-us_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to telephone options">telephone options</a></li>
            <li class="ecl-site-footer__list-item">
              Write us via our <a href="https://european-union.europa.eu/contact-eu/write-us_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to contact form">contact
                form</a></li>
            <li class="ecl-site-footer__list-item">
              Meet us at one of the <a href="https://european-union.europa.eu/contact-eu/meet-us_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to EU centres">EU
                centres</a></li>
          </ul>
        </div>
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Social media </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item">
              Search for <a href="https://european-union.europa.eu/contact-eu/social-media-channels_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to EU social media channels">EU social media channels</a></li>
          </ul>
        </div>
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Legal </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/languages-our-websites_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Languages on our websites">Languages on our websites</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/privacy-policy_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Privacy policy">Privacy
                policy</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/privacy-policy_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Legal notice">Legal
                notice</a></li>
            <li class="ecl-site-footer__list-item"><a
                href="https://european-union.europa.eu/web-accessibility-policy_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Cookies">Cookies</a>
            </li>
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/cookies_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Accessibility">Accessibility</a></li>
          </ul>
        </div>
      </div>
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section ecl-footer-standardised__section--desktop">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            EU institutions </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="http://www.europarl.europa.eu/portal/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Parliament">European Parliament</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.consilium.europa.eu/en/european-council/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Council">European Council</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.consilium.europa.eu/en/home/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Council of the European Union">Council of the European Union</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://ec.europa.eu/commission/index_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Commission">European Commission</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://curia.europa.eu/jcms/jcms/j_6/en/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Court of Justice of the European Union">Court of Justice of the European Union
                (CJEU)</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://www.ecb.europa.eu/home/html/index.en.html"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Central Bank">European Central Bank (ECB)</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.eca.europa.eu/en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Court of Auditors">European Court of Auditors (ECA)</a></li>
            <li class="ecl-site-footer__list-item"><a
                href="https://eeas.europa.eu/headquarters/headquarters-homepage_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European External Action Service">European External Action Service (EEAS)</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.eesc.europa.eu/?i=portal.en.home"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Economic and social Committee">European Economic and Social Committee
                (EESC)</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://cor.europa.eu/en/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Commitee of the Regions">European Committee of the Regions (CoR)</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://www.eib.org/en/index.htm"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Investment Bank">European Investment Bank (EIB)</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://www.ombudsman.europa.eu/en/home"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Ombudsman">European Ombudsman</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang=en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Data Protection Supervisor">European Data Protection Supervisor (EDPS)</a>
            </li>
            <li class="ecl-site-footer__list-item"><a href="https://edpb.europa.eu/edpb_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to The European Data Protection Board">The European Data Protection Board</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://epso.europa.eu/en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Personnel Selection Office">European Personnel Selection Office</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://op.europa.eu/en/home"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Publications office of the European Union">Publications Office of the European
                Union</a></li>
            <li class="ecl-site-footer__list-item"><a
                href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/institutions-and-bodies-profiles_en?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&amp;f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&amp;f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Agencies">Agencies</a>
            </li>
          </ul>
        </div>
        <div class="ecl-site-footer__section ecl-footer-standardised__section--mobile">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            EU institutions </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item">
              Search for <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to EU institutions">EU institutions</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>

<footer class="ecl-site-footer">
  <div class="ecl-container ecl-site-footer__container">
    <div class="ecl-site-footer__row">
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-site-footer__title-link" aria-label="Link to site name">Site
              name</a></h2>
          <div class="ecl-site-footer__description">This site is managed by <a href="/example"
              class="ecl-link ecl-link--standalone">site owner name</a> and is an official website of the European Union
          </div>
        </div>
      </div>
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Contact site name </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to contact site name">Link</a></li>
          </ul>
        </div>
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Follow us </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to social 1">Social 1</a>
            </li>
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to social 2">Social 2</a>
            </li>
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to social 3">Social 3</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Optional links </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Accessibility">Accessibility</a></li>
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to link 2">Link 2</a></li>
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to link 3">Link 3</a></li>
            <li class="ecl-site-footer__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to link 4">Link 4</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="ecl-site-footer__row">
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section"><a href="/example"
            class="ecl-link ecl-link--standalone ecl-site-footer__logo-link" aria-label="European Union"><img
              alt="European Union logo" title="European Union" class="ecl-site-footer__logo-image-mobile"
              src="/dist/media/icons.96a6ea95.svg" /><img alt="European Union logo" title="European Union"
              class="ecl-site-footer__logo-image-desktop" src="/dist/media/icons.96a6ea95.svg" /></a>
          <div class="ecl-site-footer__description">Discover more on <a href="/example"
              class="ecl-link ecl-link--standalone">europa.eu</a></div>
        </div>
      </div>
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Contact the EU </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item">
              Call us <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to 00 800 6 7 8 9 10 11">00 800 6 7 8 9 10 11</a></li>
            <li class="ecl-site-footer__list-item">
              Use other <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to telephone options">telephone options</a></li>
            <li class="ecl-site-footer__list-item">
              Write us via our <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to contact form">contact form</a></li>
            <li class="ecl-site-footer__list-item">
              Meet us at one of the <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to EU centres">EU centres</a></li>
          </ul>
        </div>
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Social media </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item">
              Search for <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to EU social media channels">EU social media channels</a></li>
          </ul>
        </div>
        <div class="ecl-site-footer__section">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            Legal </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/languages-our-websites_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Languages on our websites">Languages on our websites</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/privacy-policy_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Privacy policy">Privacy
                policy</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://european-union.europa.eu/privacy-policy_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Legal notice">Legal
                notice</a></li>
            <li class="ecl-site-footer__list-item"><a
                href="https://european-union.europa.eu/web-accessibility-policy_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Cookies">Cookies</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="ecl-site-footer__column">
        <div class="ecl-site-footer__section ecl-footer-standardised__section--desktop">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            EU institutions </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item"><a href="http://www.europarl.europa.eu/portal/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Parliament">European Parliament</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.consilium.europa.eu/en/european-council/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Council">European Council</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.consilium.europa.eu/en/home/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Council of the European Union">Council of the European Union</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://ec.europa.eu/commission/index_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Commission">European Commission</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://curia.europa.eu/jcms/jcms/j_6/en/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Court of Justice of the European Union">Court of Justice of the European Union
                (CJEU)</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://www.ecb.europa.eu/home/html/index.en.html"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Central Bank">European Central Bank (ECB)</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.eca.europa.eu/en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Court of Auditors">European Court of Auditors (ECA)</a></li>
            <li class="ecl-site-footer__list-item"><a
                href="https://eeas.europa.eu/headquarters/headquarters-homepage_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European External Action Service">European External Action Service (EEAS)</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://www.eesc.europa.eu/?i=portal.en.home"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Economic and social Committee">European Economic and Social Committee
                (EESC)</a></li>
            <li class="ecl-site-footer__list-item"><a href="http://cor.europa.eu/en/"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Commitee of the Regions">European Committee of the Regions (CoR)</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://www.eib.org/en/index.htm"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Investment Bank">European Investment Bank (EIB)</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://www.ombudsman.europa.eu/en/home"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Ombudsman">European Ombudsman</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://secure.edps.europa.eu/EDPSWEB/edps/EDPS?lang=en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Data Protection Supervisor">European Data Protection Supervisor (EDPS)</a>
            </li>
            <li class="ecl-site-footer__list-item"><a href="https://edpb.europa.eu/edpb_en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to The European Data Protection Board">The European Data Protection Board</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://epso.europa.eu/en"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to European Personnel Selection Office">European Personnel Selection Office</a></li>
            <li class="ecl-site-footer__list-item"><a href="https://op.europa.eu/en/home"
                class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to Publications office of the European Union">Publications Office of the European
                Union</a></li>
            <li class="ecl-site-footer__list-item"><a
                href="https://european-union.europa.eu/institutions-law-budget/institutions-and-bodies/institutions-and-bodies-profiles_en?f%5B0%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_DEC&amp;f%5B1%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/AGENCY_EXEC&amp;f%5B2%5D=oe_organisation_eu_type%3Ahttp%3A//publications.europa.eu/resource/authority/corporate-body-classification/EU_JU"
                class="ecl-link ecl-link--standalone ecl-site-footer__link" aria-label="Link to Agencies">Agencies</a>
            </li>
          </ul>
        </div>
        <div class="ecl-site-footer__section ecl-footer-standardised__section--mobile">
          <h2 class="ecl-site-footer__title ecl-site-footer__title--separator">
            EU institutions </h2>
          <ul class="ecl-site-footer__list">
            <li class="ecl-site-footer__list-item">
              Search for <a href="/example" class="ecl-link ecl-link--standalone ecl-site-footer__link"
                aria-label="Link to EU institutions">EU institutions</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>