<div class="ecl-u-pv-xl ecl-u-pv-lg-3xl">
<div class="ecl-container">
<main>
<p class="ecl-u-type-paragraph ecl-u-mv-none">Public relations campaings that aim to increase public awareness
towards the problems Europe encounters when it comes to air pollution. The campain offers the solution
incorporated in the new policy package to clean up Europe's air on multiple levels.</p><a href="/example"
class="ecl-u-mt-l ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Connected results</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid ecl-icon--rotate-90">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></a><br /><a href="/example"
class="ecl-u-mt-l ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Connected objectives</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid ecl-icon--rotate-90">
<use xlink:href="/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">Events, communication and
awareness-rising</h2>
<h3 class="ecl-u-type-heading-3 ecl-u-mt-l ecl-u-mb-none">Websites</h3>
<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">New
policy package to clean up Europe's air</a></div>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mt-xs">LIVE EC press conference on Environment. The
new policy package to clean up Europe's air.</p>
</article>
<h3 class="ecl-u-type-heading-3 ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none">Events related to this action</h3>
<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-05-26"><span
class="ecl-date-block__day">26</span><span class="ecl-date-block__month">May</span><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">Online press
conference</span> | <time dateTime="2019-05-26">26 MAY</time> - <time dateTime="2019-06-20">20 JUN</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">New policy package to clean up Europe's air</a></div>
<p class="ecl-u-type-paragraph-s ecl-u-type-color-grey ecl-u-mt-xs">With: Jean-Claude Juncker</p>
</div>
</article>
<h3 class="ecl-u-type-heading-3 ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none">Communication material</h3>
<div data-ecl-auto-init="FileDownload" class="ecl-u-mt-l ecl-file" data-ecl-file="true">
<div class="ecl-file__container"><svg focusable="false" aria-hidden="true"
class="ecl-file__icon ecl-icon ecl-icon--2xl">
<use xlink:href="/dist/media/icons.1dbe9812.svg#general--copy"></use>
</svg>
<div class="ecl-file__info">
<div class="ecl-file__title">Air quality press release: Commission takes action to protect citizens from air
pollution</div>
<div class="ecl-file__language">English</div>
<div class="ecl-file__meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" href="/example"
class="ecl-file__download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</div>
<div class="ecl-file__translation-container" data-ecl-file-translation-container="true"><button
data-ecl-file-translation-toggle="true" type="button"
class="ecl-file__translation-toggle ecl-button ecl-button--ghost"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Other languages (3)</span><svg focusable="false"
aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--fluid ecl-icon--rotate-180">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></span></button>
<ul class="ecl-file__translation-list">
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="bg">български</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="bg" href="/example#bg"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="es">español</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="es" href="/example#es"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="fr">français</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="fr" href="/example#fr"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item ecl-file__translation-description"></li>
</ul>
</div>
</div>
<div data-ecl-auto-init="FileDownload" class="ecl-u-mt-m ecl-u-mt-lg-3xl ecl-file" data-ecl-file="true">
<div class="ecl-file__container"><svg focusable="false" aria-hidden="true"
class="ecl-file__icon ecl-icon ecl-icon--2xl">
<use xlink:href="/dist/media/icons.1dbe9812.svg#general--copy"></use>
</svg>
<div class="ecl-file__info">
<div class="ecl-file__title">Environment press release: New policy package to clean up Europe's air
</div>
<div class="ecl-file__language">English</div>
<div class="ecl-file__meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" href="/example"
class="ecl-file__download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</div>
<div class="ecl-file__translation-container" data-ecl-file-translation-container="true"><button
data-ecl-file-translation-toggle="true" type="button"
class="ecl-file__translation-toggle ecl-button ecl-button--ghost"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Other languages (3)</span><svg focusable="false"
aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--fluid ecl-icon--rotate-180">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></span></button>
<ul class="ecl-file__translation-list">
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="bg">български</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="bg" href="/example#bg"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="es">español</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="es" href="/example#es"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="fr">français</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="fr" href="/example#fr"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item ecl-file__translation-description"></li>
</ul>
</div>
</div>
<div data-ecl-auto-init="FileDownload" class="ecl-u-mt-m ecl-u-mt-lg-3xl ecl-file" data-ecl-file="true">
<div class="ecl-file__container"><svg focusable="false" aria-hidden="true"
class="ecl-file__icon ecl-icon ecl-icon--2xl">
<use xlink:href="/dist/media/icons.1dbe9812.svg#general--copy"></use>
</svg>
<div class="ecl-file__info">
<div class="ecl-file__title">Questions and answers on the EU Clean Air Policy Package</div>
<div class="ecl-file__language">English</div>
<div class="ecl-file__meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" href="/example"
class="ecl-file__download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</div>
<div class="ecl-file__translation-container" data-ecl-file-translation-container="true"><button
data-ecl-file-translation-toggle="true" type="button"
class="ecl-file__translation-toggle ecl-button ecl-button--ghost"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Other languages (3)</span><svg focusable="false"
aria-hidden="true" data-ecl-icon="true"
class="ecl-button__icon ecl-button__icon--after ecl-icon ecl-icon--fluid ecl-icon--rotate-180">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--corner-arrow"></use>
</svg></span></button>
<ul class="ecl-file__translation-list">
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="bg">български</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="bg" href="/example#bg"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="es">español</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="es" href="/example#es"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item">
<div class="ecl-file__translation-info">
<div class="ecl-file__translation-title" lang="fr">français</div>
<div class="ecl-file__translation-meta">(392 KB - PDF - 2 pages)</div>
</div><a download="" hrefLang="fr" href="/example#fr"
class="ecl-file__translation-download ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Download</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--fluid">
<use xlink:href="/dist/media/icons.1dbe9812.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item ecl-file__translation-description"></li>
</ul>
</div>
</div>
<div class="ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-social-media-share">
<p class="ecl-social-media-share__description">Share this page</p>
<ul class="ecl-social-media-share__list">
<li class="ecl-social-media-share__item"><a href="/example"
class="ecl-social-media-share__link--twitter ecl-social-media-share__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-social-media-share__icon ecl-link__icon ecl-icon ecl-icon--xl">
<use xlink:href="/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>
</main>
</div>
</div>Try it yourself on the playground
Playground