Footer

<footer class="ecl-footer-standardised">
  <div class="ecl-container ecl-footer-standardised__container">
    <section class="ecl-footer-standardised__section ecl-footer-standardised__section1"><a href="/example"
        class="ecl-footer-standardised__title ecl-link ecl-link--standalone" aria-label="Link to site name">Site
        name</a>
      <div class="ecl-footer-standardised__description">This site is managed by the Directorate-General for &quot;DG
        identification&quot;</div>
    </section>
    <div class="ecl-footer-standardised__section2">
      <section class="ecl-footer-standardised__section">
        <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">Contact us</div>
        <ul class="ecl-footer-standardised__list">
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Contact information of the DG">Contact information of the DG</a></li>
        </ul>
      </section>
      <section class="ecl-footer-standardised__section">
        <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">Follow us on</div>
        <ul class="ecl-footer-standardised__list ecl-footer-standardised__list--inline">
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"
              aria-label="Link to Facebook"><svg focusable="false" aria-hidden="true"
                class="ecl-link__icon ecl-icon ecl-icon--xs">
                <use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#branded--facebook"></use>
              </svg>&nbsp;<span class="ecl-link__label">Facebook</span></a></li>
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"
              aria-label="Link to Twitter"><svg focusable="false" aria-hidden="true"
                class="ecl-link__icon ecl-icon ecl-icon--xs">
                <use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#branded--twitter"></use>
              </svg>&nbsp;<span class="ecl-link__label">Twitter</span></a></li>
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"
              aria-label="Link to Linkedin"><svg focusable="false" aria-hidden="true"
                class="ecl-link__icon ecl-icon ecl-icon--xs">
                <use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#branded--linkedin"></use>
              </svg>&nbsp;<span class="ecl-link__label">Linkedin</span></a></li>
        </ul>
      </section>
    </div>
    <div class="ecl-footer-standardised__section3">
      <section class="ecl-footer-standardised__section">
        <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">About us</div>
        <ul class="ecl-footer-standardised__list">
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Information about the DG">Information about the DG</a></li>
        </ul>
      </section>
      <section class="ecl-footer-standardised__section">
        <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">Related sites</div>
        <ul class="ecl-footer-standardised__list">
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Related link 1">Related link 1</a></li>
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Related link 2">Related link 2</a></li>
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Related link 3">Related link 3</a></li>
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Related link 4">Related link 4</a></li>
          <li class="ecl-footer-standardised__list-item"><a href="/example"
              class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
              aria-label="Link to Related link 5">Related link 5</a></li>
        </ul>
      </section>
    </div>
    <section class="ecl-footer-standardised__section ecl-footer-standardised__section6">
      <div class="ecl-footer-standardised__content">More information on:</div>
      <ul class="ecl-footer-standardised__list ecl-footer-standardised__list--condensed">
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone" aria-label="Link to Class name 1">Class
            name 1</a></li>
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone" aria-label="Link to Class name 2">Class
            name 2</a></li>
      </ul>
    </section>
    <section class="ecl-footer-standardised__section ecl-footer-standardised__section7"><a
        href="https://ec.europa.eu/info/index_en" class="ecl-footer-standardised__title ecl-link ecl-link--standalone"
        aria-label="Link to European Commission">European Commission</a></section>
    <section class="ecl-footer-standardised__section ecl-footer-standardised__section8">
      <ul class="ecl-footer-standardised__list">
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
            aria-label="Link to Contact the European Commission">Contact the European Commission</a></li>
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"
            aria-label="Link to Follow the European Commission on social media"><span class="ecl-link__label">Follow the
              European Commission on social media</span>&nbsp;<svg focusable="false" aria-hidden="true"
              class="ecl-link__icon ecl-icon ecl-icon--xs">
              <use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--external"></use>
            </svg></a></li>
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone">Resources for partners</a></li>
      </ul>
    </section>
    <section class="ecl-footer-standardised__section ecl-footer-standardised__section9">
      <ul class="ecl-footer-standardised__list">
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
            aria-label="Link to Language policy">Language policy</a></li>
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone" aria-label="Link to Cookies">Cookies</a>
        </li>
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone"
            aria-label="Link to Privacy policy">Privacy policy</a></li>
        <li class="ecl-footer-standardised__list-item"><a href="/example"
            class="ecl-footer-standardised__link ecl-link ecl-link--standalone" aria-label="Link to Legal notice">Legal
            notice</a></li>
      </ul>
    </section>
  </div>
</footer>