Footer

<footer class="ecl-footer-standardised">
  <div class="ecl-container ecl-footer-standardised__container">
    <div class="ecl-footer-standardised__row">
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section">
          <h2 class="ecl-footer-standardised__title"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-footer-standardised__title-link">Site name</a></h2>
          <div class="ecl-footer-standardised__description">This site is managed by the Directorate-General for &quot;DG
            identification&quot;</div>
        </div>
      </div>
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section">
          <h2 class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">
            Contact us </h2>
          <ul class="ecl-footer-standardised__list">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Contact information of the DG">Contact information of the DG</a></li>
          </ul>
        </div>
        <div class="ecl-footer-standardised__section">
          <h2 class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">
            Follow us on </h2>
          <ul class="ecl-footer-standardised__list ecl-footer-standardised__list--inline">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before ecl-footer-standardised__link"
                aria-label="Link to Facebook"><svg class="ecl-icon ecl-icon--xs ecl-link__icon" focusable="false"
                  aria-hidden="true">
                  <use xlink:href="/dist/media/icons-social.d5f51eae.svg#facebook-negative"></use>
                </svg><span class="ecl-link__label">Facebook</span></a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before ecl-footer-standardised__link"
                aria-label="Link to Twitter"><svg class="ecl-icon ecl-icon--xs ecl-link__icon" focusable="false"
                  aria-hidden="true">
                  <use xlink:href="/dist/media/icons-social.d5f51eae.svg#twitter-negative"></use>
                </svg><span class="ecl-link__label">Twitter</span></a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before ecl-footer-standardised__link"
                aria-label="Link to Linkedin"><svg class="ecl-icon ecl-icon--xs ecl-link__icon" focusable="false"
                  aria-hidden="true">
                  <use xlink:href="/dist/media/icons-social.d5f51eae.svg#linkedin-negative"></use>
                </svg><span class="ecl-link__label">Linkedin</span></a></li>
          </ul>
        </div>
      </div>
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section">
          <h2 class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">
            About us </h2>
          <ul class="ecl-footer-standardised__list">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Information about the DG">Information about the DG</a></li>
          </ul>
        </div>
        <div class="ecl-footer-standardised__section">
          <h2 class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">
            Related sites </h2>
          <ul class="ecl-footer-standardised__list">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Related link 1">Related link 1</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Related link 2">Related link 2</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Related link 3">Related link 3</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Related link 4">Related link 4</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Related link 5">Related link 5</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="ecl-footer-standardised__row">
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section ecl-footer-standardised__section--condensed">
          <div class="ecl-footer-standardised__content">More information on:</div>
          <ul class="ecl-footer-standardised__list">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Class name 1">Class name 1</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Class name 2">Class name 2</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="ecl-footer-standardised__row">
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section"><a href="/example"
            class="ecl-link ecl-link--standalone ecl-footer-standardised__logo-link"
            aria-label="European Commission"><img alt="European Commission logo" title="European Commission"
              class="ecl-footer-standardised__logo-image-desktop" src="/dist/media/icons.3278a5c4.svg" /></a>
          <h2 class="ecl-footer-standardised__title"><a href="https://ec.europa.eu/info/index_en"
              class="ecl-link ecl-link--standalone ecl-footer-standardised__title-link">European Commission</a></h2>
        </div>
      </div>
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section ecl-footer-standardised__section--split-list">
          <ul class="ecl-footer-standardised__list">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                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-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Follow the European Commission on social media">Follow the European Commission on
                social media</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link">Resources for partners</a></li>
          </ul>
        </div>
      </div>
      <div class="ecl-footer-standardised__column">
        <div class="ecl-footer-standardised__section ecl-footer-standardised__section--split-list">
          <ul class="ecl-footer-standardised__list">
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Language policy">Language policy</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Cookies">Cookies</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Privacy policy">Privacy policy</a></li>
            <li class="ecl-footer-standardised__list-item"><a href="/example"
                class="ecl-link ecl-link--standalone ecl-footer-standardised__link"
                aria-label="Link to Legal notice">Legal notice</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>