<div class="ecl-u-pv-xl ecl-u-pv-lg-3xl">
<main>
<div class="ecl-container">
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<p class="ecl-u-type-paragraph 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="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></a>
<h2 class="ecl-u-type-heading-2 ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none">Objectives</h2>
<p class="ecl-u-type-paragraph 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">
<h2 class="ecl-u-type-heading-2 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-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs"><a href="/example"
class="ecl-link ecl-link--standalone">Air quality</a></div>
<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>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs"><a href="/example"
class="ecl-link ecl-link--standalone">Reduction of National Emissions</a></div>
<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>
</article>
</div>
</div>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs "><a href="/example"
class="ecl-link ecl-link--standalone">Air pollution from the main sources</a></div>
<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'air pollution.</p>
</article>
</div>
</div>
</div>
</div>
<div class="ecl-container">
<h2 class="ecl-u-type-heading-2 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-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold"><a href="/example"
class="ecl-link ecl-link--standalone">Legislation</a></div>
<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>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold"><a href="/example"
class="ecl-link ecl-link--standalone">Consultation and cooperation</a></div>
<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>
</article>
</div>
</div>
<div class="ecl-row">
<div class="ecl-col-12 ecl-col-md-6">
<article
class="ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-border-width-md-0 ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold"><a href="/example"
class="ecl-link ecl-link--standalone">Resources</a></div>
<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>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-pv-m ecl-u-height-100 ecl-u-box-sizing-border">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold"><a href="/example"
class="ecl-link ecl-link--standalone">Raising awareness</a></div>
<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>
</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">
<h2 class="ecl-u-type-heading-2 ecl-u-mv-none">Outcome</h2>
<h3 class="ecl-u-type-heading-3 ecl-u-mt-l ecl-u-mb-none">Results</h3>
<p class="ecl-u-type-paragraph 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="/dist/media/icons.1dbe9812.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-mt-l ecl-u-mb-none">Monitoring</h3>
<p class="ecl-u-type-paragraph 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-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="/dist/media/icons.1dbe9812.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-mt-l ecl-u-mb-none">Evaluation</h3>
<p class="ecl-u-type-paragraph 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="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></a>
</div>
</div>
</div>
</div>
<div class="ecl-container">
<h2 class="ecl-u-type-heading-2 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-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="/dist/media/icons.1dbe9812.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-pv-m ecl-u-mt-l">
<div class="ecl-u-type-prolonged-m ecl-u-type-bold"><a href="/example" class="ecl-link ecl-link--standalone">EC
policy process</a></div>
<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>
</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">
<h2 class="ecl-u-type-heading-2 ecl-u-mv-none">News</h2>
<article
class="ecl-u-d-flex ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m ecl-u-mt-m ecl-u-mt-lg-l">
<div class="ecl-u-flex-grow-1">
<div class="ecl-u-type-s ecl-u-type-color-grey-75"><span class="ecl-u-type-uppercase">News article</span> |
<time dateTime="2019-05-06">06 May 2019</time></div>
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs"><a href="/example"
class="ecl-link ecl-link--standalone">EEA reports on cleaner EU environment and challenges ahead</a>
</div>
<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-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");background-repeat:no-repeat;background-size:contain;width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 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");background-repeat:no-repeat;background-size:contain;width:13.125rem">
</div>
</article>
<article class="ecl-u-d-flex ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m">
<div class="ecl-u-flex-grow-1">
<div class="ecl-u-type-s ecl-u-type-color-grey-75"><span class="ecl-u-type-uppercase">News article</span> |
<time dateTime="2019-03-23">23 March 2019</time></div>
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs"><a href="/example"
class="ecl-link ecl-link--standalone">Paris Climate Agreement to enter into force as EU agrees
ratification</a></div>
<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-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");background-repeat:no-repeat;background-size:contain;width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 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");background-repeat:no-repeat;background-size:contain;width:13.125rem">
</div>
</article>
<article class="ecl-u-d-flex ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-pv-m">
<div class="ecl-u-flex-grow-1">
<div class="ecl-u-type-s ecl-u-type-color-grey-75"><span class="ecl-u-type-uppercase">News article</span> |
<time dateTime="2015-10-17">17 October 2015</time></div>
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs"><a href="/example"
class="ecl-link ecl-link--standalone">The 6th meeting of the Urban Partnership on Air QUality focuses on
the implementation of actions</a></div>
<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-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");background-repeat:no-repeat;background-size:contain;width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 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");background-repeat:no-repeat;background-size:contain;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="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></a>
</div>
</div>
<div class="ecl-container">
<h2 class="ecl-u-type-heading-2 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 ecl-u-mt-l">
<div class="ecl-u-flex-grow-0 ecl-u-mr-m"><time class="ecl-date-block" dateTime="2019-11-28"><span
class="ecl-date-block__day">28</span><abbr title="November" class="ecl-date-block__month">Nov</abbr><span
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"><span class="ecl-u-type-uppercase">Forum | <time
dateTime="2019-11-28">28-29 Nov 2019</time></span></div>
<div class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mt-xs"><a href="/example"
class="ecl-link ecl-link--standalone">EU Clean Air</a></div>
<p class="ecl-u-type-paragraph-s ecl-u-type-color-grey ecl-u-mt-xs">With: Daniel Calleja Crespo</p>
</div>
</article>
<h2 class="ecl-u-type-heading-2 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-border-bottom ecl-u-border-color-grey-15 ecl-u-pa-s">
<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-image.jpg")">
</div>
<div class="ecl-u-flex-grow-1">
<h2 class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mv-none"><a href="/example"
class="ecl-link ecl-link--standalone">Aurel CIOBANU-DORDEA</a></h2>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-type-s">Director</p>
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-mt-m">DG Environment</div>
</div>
</article>
</div>
<div class="ecl-col-12 ecl-col-md-6">
<article class="ecl-u-d-flex ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-u-pa-s">
<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-image.jpg")">
</div>
<div class="ecl-u-flex-grow-1">
<h2 class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mv-none"><a href="/example"
class="ecl-link ecl-link--standalone">T. W. SALMONOWICZ</a></h2>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-type-s">Administrative
Assistant</p>
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-mt-m">DG Environment</div>
</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-border-bottom ecl-u-border-color-grey-15 ecl-u-pa-s">
<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-image.jpg")">
</div>
<div class="ecl-u-flex-grow-1">
<h2 class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-mv-none"><a href="/example"
class="ecl-link ecl-link--standalone">Mr C. SOBOTTA</a></h2>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-type-s">Policy Officer</p>
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-mt-m">DG Environment</div>
</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">
<h2 class="ecl-u-type-heading-2 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-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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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-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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></a>
</div>
</div>
<div class="ecl-container">
<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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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="/dist/media/icons-social.ecbc3e33.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>Try it yourself on the playground
Playground