<header data-ecl-auto-init="SiteHeaderCore" class="ecl-site-header-core">
<div class="ecl-site-header-core__container ecl-container">
<div class="ecl-site-header-core__top"><a class="ecl-link ecl-link--standalone ecl-site-header-core__logo-link"
href="/example" aria-label="Home (European Commission)"><img alt="European Commission logo"
title="Home (European Commission)" class="ecl-site-header-core__logo-image"
src="/component-library/dist/media/logo--en.5055ef4f.svg" /></a>
<div class="ecl-site-header-core__action">
<div class="ecl-site-header-core__login-container"><a
class="ecl-link ecl-link--standalone ecl-site-header-core__login-toggle" href="/example"><svg
focusable="false" aria-hidden="true" class="ecl-site-header-core__icon ecl-icon ecl-icon--s">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--log-in"></use>
</svg>Log in</a></div><a class="ecl-link ecl-link--standalone ecl-site-header-core__language-selector"
href="/example" aria-label="English" data-ecl-language-selector="true"
aria-controls="language-list-overlay"><span class="ecl-site-header-core__language-icon"><svg focusable="false"
aria-hidden="true" class="ecl-site-header-core__icon ecl-icon ecl-icon--s">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--language"></use>
</svg><span class="ecl-site-header-core__language-code">en</span></span>English</a>
<div class="ecl-site-header-core__search-container"><a
class="ecl-link ecl-link--standalone ecl-site-header-core__search-toggle" href="/example"
data-ecl-search-toggle="true" aria-controls="search-form-id" aria-expanded="false"><svg focusable="false"
aria-hidden="true" class="ecl-icon ecl-icon--s">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--search"></use>
</svg>Search</a>
<form id="search-form-id" data-ecl-search-form="true" class="ecl-site-header-core__search ecl-search-form"
role="search">
<div class="ecl-form-group"><label class="ecl-search-form__label ecl-form-label"
for="search-input-id">Search</label><input type="search" id="search-input-id"
class="ecl-search-form__text-input ecl-text-input" /></div><button aria-label="Search" type="submit"
class="ecl-search-form__button ecl-button ecl-button--search"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Search</span><svg focusable="false" aria-hidden="true"
data-ecl-icon="true" class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--search"></use>
</svg></span></button>
</form>
</div>
</div>
</div>
</div>
<div id="language-list-overlay" hidden="" class="ecl-language-list ecl-language-list--overlay"
aria-labelledby="ecl-language-list__title" role="dialog" data-ecl-language-list-overlay="true">
<div class="ecl-language-list__container ecl-container">
<div class="ecl-row">
<div class="ecl-language-list__close ecl-col-12 ecl-col-lg-8 ecl-offset-lg-2"><button
data-ecl-language-list-close="true" type="submit"
class="ecl-language-list__close-button ecl-button ecl-button--ghost"><span
class="ecl-button__container"><span class="ecl-button__label" data-ecl-label="true">Close</span><svg
focusable="false" aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--s">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--close"></use>
</svg></span></button></div>
<div class="ecl-language-list__title ecl-col-12 ecl-col-lg-8 ecl-offset-lg-2" id="ecl-language-list__title">
Select your language</div>
</div>
<div class="ecl-row ecl-language-list__eu">
<div class="ecl-language-list__category ecl-col-12 ecl-col-lg-8 ecl-offset-lg-2">EU official languages</div>
<div class="ecl-language-list__column ecl-col-12 ecl-col-lg-4 ecl-offset-lg-2">
<ul class="ecl-language-list__list">
<li class="ecl-language-list__item "><a lang="bg" hrefLang="bg" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">български</a></li>
<li class="ecl-language-list__item "><a lang="es" hrefLang="es" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">español</a></li>
<li class="ecl-language-list__item "><a lang="cs" hrefLang="cs" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">čeština</a></li>
<li class="ecl-language-list__item "><a lang="da" hrefLang="da" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">dansk</a></li>
<li class="ecl-language-list__item "><a lang="de" hrefLang="de" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">Deutsch</a></li>
<li class="ecl-language-list__item "><a lang="et" hrefLang="et" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">eesti</a></li>
<li class="ecl-language-list__item "><a lang="el" hrefLang="el" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">ελληνικά</a></li>
<li class="ecl-language-list__item ecl-language-list__item--is-active"><a lang="en" hrefLang="en"
rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">English</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--check"></use>
</svg></a></li>
<li class="ecl-language-list__item "><a lang="fr" hrefLang="fr" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">français</a></li>
<li class="ecl-language-list__item "><a lang="ga" hrefLang="ga" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">Gaeilge</a></li>
<li class="ecl-language-list__item "><a lang="hr" hrefLang="hr" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">hrvatski</a></li>
<li class="ecl-language-list__item "><a lang="it" hrefLang="it" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">italiano</a></li>
</ul>
</div>
<div class="ecl-language-list__column ecl-col-12 ecl-col-lg-4">
<ul class="ecl-language-list__list">
<li class="ecl-language-list__item "><a lang="lv" hrefLang="lv" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">latviešu</a></li>
<li class="ecl-language-list__item "><a lang="lt" hrefLang="lt" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">lietuvių</a></li>
<li class="ecl-language-list__item "><a lang="hu" hrefLang="hu" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">magyar</a></li>
<li class="ecl-language-list__item "><a lang="mt" hrefLang="mt" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">Malti</a></li>
<li class="ecl-language-list__item "><a lang="nl" hrefLang="nl" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">Nederlands</a></li>
<li class="ecl-language-list__item "><a lang="pl" hrefLang="pl" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">polski</a></li>
<li class="ecl-language-list__item "><a lang="pt" hrefLang="pt" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">português</a></li>
<li class="ecl-language-list__item "><a lang="ro" hrefLang="ro" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">română</a></li>
<li class="ecl-language-list__item "><a lang="sk" hrefLang="sk" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">slovenčina</a></li>
<li class="ecl-language-list__item "><a lang="sl" hrefLang="sl" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">slovenščina</a></li>
<li class="ecl-language-list__item "><a lang="fi" hrefLang="fi" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">suomi</a></li>
<li class="ecl-language-list__item "><a lang="sv" hrefLang="sv" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">svenska</a></li>
</ul>
</div>
</div>
<div class="ecl-row ecl-language-list__non-eu">
<div class="ecl-language-list__category ecl-col-12 ecl-col-lg-8 ecl-offset-lg-2">Non-EU languages</div>
<div class="ecl-language-list__column ecl-col-12 ecl-col-lg-4 ecl-offset-lg-2">
<ul class="ecl-language-list__list">
<li class="ecl-language-list__item "><a lang="zh" hrefLang="zh" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">中文</a></li>
<li class="ecl-language-list__item "><a lang="tr" hrefLang="tr" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">Türk</a></li>
<li class="ecl-language-list__item "><a lang="ru" hrefLang="ru" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">pусский</a></li>
</ul>
</div>
<div class="ecl-language-list__column ecl-col-12 ecl-col-lg-4">
<ul class="ecl-language-list__list">
<li class="ecl-language-list__item "><a lang="ca" hrefLang="ca" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">Català</a></li>
<li class="ecl-language-list__item "><a lang="ar" hrefLang="ar" rel="alternate" href="/example"
class="ecl-language-list__link ecl-link ecl-link--standalone">عَرَبِيّ</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="ecl-page-header-core">
<div class="ecl-container">
<nav data-ecl-auto-init="BreadcrumbCore" class="ecl-page-header-core__breadcrumb ecl-breadcrumb-core"
aria-label="You are here:" data-ecl-breadcrumb-core="true">
<ol class="ecl-breadcrumb-core__container">
<li class="ecl-breadcrumb-core__segment" data-ecl-breadcrumb-core-item="static" aria-hidden="false"><a
href="/example" class="ecl-breadcrumb-core__link ecl-link ecl-link--standalone">Home</a><svg
focusable="false" aria-hidden="true" role="presentation"
class="ecl-breadcrumb-core__icon ecl-icon ecl-icon--2xs ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></li>
<li class="ecl-breadcrumb-core__segment ecl-breadcrumb-core__segment--ellipsis" aria-hidden="false"
data-ecl-breadcrumb-core-ellipsis="true"><button type="button" class="ecl-breadcrumb-core__ellipsis"
aria-label="" data-ecl-breadcrumb-core-ellipsis-button="true">…</button><svg focusable="false"
aria-hidden="true" role="presentation"
class="ecl-breadcrumb-core__icon ecl-icon ecl-icon--2xs ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></li>
<li class="ecl-breadcrumb-core__segment" data-ecl-breadcrumb-core-item="expandable" aria-hidden="false"><a
href="/example" class="ecl-breadcrumb-core__link ecl-link ecl-link--standalone">Policies</a><svg
focusable="false" aria-hidden="true" role="presentation"
class="ecl-breadcrumb-core__icon ecl-icon ecl-icon--2xs ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></li>
<li class="ecl-breadcrumb-core__segment" data-ecl-breadcrumb-core-item="expandable" aria-hidden="true"><a
href="/example" class="ecl-breadcrumb-core__link ecl-link ecl-link--standalone">Environment</a><svg
focusable="false" aria-hidden="true" role="presentation"
class="ecl-breadcrumb-core__icon ecl-icon ecl-icon--2xs ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></li>
<li class="ecl-breadcrumb-core__segment" data-ecl-breadcrumb-core-item="static" aria-hidden="false"><a
href="/example" class="ecl-breadcrumb-core__link ecl-link ecl-link--standalone">Clean air</a><svg
focusable="false" aria-hidden="true" role="presentation"
class="ecl-breadcrumb-core__icon ecl-icon ecl-icon--2xs ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></li>
<li class="ecl-breadcrumb-core__segment ecl-breadcrumb-core__current-page" aria-current="page"
data-ecl-breadcrumb-core-item="static" aria-hidden="false">Resources</li>
</ol>
</nav>
<div class="ecl-page-header-core__meta">Lorem | Ipsum</div>
<h1 class="ecl-page-header-core__title">Resources</h1>
<p class="ecl-page-header-core__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra
dui in cursus finibus. In cursus sapien ligula, quis lobortis ipsum vulputate eget.</p>
</div>
</div>
<div class="ecl-u-pv-xl ecl-u-pv-lg-3xl">
<div class="ecl-container ecl-u-type-m">
<main>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mv-none">The European Environment Agency's
'European Air Quality Index' informs citizens about air quality levels based on data reported by
Member States, and an 'Urban PM2.5 Atlas' from the Joint Research Centre of the European Commission
illustrates the main sources of particulate matter pollution for 150 cities across Europe will make.</p><a
href="/example" class="ecl-u-mt-l ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Connected results</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a><br /><a href="/example"
class="ecl-u-mt-l ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Connected objectives</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid ecl-icon--rotate-90">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none">Databases and
other resources</h2>
<article class="ecl-u-mt-m ecl-u-mt-lg-l ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div class="ecl-u-flex-grow-1"><a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-link ecl-link--standalone">European
Air Quality Index</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The European Environment
Agency now offers an Air Quality Index that allows citizens to monitor air quality in real time.</p>
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:13.125rem">
</div>
</article>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none">Report</h2>
<div data-ecl-auto-init="FileDownload" class="ecl-u-mt-l ecl-file" data-ecl-file="true">
<div class="ecl-file__container"><svg focusable="false" aria-hidden="true"
class="ecl-file__icon ecl-icon ecl-icon--2xl">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#general--copy"></use>
</svg>
<div class="ecl-file__info">
<div class="ecl-file__title">Services to develop an EU Air Quality Index</div>
<div class="ecl-file__language">English</div>
<div class="ecl-file__meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" href="/example"
class="ecl-file__download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--download"></use>
</svg></a>
</div>
<div class="ecl-file__translation-container" data-ecl-file-translation-container="true"><button
data-ecl-file-translation-toggle="true" type="button"
class="ecl-file__translation-toggle ecl-button ecl-button--ghost"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Other languages (3)</span><svg focusable="false"
aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--fluid ecl-icon--rotate-180">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></span></button>
<ul class="ecl-file__translation-list">
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="bg">български</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="bg" href="/example#bg"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="es">español</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="es" href="/example#es"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="fr">français</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="fr" href="/example#fr"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item ecl-file__translation-description"></li>
</ul>
</div>
</div>
<div class="ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-social-media-share">
<p class="ecl-social-media-share__description">Share this page</p>
<ul class="ecl-social-media-share__list">
<li class="ecl-social-media-share__item"><a href="/example"
class="ecl-social-media-share__link--twitter ecl-social-media-share__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#twitter"></use>
</svg><svg focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon-hover ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#twitter_hover"></use>
</svg> <span class="ecl-link__label">Twitter</span></a></li>
<li class="ecl-social-media-share__item"><a href="/example"
class="ecl-social-media-share__link--facebook ecl-social-media-share__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#facebook"></use>
</svg><svg focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon-hover ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#facebook_hover"></use>
</svg> <span class="ecl-link__label">Facebook</span></a></li>
<li class="ecl-social-media-share__item"><a href="/example"
class="ecl-social-media-share__link--linkedin ecl-social-media-share__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#linkedin"></use>
</svg><svg focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon-hover ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#linkedin_hover"></use>
</svg> <span class="ecl-link__label">Linkedin</span></a></li>
<li class="ecl-social-media-share__item"><a href="/example"
class="ecl-social-media-share__link--email ecl-social-media-share__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#email"></use>
</svg><svg focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon-hover ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/component-library/dist/media/icons-social.d5f51eae.svg#email_hover"></use>
</svg> <span class="ecl-link__label">E-mail</span></a></li>
<li class="ecl-social-media-share__item"><a href="/example"
class="ecl-social-media-share__link ecl-link ecl-link--standalone">Other social networks</a></li>
</ul>
</div>
</main>
</div>
</div>
<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/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