<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" data-ecl-breadcrumb-core-item="static" aria-hidden="false"><a
href="/example" class="ecl-breadcrumb-core__link ecl-link ecl-link--standalone">Departments and executive
agencies</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">Communication</li>
</ol>
</nav>
<div class="ecl-page-header-core__meta">Directorate-general | COMM</div>
<h1 class="ecl-page-header-core__title">Communication</h1>
<p class="ecl-page-header-core__description">The Directorate-General for Communication is the Commission department
responsible for explaining EU policies to outside audiences. It keeps the Commission abreast of political
developments and of trends in public opinion and the media. It also coordinates communication campains within the
Commission.</p>
</div>
</div>
<div class="ecl-u-pv-xl ecl-u-pv-lg-3xl">
<div class="ecl-container ecl-u-type-m">
<div class="ecl-row" data-ecl-inpage-navigation-container="true">
<div class="ecl-col-12 ecl-col-lg-3">
<aside class="ecl-u-height-100">
<nav data-ecl-auto-init="InpageNavigation" class="ecl-inpage-navigation" data-ecl-inpage-navigation="true">
<div class="ecl-inpage-navigation__title">Page contents</div>
<div class="ecl-inpage-navigation__body"><button type="button" class="ecl-inpage-navigation__trigger"
id="ecl-inpage-navigation-trigger" data-ecl-inpage-navigation-trigger="true"
aria-controls="ecl-inpage-navigation-list" aria-expanded="false"><span
class="ecl-inpage-navigation__trigger-current"
data-ecl-inpage-navigation-trigger-current="true"> </span><svg focusable="false"
aria-hidden="true"
class="ecl-inpage-navigation__trigger-icon 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></button>
<ul class="ecl-inpage-navigation__list" aria-labelledby="ecl-inpage-navigation-trigger"
data-ecl-inpage-navigation-list="true" id="ecl-inpage-navigation-list">
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true"
href="#responsibilities"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">Responsibilities</a></li>
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true" href="#plans-reports"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">Plans and reports</a></li>
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true" href="#europe-direct"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">Europe direct</a></li>
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true"
href="#leadership-organisation"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">Leadership and organization</a>
</li>
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true" href="#news"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">News</a></li>
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true" href="#contact"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">Contact</a></li>
<li class="ecl-inpage-navigation__item"><a data-ecl-inpage-navigation-link="true" href="#related"
class="ecl-inpage-navigation__link ecl-link ecl-link--standalone">Related links</a></li>
</ul>
</div>
</nav>
</aside>
</div>
<div class="ecl-col-12 ecl-col-lg-9">
<main>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mv-none" id="responsibilities">Responsibilities
</h2>
<ul class="ecl-u-mt-l ecl-unordered-list">
<li class="ecl-unordered-list__item">define and monitor the Commission's <a href="/example"
class="ecl-link">corporate image</a></li>
<li class="ecl-unordered-list__item">communication to the media and public on <a href="/example"
class="ecl-link">political priorites</a> and <a href="/example" class="ecl-link">topics</a> of political
importance and/or public interest</li>
<li class="ecl-unordered-list__item">provide <a href="/example" class="ecl-link">corporate communication
tools and expertise</a> to other <a href="/example" class="ecl-link">Commission departments</a></li>
<li class="ecl-unordered-list__item">un pan-European campains on the priorities of the European Union (eg:
<a href="/example" class="ecl-link">InvestEU</a>, <a href="/example" class="ecl-link">EUandME</a> and <a
href="/example" class="ecl-link">EU Protects</a>)</li>
<li class="ecl-unordered-list__item">coordinate projects with other EU institutions and national governments
</li>
<li class="ecl-unordered-list__item">inform the Commission about <a href="/example" class="ecl-link">public
opinion</a> and reputational risks in EU countries</li>
<li class="ecl-unordered-list__item">report to the Commission on politiacl developments accross the EU</li>
<li class="ecl-unordered-list__item">help evaluate the Commission's <a href="/example"
class="ecl-link">communication activities</a></li>
<li class="ecl-unordered-list__item">provide the <a href="/example" class="ecl-link">Spokesperson's
Service</a></li>
</ul>
<div
class="ecl-u-mt-m ecl-u-mt-lg-l ecl-u-pv-m ecl-u-pv-lg-l ecl-u-border-top ecl-u-border-bottom ecl-u-border-color-grey-25">
<a href="/example" class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Mission statement</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--m ecl-icon--rotate-90">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a></div>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none"
id="plans-reports">Plans and reports</h2>
<article class="ecl-u-mt-l 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">Commission
work programme</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Overview of
institution-wide deliverables for current year</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">Strategic
plan</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Department strategy,
objectives for 2016-2020</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">Management
plan</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Department forecasted
outputs, activities, resources for current year</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">Annual
activity report</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Department
achievements, resources used during previous year</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">Annual
work programme</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Budget line for
certain policies and funding programmes for current year</p>
</div>
</article>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-l ecl-u-mt-lg-3xl ecl-u-mb-none"
id="europe-direct">Europe direct</h2>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey ecl-u-mt-l ecl-u-mb-none">Budget line for certain
policies and funding programmes for current year</p>
<div 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="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#general--copy"></use>
</svg>
<div class="ecl-file__info">
<div class="ecl-file__title">Europe Direct - Annual activity report 2017</div>
<div class="ecl-file__language">English</div>
<div class="ecl-file__meta">(571.7 KB - PDF)</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="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--download"></use>
</svg></a>
</div>
</div><a href="/example"
class="ecl-u-mt-l ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Europe Direct - Annual activity reports</span> <svg focusable="false"
aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--m ecl-icon--rotate-90">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-l ecl-u-mt-lg-3xl ecl-u-mb-none"
id="leadership-organisation">Leadership and organisation</h2>
<article class="ecl-u-mt-l ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<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">Jean-Claude
Juncker</a>
<p
class="ecl-u-type-uppercase ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">
President</p>
</div>
</article>
<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<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">Pia
Ahrenkilde Hansen</a>
<p
class="ecl-u-type-uppercase ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">
Director-general</p>
</div>
</article>
<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<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">Sixtine
Bouygues</a>
<p
class="ecl-u-type-uppercase ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">
Deputy Director-general</p>
</div>
</article>
<article class="ecl-u-d-flex ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15">
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-flex-shrink-0 ecl-u-mr-s ecl-u-media-a-s ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image-square.jpg")">
</div>
<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">Margaritis
Schinas</a>
<p
class="ecl-u-type-uppercase ecl-u-type-s ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">
Deputy Director-general</p>
</div>
</article>
<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="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#general--copy"></use>
</svg>
<div class="ecl-file__info">
<div class="ecl-file__title">Communication - Organisation chart</div>
<div class="ecl-file__language">English</div>
<div class="ecl-file__meta">(1.4 Mb - PDF)</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="/component-library/v2.39.0/dist/media/icons.3cf410f9.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="/component-library/v2.39.0/dist/media/icons.3cf410f9.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="/component-library/v2.39.0/dist/media/icons.3cf410f9.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="/component-library/v2.39.0/dist/media/icons.3cf410f9.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="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--download"></use>
</svg></a>
</li>
<li class="ecl-file__translation-item ecl-file__translation-description"></li>
</ul>
</div>
</div><a href="/example"
class="ecl-u-mt-l ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Search for staff</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--s">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--external"></use>
</svg></a>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-l ecl-u-mt-lg-3xl ecl-u-mb-none" id="news">
News</h2>
<article class="ecl-u-mt-l 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">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">News article</span> | <time dateTime="2019-12-15">15 December 2019</time>
</div><a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">New
stockshot: Vocational education and training accross the EU</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">New stockshot:
Vocational education and training accross the EU</p>
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:13.125rem">
</div>
</article>
<article class="ecl-u-mt-l 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">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">News article</span> | <time dateTime="2019-02-01">1 February 2019</time>
</div><a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">Understanding
the EU - promotional material for publications</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">The "Citizens
information" unit of DG COMM has produced some promotional items that might help you publicise EU
publications. We have in particual bookmarks, but also pens, bags ans other goodies.</p>
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:13.125rem">
</div>
</article>
<article class="ecl-u-mt-l 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">
<div class="ecl-u-type-s ecl-u-type-color-grey-75 ecl-u-type-family-alt"><span
class="ecl-u-type-uppercase">News article</span> | <time dateTime="2015-12-02">2 December 2015</time>
</div><a href="/example"
class="ecl-u-d-inline-block ecl-u-type-prolonged-m ecl-u-type-bold ecl-u-type-family-alt ecl-u-mt-xs ecl-link ecl-link--standalone">Juncker
talks to citizens, DG COMM backs up with solid reading matter</a>
<p class="ecl-u-type-paragraph ecl-u-type-color-grey-100 ecl-u-mt-xs ecl-u-mb-none">Jean-Clause Juncker
was seemingly not afraid of anything: just three days after the terrorist attacks in Paris, the
Commission President honoured his commitment to attend a Citizens' Dialogue in central Brussels.
For one hour, President Jucker listened to the audience, answered their questions and had a frank and
forthright exchange of views on the issues of most concern to the majority on Europeans. In the
city's beautiful 'Bozar' concert hall, designed by Belgium's famous architect Victor
Horta, around 850 citizens were given the opportunity to meet the Commission's highest
respresentative. Out in the lobby, DG COMM' Citizens' Information Unit handed out some of the
Commission's publications to participants.</p>
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-lg-none"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:7.5rem">
</div>
<div role="img" aria-label="Example image"
class="ecl-u-media-ratio-3-2 ecl-u-media-bg-size-contain ecl-u-media-bg-repeat-none ecl-u-flex-shrink-0 ecl-u-ml-xl ecl-u-d-none ecl-u-d-lg-block"
style="background-image:url("https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg");width:13.125rem">
</div>
</article>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-l ecl-u-mt-lg-3xl ecl-u-mb-none" id="contact">
Contact</h2>
<div class="ecl-u-pv-m ecl-u-pv-lg-l"><a href="/example"
class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Find a Commission building</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--m ecl-icon--rotate-90">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a></div>
<h3 class="ecl-u-type-heading-3 ecl-u-type-color-black ecl-u-mv-none">General contact</h3>
<dl class="ecl-u-mt-l ecl-description-list ecl-description-list--horizontal">
<dt class="ecl-description-list__term">Fixed phone</dt>
<dd class="ecl-description-list__definition">+32 2 299 11 11 (Commission switchboard)</dd>
<dt class="ecl-description-list__term">Postal address</dt>
<dd class="ecl-description-list__definition">Directorate-General for Communication<br />European
Commission<br />1049 Bruxelles/Brussel<br />Belgium</dd>
</dl>
<div class="ecl-u-pv-m ecl-u-pv-lg-l ecl-u-border-bottom ecl-u-border-color-grey-25"><a href="/example"
class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Find press contacts</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--m ecl-icon--rotate-90">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a></div>
<div class="ecl-u-pv-m ecl-u-pv-lg-l ecl-u-border-bottom ecl-u-border-color-grey-25"><a href="/example"
class="ecl-link ecl-link--standalone ecl-link--icon ecl-link--icon-after"><span
class="ecl-link__label">Ask a question</span> <svg focusable="false" aria-hidden="true"
class="ecl-link__icon ecl-icon ecl-icon--m ecl-icon--rotate-90">
<use xlink:href="/component-library/v2.39.0/dist/media/icons.3cf410f9.svg#ui--corner-arrow"></use>
</svg></a></div>
<h2 class="ecl-u-type-heading-2 ecl-u-type-color-black ecl-u-mt-xl ecl-u-mt-lg-3xl ecl-u-mb-none"
id="related">Related links</h2>
<ul class="ecl-u-mt-l ecl-unordered-list ecl-unordered-list--no-bullet">
<li class="ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-unordered-list__item"><a
href="/example" class="ecl-u-type-bold ecl-link ecl-link--standalone">Press service</a></li>
<li class="ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-unordered-list__item"><a
href="/example" class="ecl-u-type-bold ecl-link ecl-link--standalone">Tender opportunities</a></li>
<li class="ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-unordered-list__item"><a
href="/example" class="ecl-u-type-bold ecl-link ecl-link--standalone">Funding opportunities</a></li>
<li class="ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-unordered-list__item"><a
href="/example" class="ecl-u-type-bold ecl-link ecl-link--standalone">Evaluations of European Commission
activities</a></li>
<li class="ecl-u-pv-m ecl-u-border-bottom ecl-u-border-color-grey-15 ecl-unordered-list__item"><a
href="/example" class="ecl-u-type-bold ecl-link ecl-link--standalone">Consultations on communication
activities</a></li>
</ul>
<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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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="/component-library/v2.39.0/dist/media/icons-social.d5f51eae.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>
</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