<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="static" aria-hidden="false"><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 ecl-breadcrumb-core__current-page" aria-current="page"
data-ecl-breadcrumb-core-item="static" aria-hidden="false">Clean air</li>
</ol>
</nav>
<div class="ecl-page-header-core__meta">Lorem | Ipsum</div>
<h1 class="ecl-page-header-core__title">Clean air</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">
<main>
<div class="ecl-container ecl-u-type-m">
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mv-none">Clean air is essential to our health and
to the environment. But since the industrial revolution, the qulity of the air we breathe ha deteriorated
considerably - mainly as a result of human activites.</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">Why is this policy necessary</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">Objectives
</h2>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-type-mt-l ecl-u-mb-none">Achieve levels of air
quality that do not give rise to significant negative eimpacts on, and risks to, human health and the
environment. Since the early 1970s, the EU has been working to improve air quality by controlling emissions
of harmful substances into the atmosphere, improving fuel quality, and by integrating environmental
protection requirements into the transport and energy sectors.</p>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<div
class="ecl-u-bg-blue-5 ecl-u-border-all ecl-u-border-width-2 ecl-u-border-color-blue-25 ecl-u-pv-l ecl-u-mt-l ecl-u-mt-md-none">
<dl class="ecl-description-list ecl-description-list--horizontal">
<dt class="ecl-u-pl-s ecl-u-box-sizing-border ecl-description-list__term">Policy period</dt>
<dd class="ecl-u-pl-s ecl-u-pl-lg-none ecl-description-list__definition">01.01.2015 - 01.01.2030</dd>
<dt class="ecl-u-pl-s ecl-u-box-sizing-border ecl-description-list__term">Connected topics</dt>
<dd class="ecl-u-pl-s ecl-u-pl-lg-none ecl-description-list__definition"><a href="/example"
class="ecl-link ecl-link--standalone">Environment</a></dd>
<dt class="ecl-u-pl-s ecl-u-box-sizing-border ecl-description-list__term">Connected Commission priorities
</dt>
<dd class="ecl-u-pl-s ecl-u-pl-lg-none ecl-description-list__definition"><a href="/example"
class="ecl-link ecl-link--standalone">Energy union and climate</a></dd>
<dt class="ecl-u-pl-s ecl-u-box-sizing-border ecl-description-list__term">Previous version</dt>
<dd class="ecl-u-pl-s ecl-u-pl-lg-none ecl-description-list__definition"><a href="/example"
class="ecl-link ecl-link--standalone">The CAFE Programme (2001 - 2015)</a></dd>
</dl>
</div>
</div>
</div>
</div>
<div class="ecl-u-mt-l ecl-u-mt-lg-3xl ecl-u-pv-l ecl-u-bg-blue-5">
<div class="ecl-container ecl-u-type-m">
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mv-none">Supporting policies</h2>
<div class="ecl-row ecl-u-mt-xs">
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-height-100 ecl-u-box-sizing-border 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">Air
quality</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">European Union
policy on air quality aims to develop and implement appropriate instruments to improve air quality.
</p>
</div>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-height-100 ecl-u-box-sizing-border 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">Reduction
of National Emissions</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">EU has policies in
place limiting individual sources but also national totals of atmospheric emissions of key polluants.
</p>
</div>
</article>
</div>
</div>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-height-100 ecl-u-box-sizing-border ecl-u-d-flex ecl-u-pv-m">
<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">Air
pollution from the main sources</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Main sources of
problems regarding European Union's air pollution.</p>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="ecl-container ecl-u-type-m">
<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">Actions</h2>
<div class="ecl-row ecl-u-mt-xs">
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-height-100 ecl-u-box-sizing-border 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">Legislation</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">"A Europe that
protects: Clean air for all" provides national, regional and local actors practical help to improve
air quality in Europe.</p>
</div>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-height-100 ecl-u-box-sizing-border 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">Consultation
and cooperation</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Clean Air Country
Dialogues foster the collaborative approach required to deliver actions for enhancing air quality and
reducing air pollution in the future.</p>
</div>
</article>
</div>
</div>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-height-100 ecl-u-box-sizing-border ecl-u-d-flex ecl-u-pv-m">
<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">Resources</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's 'European Air Quality Index' informs citizens about air quality
levels based on Member States data.</p>
</div>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-height-100 ecl-u-box-sizing-border ecl-u-d-flex ecl-u-pv-m">
<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">Raising
awareness</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Public relations
campaigns that aim to increase public awareness towards the problem Europe enounters when it comes to
air pollution.</p>
</div>
</article>
</div>
</div>
</div>
<div class="ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-pv-l ecl-u-bg-blue-5">
<div class="ecl-container ecl-u-type-m">
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mv-none">Outcome</h2>
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mt-l ecl-u-mb-none">Results</h3>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mt-m ecl-u-mb-none">As a result, much progress has
been made in tackling air polluants such as sulphur dioxide, lead, nitrogen oxides, carbon monoxide and
benzene. Yet, and despite the progressmade to date, poor air quality continues to cause serious and avoidable
problems. As a next step towards improving air quality, the European Commission adopted in 2013 a Clean Air
Policy Package, including a Clean Air Programme for Europe setting objectives for 2020 and 2030, and
accompanying legislative measures.</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">Policy impact</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>
<div class="ecl-row ecl-u-mt-m ecl-u-mt-lg-l ecl-u-border-top ecl-u-border-color-grey-25">
<div
class="ecl-col-12 ecl-col-md-6 ecl-u-border-bottom ecl-u-border-color-grey-25 ecl-u-border-width-md-0 ecl-u-pb-l ecl-u-pb-md-none">
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mt-l ecl-u-mb-none">Monitoring</h3>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mt-m">The new PRIMES 2016 reference scenario and
any developments in the CAPRI and TREMOVE modelling frameworks.</p>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mb-none">The impacts of Climate and Energy Policy
as finally proposed by the Commission</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">How we measure policy impact</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>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mt-l ecl-u-mb-none">Evaluation</h3>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mt-m ecl-u-mb-none">This review will build on and
reinforce the objectives of the Europe 2030 strategy for smart, sustainable and inclusive growth and
involve all relevant stakeholders. Meanwhile, important emission abatement measures will continue to be
implemented.</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">Policy evaluation</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>
</div>
</div>
</div>
</div>
<div class="ecl-container ecl-u-type-m">
<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">Policy timeline
</h2>
<article
class="ecl-u-d-inline-block ecl-u-bg-blue-5 ecl-u-border-all ecl-u-border-width-2 ecl-u-border-color-blue-25 ecl-u-pv-l ecl-u-ph-s ecl-u-mt-l">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold"><a href="/example"
class="ecl-link ecl-link--standalone">Review of the Clean air policy</a></div>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">This
package was based on an extensive review of the EU air policy to date.</p>
</article>
<ol data-ecl-auto-init="Timeline2" class="ecl-u-mt-l ecl-timeline2" data-ecl-timeline="true">
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">18 Dec 2013</div>
<div class="ecl-timeline2__title">New Clean Air Policy Package</div>
<div class="ecl-timeline2__content">On 18 December 2013, the European Commission adopted a Clean Air Policy
Package. This package was based on an extensive review of the EU air policy to date. This policy package
includes a Clean Air Programme for Europe, as well as a proposal for Directives on the reduction of nation
emissions of certain atmospheric pollutants (the NEC Directive) and on limitation of emissions of certain
pollutants into the air from medium combustion plants (the MCP Directive).</div>
</li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">1-2 Mar 2017</div>
<div class="ecl-timeline2__title">Clean Air Dialogue with Ireland</div>
<div class="ecl-timeline2__content">In 2015, the Commission proposed, in an orienation paper for the Ambient
Air Quality Export Group, setting up bilateral structured Clean Air Country Dialogues to help foster the
collaborative approach required to deliver actions for enhancing air quality and reducing air pollution in
the future.</div>
</li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">29-30 June 2017</div>
<div class="ecl-timeline2__title">Clean Air Dialogue with Luxembourg</div>
<div class="ecl-timeline2__content">In 2015, the Commission proposed, in an orienation paper for the Ambient
Air Quality Export Group, setting up bilateral structured Clean Air Country Dialogues to help foster the
collaborative approach required to deliver actions for enhancing air quality and reducing air pollution in
the future.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">12 Sep 2017</div>
<div class="ecl-timeline2__title">European Air Quality Index</div>
<div class="ecl-timeline2__content">The European Environmental Agency now offers an Air Quality Index that
allows citizens to monitor air quality in real time.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">01 Oct 2017</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">31 Dec 2017</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">05 Apr 2018</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">17 Jul 2018</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">22 Oct 2018</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">25 Mar 2019</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">5 Jul 2019</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">12 Sep 2019</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">3 Oct 2019</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item--collapsed ecl-timeline2__item">
<div class="ecl-timeline2__label">22 Oct 2019</div>
<div class="ecl-timeline2__title">Lorem ipsum dolor sit amet</div>
<div class="ecl-timeline2__content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec
fermentum velit. Mauris elementum blandit erat, et sollicitudin sapien feugiat nec. Sed nunc orci, tempus
auctor fermentum feugiat, condimentum ut lorem.</div>
</li>
<li class="ecl-timeline2__item ecl-timeline2__item--toggle"><button data-ecl-timeline-button="true"
data-ecl-label-collapsed="Show 11 more items" data-ecl-label-expanded="Hide 11 items" type="button"
class="ecl-timeline2__toggle ecl-button ecl-button--secondary"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Show 11 more items</span><svg focusable="false"
aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--xs ecl-icon--rotate-180">
<use xlink:href="/component-library/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></span></button></li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">10 Nov 2019</div>
<div class="ecl-timeline2__title">Fitness check of the EU Ambient Air Quality Directives (Report)</div>
<div class="ecl-timeline2__content">The results of the on-going fitness check are expected to be published by
end of 2019</div>
</li>
<li class="ecl-timeline2__item">
<div class="ecl-timeline2__label">28-29 Nov 2019</div>
<div class="ecl-timeline2__title">2nd EU Clean Air Forum</div>
<div class="ecl-timeline2__content">The European Commission is organising, in close cooperation with the
Ministry of Environment of the Slovak Republic, a second EU Clean Air Forum that will take place in
Bratislava (Slovakia).</div>
</li>
</ol>
<article class="ecl-u-mt-l ecl-u-d-flex ecl-u-pv-m">
<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">EC
policy process</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Get more information about
how decisions are made in the policy process.</p>
</div>
</article>
</div>
<div class="ecl-u-bg-blue-5 ecl-u-pv-l ecl-u-mt-xl ecl-u-mt-lg-3xl">
<div class="ecl-container ecl-u-type-m">
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mv-none">News</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">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">News article</span> | <time dateTime="2019-05-06">06 May 2019</time></div>
<a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">EEA
reports on cleaner EU environment and challenges ahead</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">A new report published
today by the European Environment Agency shows that a coordinated EU environment policy has delivered
substantial benefits for citizens over the past 5 years.</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>
<article class="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">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">News article</span> | <time dateTime="2019-03-23">23 March 2019</time>
</div><a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">Paris
Climate Agreement to enter into force as EU agrees ratification</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The European Parliament
has today approved the EU ratification of the Paris Agreement in the presence of Commission President
Jean-Claude Juncker.</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>
<article class="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">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">News article</span> | <time dateTime="2019-10-17">17 October 2015</time>
</div><a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">The
6th meeting of the Urban Partnership on Air QUality focuses on the implementation of actions</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">After the presentation
of the Draft Action Plan and the corresponding period for analysis of the Public Feedback results, the
Urban Partnership Air Quality.</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><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">All news</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>
</div>
</div>
<div class="ecl-container ecl-u-type-m">
<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">Events</h2>
<article class="ecl-u-d-flex ecl-u-pv-m">
<div class="ecl-u-flex-grow-0 ecl-u-mr-m"><time class="ecl-date-block" dateTime="2019-11-28"><span
class="ecl-u-sr-only">2019-11-28</span><span aria-hidden="true" class="ecl-date-block__day">28</span><abbr
aria-hidden="true" title="November" class="ecl-date-block__month">Nov</abbr><span aria-hidden="true"
class="ecl-date-block__year">2019</span></time></div>
<div class="ecl-u-flex-grow-1">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">Forum</span> | <time dateTime="2019-11-28">28-29 Nov 2019</time></div><a
href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">EU
Clean Air</a>
<p class="ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">With: Daniel
Calleja Crespo</p>
</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">Stakeholders
</h2>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none "
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-person.png")">
</div>
<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">Aurel
CIOBANU-DORDEA</a>
<p class="ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs">Director</p>
<ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
<li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item">
<span class="ecl-u-type-s">DG Environment</span></li>
</ul>
</div>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none "
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-person.png")">
</div>
<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">T.
W. SALMONOWICZ</a>
<p class="ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs">Administrative
Assistant</p>
<ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
<li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item">
<span class="ecl-u-type-s">DG Environment</span></li>
</ul>
</div>
</article>
</div>
</div>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none "
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-person.png")">
</div>
<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">Mr
C. SOBOTTA</a>
<p class="ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs">Policy Officer</p>
<ul class="ecl-u-mt-m ecl-unordered-list ecl-unordered-list--no-bullet">
<li class="ecl-u-d-flex ecl-u-align-items-center ecl-u-type-color-grey-75 ecl-unordered-list__item">
<span class="ecl-u-type-s">DG Environment</span></li>
</ul>
</div>
</article>
</div>
</div>
</div>
<div class="ecl-u-bg-blue-5 ecl-u-pv-l ecl-u-mt-xl ecl-u-mt-lg-3xl">
<div class="ecl-container ecl-u-type-m">
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mv-none">Contact</h2>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mt-l ecl-u-mb-none">General contact</h3>
<dl class="ecl-u-mt-l ecl-description-list ecl-description-list--horizontal">
<dt class="ecl-description-list__term">Name</dt>
<dd class="ecl-description-list__definition">Roberto Fallieri</dd>
<dt class="ecl-description-list__term">Mobile phone</dt>
<dd class="ecl-description-list__definition">(0)2 44224411 (Comission switchboard)</dd>
<dt class="ecl-description-list__term">Fixed phone</dt>
<dd class="ecl-description-list__definition">(0)2 00323311 (Commission switchboard)</dd>
<dt class="ecl-description-list__term">Postal address</dt>
<dd class="ecl-description-list__definition">Directorate General for Environment<br />European
Commission<br />DG ENV<br />B-1049 Brussels<br />Belgium</dd>
<dt class="ecl-description-list__term">Building code</dt>
<dd class="ecl-description-list__definition">L-56</dd>
<dt class="ecl-description-list__term">Room code</dt>
<dd class="ecl-description-list__definition">08/4A</dd>
<dt class="ecl-description-list__term">Email</dt>
<dd class="ecl-description-list__definition"><a href="/example"
class="ecl-link ecl-link--standalone">roberto.fallieri@europa.eu</a></dd>
</dl>
<div class="ecl-social-media-follow">
<p class="ecl-social-media-follow__description">Social Media</p>
<ul class="ecl-social-media-follow__list">
<li class="ecl-social-media-follow__item"><a href="/example"
class="ecl-social-media-follow__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-follow__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-follow__icon-hover 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>
</ul>
</div>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mt-l ecl-u-mb-none">Press contact</h3>
<dl class="ecl-u-mt-l ecl-description-list ecl-description-list--horizontal">
<dt class="ecl-description-list__term">Name</dt>
<dd class="ecl-description-list__definition">David Higgins</dd>
<dt class="ecl-description-list__term">Mobile phone</dt>
<dd class="ecl-description-list__definition">(0)2 12312331 (Comission switchboard)</dd>
<dt class="ecl-description-list__term">Fixed phone</dt>
<dd class="ecl-description-list__definition">(0)2 12345678 (Commission switchboard)</dd>
<dt class="ecl-description-list__term">Postal address</dt>
<dd class="ecl-description-list__definition">Directorate General for Environment<br />European
Commission<br />DG ENV<br />B-1049 Brussels<br />Belgium</dd>
<dt class="ecl-description-list__term">Building code</dt>
<dd class="ecl-description-list__definition">L-56</dd>
<dt class="ecl-description-list__term">Room code</dt>
<dd class="ecl-description-list__definition">08/4A</dd>
<dt class="ecl-description-list__term">Email</dt>
<dd class="ecl-description-list__definition"><a href="/example"
class="ecl-link ecl-link--standalone">david.higgins@europa.eu</a></dd>
</dl>
<div class="ecl-social-media-follow">
<p class="ecl-social-media-follow__description">Social Media</p>
<ul class="ecl-social-media-follow__list">
<li class="ecl-social-media-follow__item"><a href="/example"
class="ecl-social-media-follow__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-follow__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-follow__icon-hover 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>
</ul>
</div>
</div>
</div><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">Ask a question</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>
</div>
</div>
<div class="ecl-container ecl-u-type-m">
<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>
</div>
</main>
</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