<header data-ecl-auto-init="SiteHeader" class="ecl-site-header" data-ecl-site-header="true">
<div class="ecl-site-header__container ecl-container">
<div class="ecl-site-header__banner"><a class="ecl-link ecl-link--standalone" href="/example"
aria-label="European Commission"><img alt="European Commission logo" title="European Commission"
class="ecl-site-header__logo-image" src="/dist/media/logo--en.30b933cc.svg" /></a>
<div class="ecl-site-header__selector"><a class="ecl-link ecl-link--standalone ecl-site-header__selector-link"
href="/example" data-ecl-language-selector="true">English<span class="ecl-site-header__language-icon"><svg
focusable="false" aria-hidden="true" class="ecl-icon ecl-icon--m">
<use xlink:href="/dist/media/icons.db866e2e.svg#general--language"></use>
</svg><span class="ecl-site-header__language-code">en</span></span></a>
<div 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="/dist/media/icons.db866e2e.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"><svg focusable="false" aria-hidden="true"
class="ecl-language-list__title-icon ecl-icon ecl-icon--m">
<use xlink:href="/dist/media/icons.db866e2e.svg#general--generic-lang"></use>
</svg>Select your language</div>
</div>
<div class="ecl-row">
<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#language_bg"
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#language_es"
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#language_cs"
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#language_da"
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#language_de"
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#language_et"
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#language_el"
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#language_en"
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="/dist/media/icons.db866e2e.svg#ui--check"></use>
</svg></a></li>
<li class="ecl-language-list__item "><a lang="fr" hrefLang="fr" rel="alternate"
href="/example#language_fr"
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#language_ga"
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#language_hr"
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#language_it"
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#language_lv"
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#language_lt"
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#language_hu"
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#language_mt"
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#language_nl"
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#language_pl"
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#language_pt"
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#language_ro"
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#language_sk"
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#language_sl"
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#language_fi"
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#language_sv"
class="ecl-language-list__link ecl-link ecl-link--standalone">svenska</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<form class="ecl-site-header__search ecl-search-form" role="search">
<div class="ecl-form-group ecl-form-group--text-input"><label class="ecl-search-form__label ecl-form-label"
for="search-form">Search</label><input type="search" id="search-form"
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="/dist/media/icons.db866e2e.svg#general--search"></use>
</svg></span></button>
</form>
</div>
</header>
<div class="ecl-page-header">
<div class="ecl-container">
<nav class="ecl-page-header__breadcrumb ecl-breadcrumb" aria-label="You are here:" data-ecl-breadcrumb="true">
<ol class="ecl-breadcrumb__container">
<li class="ecl-breadcrumb__segment" data-ecl-breadcrumb-item="static" aria-hidden="false"><a href="/example"
class="ecl-breadcrumb__link ecl-link ecl-link--standalone">Home</a><svg focusable="false" aria-hidden="true"
role="presentation" class="ecl-breadcrumb__icon ecl-icon ecl-icon--xs ecl-icon--rotate-90">
<use xlink:href="/dist/media/icons.db866e2e.svg#ui--corner-arrow"></use>
</svg></li>
<li class="ecl-breadcrumb__segment ecl-breadcrumb__current-page" aria-current="page"
data-ecl-breadcrumb-item="static" aria-hidden="false">Search</li>
</ol>
</nav>
<h1 class="ecl-page-header__title">Search</h1>
</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 ecl-form-group--select"><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="/dist/media/icons.db866e2e.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group ecl-form-group--select"><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="/dist/media/icons.db866e2e.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group ecl-form-group--select"><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="/dist/media/icons.db866e2e.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div>
<div class="ecl-u-mt-m ecl-form-group ecl-form-group--select"><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="/dist/media/icons.db866e2e.svg#ui--corner-arrow"></use>
</svg></div>
</div>
</div><button type="submit" class="ecl-u-mt-l ecl-button ecl-button--primary"><span
class="ecl-button__container"><span class="ecl-button__label" data-ecl-label="true">Refine
results</span></span></button><br /><button type="submit"
class="ecl-u-mt-m ecl-u-mt-lg-l ecl-button ecl-button--secondary"><span class="ecl-button__container"><span
class="ecl-button__label" data-ecl-label="true">Clear all</span></span></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
class="ecl-tag__icon"><svg focusable="false" aria-hidden="true"
class="ecl-tag__icon-close ecl-icon ecl-icon--xs">
<use xlink:href="/dist/media/icons.db866e2e.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="/dist/media/icons.db866e2e.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
class="ecl-tag__icon"><svg focusable="false" aria-hidden="true"
class="ecl-tag__icon-close ecl-icon ecl-icon--xs">
<use xlink:href="/dist/media/icons.db866e2e.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="/dist/media/icons.db866e2e.svg#ui--close-filled"></use>
</svg></button></span></span></div>
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Jobs, growth and investment</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Digital single market</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Energy union and climate</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-none">The EU is building an energy union that
ensures 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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Internal market</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">A deeper and fairer economic and monetary union</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-none">Within the Economic and Monetary Union
(EMU), EU countries’ economic policies are coordinated to: ensure 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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">A balanced and progressive trade policy to harness
globalisation</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Justice and fundamental rights</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-none">Every EU citizen enjoys the same
fundamental rights based on the values of equality, non-discrimination, inclusion, human dignity, freedom
and democracy.</p>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Migration</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">A stronger global actor</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</article>
<hr class="ecl-u-mv-none" />
<article class="ecl-u-type-m ecl-u-mt-l ecl-u-mt-lg-m ecl-u-pb-l ecl-u-pb-lg-m"><a href="/example"
class="ecl-u-type-prolonged-m ecl-u-type-bold ecl-link">Democratic change</a>
<p class="ecl-u-type-paragraph-m ecl-u-type-color-grey ecl-u-mv-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>
</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="/dist/media/icons.db866e2e.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="/dist/media/icons.db866e2e.svg#ui--corner-arrow"></use>
</svg></a></li>
</ul>
</nav>
</main>
</div>
</div>
</div>
<footer class="ecl-footer">
<div class="ecl-footer__sections">
<div class="ecl-container">
<div class="ecl-row">
<section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
<h1 class="ecl-footer__section-title">European Commission</h1>
<ul class="ecl-footer__section-list">
<li class="ecl-footer__section-item"><a href="/example"
class="ecl-footer__section-link ecl-link ecl-link--standalone">European Commission website</a></li>
</ul>
</section>
<section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
<h1 class="ecl-footer__section-title">Follow the European Commission</h1>
<ul class="ecl-footer__section-list ecl-footer__section-list--inline">
<li class="ecl-footer__section-item"><a href="/example"
class="ecl-footer__section-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">
<use xlink:href="/dist/media/icons.db866e2e.svg#branded--facebook"></use>
</svg> <span class="ecl-link__label">Facebook</span></a></li>
<li class="ecl-footer__section-item"><a href="/example"
class="ecl-footer__section-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">
<use xlink:href="/dist/media/icons.db866e2e.svg#branded--twitter"></use>
</svg> <span class="ecl-link__label">Twitter</span></a></li>
<li class="ecl-footer__section-item"><a href="/example"
class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Other social networks</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs">
<use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
</svg></a></li>
</ul>
</section>
<section class="ecl-footer__section ecl-col-12 ecl-col-md-4">
<h1 class="ecl-footer__section-title">European Union</h1>
<ul class="ecl-footer__section-list">
<li class="ecl-footer__section-item"><a href="/example"
class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">European Union</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs">
<use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
</svg></a></li>
<li class="ecl-footer__section-item"><a href="/example"
class="ecl-footer__section-link ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">EU institutions</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--xs">
<use xlink:href="/dist/media/icons.db866e2e.svg#ui--external"></use>
</svg></a></li>
</ul>
</section>
</div>
</div>
</div>
<div class="ecl-footer__common">
<div class="ecl-container ecl-footer__common-container"><a href="/example"
class="ecl-footer__common-link ecl-link ecl-link--standalone">About the Commission's new web presence</a><a
href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Language policy</a><a
href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Resources for partners</a><a
href="/example" class="ecl-footer__common-link ecl-link ecl-link--standalone">Cookies</a><a href="/example"
class="ecl-footer__common-link ecl-link ecl-link--standalone">Privacy policy</a><a href="/example"
class="ecl-footer__common-link ecl-link ecl-link--standalone">Legal notice</a><a href="/example"
class="ecl-footer__common-link ecl-link ecl-link--standalone">Contact</a></div>
</div>
</footer>Try it yourself on the playground
Playground