<footer class="ecl-footer-core">
<div class="ecl-container ecl-footer-core__container">
<section class="ecl-footer-core__section ecl-footer-core__section1"><a href="/example"
class="ecl-footer-core__title ecl-link ecl-link--standalone">European Commission website</a>
<div class="ecl-footer-core__description">This site is managed by the Directorate-General for Communication</div>
</section>
<section class="ecl-footer-core__section ecl-footer-core__section2 ecl-footer-core__section--separator">
<div class="ecl-footer-core__content">More information on:</div>
<ul class="ecl-footer-core__list ecl-footer-core__list--columns">
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Strategy">Strategy</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link About the European Commission">About the European Commission</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Business, Economy, Euro">Business, Economy, Euro</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link work, travel in the EU">Live,
work, travel in the EU</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Law">Law</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Funding, Tenders">Funding,
Tenders</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Research and innovation">Research and innovation</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Climate change, Environment">Energy, Climate change, Environment</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Education">Education</a>
</li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Aid, Development cooperation, Fundamental rights">Aid, Development cooperation,
Fundamental rights</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Food, Farming, Fisheries">Food, Farming, Fisheries</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to EU regionaland urban development">EU regional and urban development</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Jobs at the European Commission">Jobs at the European Commission</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Statistics">Statistics</a>
</li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to News">News</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Events">Events</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Publications">Publications</a></li>
</ul>
</section>
<section class="ecl-footer-core__section ecl-footer-core__section3">
<ul class="ecl-footer-core__list">
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Contact the European Commission">Contact the European Commission</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__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> <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-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Resources for partners">Resources for partners</a></li>
</ul>
</section>
<section class="ecl-footer-core__section ecl-footer-core__section4">
<ul class="ecl-footer-core__list">
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Language policy">Language
policy</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Cookies">Cookies</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Privacy policy">Privacy
policy</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Legal notice">Legal
notice</a></li>
</ul>
</section>
</div>
</footer>Try it yourself on the playground
Playground