<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/v2.39.0/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/v2.39.0/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/v2.39.0/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/v2.39.0/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/v2.39.0/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/v2.39.0/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/v2.39.0/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/v2.39.0/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">Search</li>
</ol>
</nav>
<div class="ecl-page-header-core__meta">Lorem | Ipsum</div>
<h1 class="ecl-page-header-core__title">Search</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-3xl">
<div class="ecl-container">
<div class="ecl-row">
<aside class="ecl-col-12 ecl-col-lg-3">
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-d-lg-none ecl-u-mv-none">Search results (65)</h2>
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mt-l ecl-u-mt-lg-none">Search options</h3>
<form>
<div class="ecl-form-group"><label class="ecl-form-label" for="facet-source">Source</label>
<div class="ecl-select__container ecl-select__container--m"><select id="facet-source" class="ecl-select">
<option value="1">All sources</option>
<option value="2">DG Trade</option>
<option value="3">DG Digit</option>
</select>
<div class="ecl-select__icon"><svg focusable="false" aria-hidden="true"
class="ecl-select__icon-shape ecl-icon ecl-icon--s ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group"><label class="ecl-form-label" for="facet-date">Date</label>
<div class="ecl-select__container ecl-select__container--m"><select id="facet-date" class="ecl-select">
<option value="1">All dates</option>
<option value="2">2019</option>
<option value="3">2018</option>
</select>
<div class="ecl-select__icon"><svg focusable="false" aria-hidden="true"
class="ecl-select__icon-shape ecl-icon ecl-icon--s ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group"><label class="ecl-form-label" for="facet-language">Language</label>
<div class="ecl-select__container ecl-select__container--m"><select id="facet-language" class="ecl-select">
<option value="1">English</option>
<option value="2">French</option>
<option value="3">German</option>
<option value="3">Bulgarian</option>
</select>
<div class="ecl-select__icon"><svg focusable="false" aria-hidden="true"
class="ecl-select__icon-shape ecl-icon ecl-icon--s ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group"><label class="ecl-form-label" for="facet-format">File format</label>
<div class="ecl-select__container ecl-select__container--m"><select id="facet-format" class="ecl-select">
<option value="1">All formats</option>
<option value="2">PDF</option>
<option value="3">DOC</option>
</select>
<div class="ecl-select__icon"><svg focusable="false" aria-hidden="true"
class="ecl-select__icon-shape ecl-icon ecl-icon--s ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group"><label class="ecl-form-label" for="select-multiple">Content
type</label>
<div class="ecl-select__container ecl-select__container--m"><select data-ecl-auto-init="Select"
data-ecl-select-multiple="true" id="select-multiple" class="ecl-select ecl-select" multiple=""
data-ecl-select-default="Placeholder text" data-ecl-select-search="Search"
data-ecl-select-all="Select all">
<option value="1">News</option>
<option value="2">Events</option>
<option value="3">Tenders</option>
<option value="4">Meetings</option>
</select>
<div class="ecl-select__icon"><svg focusable="false" aria-hidden="true"
class="ecl-select__icon-shape ecl-icon ecl-icon--s ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group"><label class="ecl-form-label" for="select-multiple-2">Topic</label>
<div class="ecl-select__container ecl-select__container--m"><select data-ecl-auto-init="Select"
data-ecl-select-multiple="true" id="select-multiple-2" class="ecl-select ecl-select" multiple=""
data-ecl-select-default="Placeholder text" data-ecl-select-search="Search"
data-ecl-select-all="Select all">
<option value="1">Economy</option>
<option value="2">Agriculture</option>
<option value="3">Climate action</option>
<option value="4">Environment</option>
</select>
<div class="ecl-select__icon"><svg focusable="false" aria-hidden="true"
class="ecl-select__icon-shape ecl-icon ecl-icon--s ecl-icon--rotate-180">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div><button type="submit" class="ecl-u-mt-l ecl-button ecl-button--primary">Refine
results</button><br /><button type="submit"
class="ecl-u-mt-m ecl-u-mt-lg-l ecl-button ecl-button--secondary">Clear all</button>
</form>
</aside>
<main class="ecl-col-12 ecl-col-lg-9">
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-d-none ecl-u-d-lg-block ecl-u-mv-none">Search
results (65)</h2>
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mb-none ecl-u-mt-3xl ecl-u-mt-lg-l">Showing results
11 to 20</h3>
<div
class="ecl-u-type-m ecl-u-type-color-grey ecl-u-mt-l ecl-u-d-flex ecl-u-flex-column ecl-u-flex-lg-row ecl-u-align-items-lg-center">
<span><span>SOURCE</span><span class="ecl-u-ml-s ecl-tag ecl-tag--removable">DG Trad<button type="button"
aria-label="Dismiss" class="ecl-tag__icon"><svg focusable="false" aria-hidden="true"
class="ecl-tag__icon-close ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--close"></use>
</svg><svg focusable="false" aria-hidden="true"
class="ecl-tag__icon-close-filled ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--close-filled"></use>
</svg></button></span></span><span
class="ecl-u-ml-lg-m ecl-u-mt-m ecl-u-mt-lg-none"><span>TOPICS</span><span
class="ecl-u-ml-s ecl-tag ecl-tag--removable">Health, well-being & Consumer protection<button
type="button" aria-label="Dismiss" class="ecl-tag__icon"><svg focusable="false" aria-hidden="true"
class="ecl-tag__icon-close ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--close"></use>
</svg><svg focusable="false" aria-hidden="true"
class="ecl-tag__icon-close-filled ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--close-filled"></use>
</svg></button></span></span></div>
<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"><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">Jobs,
growth and investment</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Since the global
economic and financial crisis, the EU has been suffering from low levels of investment. Coordinated
efforts at European level are needed to put Europe on the path of economic recovery.</p>
</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"><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">Digital
single market</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The internet and digital
technologies are transforming our world. But existing barriers online mean citizens miss out on goods and
services, internet companies and start-ups have their horizons limited, and businesses and governments
cannot fully benefit from digital tools.</p>
</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"><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">Energy
union and climate</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The EU is building an
energy union that make sures Europe's energy supply is safe, viable and accessible to all. In doing
so, it can boost the economy and attract investments that can create new jobs opportunities.</p>
</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"><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">Internal
market</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The single market is one
of Europe’s major achievements and its best asset in times of increasing globalisation. It is an engine
for building a stronger and fairer EU economy.</p>
</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"><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">A
deeper and fairer economic and monetary union</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Within the Economic and
Monetary Union (EMU), EU countries' economic policies are coordinated to: make sure EU countries can
withstand future crises through economic and social reforms and responsible fiscal policies, encourage
investment and enhance competitiveness, deliver more job opportunities and better living standards</p>
</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"><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">A
balanced and progressive trade policy to harness globalisation</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">In the modern global
economy trade is essential for growth, jobs and competiveness, and the EU is committed to maintaining an
open and rules-based trading system.</p>
</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"><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">Justice
and fundamental rights</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Every EU citizen enjoys
the same fundamental rights based on the values of equality, non-discrimination, inclusion, human dignity,
freedom and democracy.</p>
</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"><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">Migration</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The plight of thousands
of migrants putting their lives in peril to cross the Mediterranean has shocked. It is clear that no EU
country can or should be left alone to address huge migratory pressures.</p>
</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"><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">A
stronger global actor</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The EU needs a strong
common foreign policy to respond efficiently to global challenges, including the crises in its
neighbourhood, project its values, reject protectionism and keep EU trade standards and contribute to
peace and prosperity in the world.</p>
</div>
</article>
<article class="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">Democratic
change</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">For the first time, in
2014, EU countries had to take the results of the elections into account when proposing a candidate for
European Commission President.</p>
</div>
</article>
<nav class="ecl-u-mt-l ecl-pagination" aria-label="">
<ul class="ecl-pagination__list">
<li class="ecl-pagination__item ecl-pagination__item--previous"><a aria-label="Go to previous page"
href="/example"
class="ecl-pagination__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-before"><svg
focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs ecl-icon--rotate-270">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg> <span class="ecl-link__label">Previous</span></a></li>
<li class="ecl-pagination__item"><a aria-label="Go to page 1" href="/example"
class="ecl-pagination__link ecl-link ecl-link--standalone">1</a></li>
<li class="ecl-pagination__item ecl-pagination__item--current"><span
class="ecl-pagination__text ecl-pagination__text--summary" aria-label="Page 2"
aria-current="true">2</span><span class="ecl-pagination__text ecl-pagination__text--full"
aria-current="true">Page 2</span></li>
<li class="ecl-pagination__item"><a aria-label="Go to page 3" href="/example"
class="ecl-pagination__link ecl-link ecl-link--standalone">3</a></li>
<li class="ecl-pagination__item"><a aria-label="Go to page 4" href="/example"
class="ecl-pagination__link ecl-link ecl-link--standalone">4</a></li>
<li class="ecl-pagination__item ecl-pagination__item--next"><a aria-label="Go to next page" href="/example"
class="ecl-pagination__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Next</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs ecl-icon--rotate-90">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a></li>
</ul>
</nav>
</main>
</div>
</div>
</div>
<footer class="ecl-footer-core">
<div class="ecl-container ecl-footer-core__container">
<section class="ecl-footer-core__section ecl-footer-core__section1"><a href="/example"
class="ecl-footer-core__title ecl-link ecl-link--standalone">European Commission website</a>
<div class="ecl-footer-core__description">This site is managed by the Directorate-General for Communication</div>
</section>
<section class="ecl-footer-core__section ecl-footer-core__section2 ecl-footer-core__section--separator">
<div class="ecl-footer-core__content">More information on:</div>
<ul class="ecl-footer-core__list ecl-footer-core__list--columns">
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Strategy">Strategy</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link About the European Commission">About the European Commission</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Business, Economy, Euro">Business, Economy, Euro</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link work, travel in the EU">Live,
work, travel in the EU</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Law">Law</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Funding, Tenders">Funding,
Tenders</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Research and innovation">Research and innovation</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Climate change, Environment">Energy, Climate change, Environment</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Education">Education</a>
</li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Aid, Development cooperation, Fundamental rights">Aid, Development cooperation,
Fundamental rights</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Food, Farming, Fisheries">Food, Farming, Fisheries</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to EU regionaland urban development">EU regional and urban development</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Jobs at the European Commission">Jobs at the European Commission</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Statistics">Statistics</a>
</li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to News">News</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone" aria-label="Link to Events">Events</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Publications">Publications</a></li>
</ul>
</section>
<section class="ecl-footer-core__section ecl-footer-core__section3">
<ul class="ecl-footer-core__list">
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone"
aria-label="Link to Contact the European Commission">Contact the European Commission</a></li>
<li class="ecl-footer-core__list-item"><a href="/example"
class="ecl-footer-core__link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"
aria-label="Link to Follow the European Commission on social media"><span class="ecl-link__label">Follow the
European Commission on social media</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs">
<use xlink:href="/component-library/v2.39.0/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