<div class="ecl-u-pv-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">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-3xl ecl-u-mb-none">Objectives</h2>
<p class="ecl-u-type-paragraph ecl-u-type-mt-l">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-color-blue-25 ecl-u-pv-l ecl-u-ph-s">
<dl class="ecl-description-list ecl-description-list--horizontal">
<dt class="ecl-description-list__term">Policy period</dt>
<dd class="ecl-description-list__definition">01.01.2015 - 01.01.2030</dd>
<dt class="ecl-description-list__term">Connected topics</dt>
<dd class="ecl-description-list__definition">
<link href="/example" label="Environment" variant="standalone" />
</dd>
<dt class="ecl-description-list__term">Connected Commission priorities</dt>
<dd class="ecl-description-list__definition"><a href="/example"
class="ecl-link ecl-link--standalone">Energy union and climate</a></dd>
<dt class="ecl-description-list__term">Previous version</dt>
<dd class="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-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">
<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">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">
<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">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">
<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">Main sources of problems regarding
European Union&#x27;air pollution.</p>
</article>
</div>
</div>
</div>
</div>
<div class="ecl-container">
<h2 class="ecl-u-type-heading-2 ecl-u-mt-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">
<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">&quot;A Europe that
protects: Clean air for all&quot; 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">
<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-pv-m">
<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&#x27;s &#x27;European Air Quality Index&#x27; 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">
<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-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-l ecl-u-border-top ecl-u-border-color-grey-25">
<div class="ecl-col-12 ecl-col-md-6">
<h2 class="ecl-u-type-heading-2 ecl-u-mt-l ecl-u-mb-none">Monitoring</h2>
<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">
<h2 class="ecl-u-type-heading-2 ecl-u-mt-l ecl-u-mb-none">Evaluation</h2>
<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-3xl ecl-mb-none">Policy timeline</h2>
<article class="ecl-u-bg-blue-5 ecl-u-border-all 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-3xl">
<div class="ecl-container">
<h2 class="ecl-u-type-heading-2 ecl-u-mt-l ecl-u-mb-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-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">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(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);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(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);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">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(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);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(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);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">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(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);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(&quot;https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg&quot;);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>
</main>
</div>
Try it yourself on the playground
Playground