Footer

<footer class="ecl-footer">
  <div class="ecl-footer__sections">
    <div class="ecl-container">
      <div class="ecl-row">
        <section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__section-title">European Commission</h1>
          <ul class="ecl-footer__section-list">
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone">European Commission website</a></li>
          </ul>
        </section>
        <section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__section-title">Follow the European Commission</h1>
          <ul class="ecl-footer__section-list ecl-footer__section-list--inline">
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
                  focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#branded--facebook"></use>
                </svg> <span class="ecl-link__label">Facebook</span></a></li>
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
                  focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#branded--twitter"></use>
                </svg> <span class="ecl-link__label">Twitter</span></a></li>
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
                  class="ecl-link__label">Other social networks</span> <svg focusable="false" aria-hidden="true"
                  class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
                </svg></a></li>
          </ul>
        </section>
        <section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__section-title">European Union</h1>
          <ul class="ecl-footer__section-list">
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
                  class="ecl-link__label">European Union</span> <svg focusable="false" aria-hidden="true"
                  class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
                </svg></a></li>
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
                  class="ecl-link__label">EU institutions</span> <svg focusable="false" aria-hidden="true"
                  class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
                </svg></a></li>
          </ul>
        </section>
      </div>
    </div>
  </div>
  <div class="ecl-footer__common">
    <div class="ecl-container ecl-footer__common-container"><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">About the Commission&#x27;s new web presence</a><a
        href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Language policy</a><a
        href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Resources for partners</a><a
        href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Cookies</a><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">Privacy policy</a><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">Legal notice</a><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">Contact</a></div>
  </div>
</footer>

<footer class="ecl-footer ecl-footer--custom">
  <section class="ecl-footer__identity">
    <div class="ecl-container">
      <div class="ecl-row">
        <div class="ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__identity-title">Site identification</h1>
        </div>
        <div class="ecl-footer__identity-follow ecl-col-12 ecl-col-md-4"><span class="ecl-footer__identity-label">Follow
            us:</span><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
              focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs">
              <use xlink:href="/dist/media/icons.db866e2e.svg#branded--facebook"></use>
            </svg> <span class="ecl-link__label">Facebook</span></a><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
              focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs">
              <use xlink:href="/dist/media/icons.db866e2e.svg#branded--twitter"></use>
            </svg> <span class="ecl-link__label">Twitter</span></a><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
              class="ecl-link__label">Other social networks</span> <svg focusable="false" aria-hidden="true"
              class="ecl-link__icon ecl-icon ecl-icon--xs">
              <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
            </svg></a></div>
        <div class="ecl-footer__identity-info ecl-col-12 ecl-col-md-4"><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone">Contact</a><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone">Sitemap</a><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone">Lorem ipsum</a><a href="/example"
            class="ecl-footer__identity-link ecl-link ecl-link--standalone">Lorem ipsum dolor sit</a></div>
      </div>
    </div>
  </section>
  <div class="ecl-footer__sections">
    <div class="ecl-container">
      <div class="ecl-row">
        <section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__section-title">European Commission</h1>
          <ul class="ecl-footer__section-list">
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone">European Commission website</a></li>
          </ul>
        </section>
        <section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__section-title">Follow the European Commission</h1>
          <ul class="ecl-footer__section-list ecl-footer__section-list--inline">
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
                  focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#branded--facebook"></use>
                </svg> <span class="ecl-link__label">Facebook</span></a></li>
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
                  focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#branded--twitter"></use>
                </svg> <span class="ecl-link__label">Twitter</span></a></li>
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
                  class="ecl-link__label">Other social networks</span> <svg focusable="false" aria-hidden="true"
                  class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
                </svg></a></li>
          </ul>
        </section>
        <section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
          <h1 class="ecl-footer__section-title">European Union</h1>
          <ul class="ecl-footer__section-list">
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
                  class="ecl-link__label">European Union</span> <svg focusable="false" aria-hidden="true"
                  class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
                </svg></a></li>
            <li class="ecl-footer__section-item"><a href="/example"
                class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
                  class="ecl-link__label">EU institutions</span> <svg focusable="false" aria-hidden="true"
                  class="ecl-link__icon ecl-icon ecl-icon--xs">
                  <use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
                </svg></a></li>
          </ul>
        </section>
      </div>
    </div>
  </div>
  <div class="ecl-footer__common">
    <div class="ecl-container ecl-footer__common-container"><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">About the Commission&#x27;s new web presence</a><a
        href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Language policy</a><a
        href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Resources for partners</a><a
        href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Cookies</a><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">Privacy policy</a><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">Legal notice</a><a href="/example"
        class="ecl-footer__common-link ecl-link ecl-link--standalone">Contact</a></div>
  </div>
</footer>