CINXE.COM
Foreign affairs | Topics | European Parliament
<!DOCTYPE html> <html lang="en"> <head> <title>Foreign affairs | Topics | European Parliament</title> <meta property="og:title" content="Foreign affairs | Topics | European Parliament"/> <meta property="twitter:title" content="Foreign affairs | Topics | European Parliament"/> <meta itemprop="name" content="Foreign affairs | Topics | European Parliament"/> <meta name="description" content="Discover how the EU interacts with the rest of the world, from concluding trading agreements, to setting standards and promoting human rights."/> <meta property="og:description" content="Discover how the EU interacts with the rest of the world, from concluding trading agreements, to setting standards and promoting human rights."/> <meta property="twitter:description" content="Discover how the EU interacts with the rest of the world, from concluding trading agreements, to setting standards and promoting human rights."/> <meta itemprop="description" content="Discover how the EU interacts with the rest of the world, from concluding trading agreements, to setting standards and promoting human rights."/> <meta charset="UTF-8"/> <meta name="available" content="09-02-2024"/> <meta http-equiv="last-modified" content="2024-02-09 11:16:00.0"/> <meta name="language" content="en"/> <meta name="planet" content="topics"/> <link rel="canonical" href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs"/> <meta property="og:url" content="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs"/> <meta name="robots" content="index, follow, noodp, noydir, notranslate, noarchive"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://www.europarl.europa.eu/news/img/meta-facebook.jpg"/> <meta property="twitter:image" content="https://www.europarl.europa.eu/news/img/meta-twitter.jpg"/> <meta name="keywords" content="productType:CATEGORY"> <meta name="routes" content="category:"/> <meta property="og:site_name" content="Topics | European Parliament"> <meta property="twitter:site" content="Topics | European Parliament"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link rel="stylesheet" type="text/css" href="/news/css/header-ep.css"/> <link rel="stylesheet" type="text/css" href="/news/css/footer-ep.css"/> <link rel="stylesheet" type="text/css" href="/news/css/main.css"/> <link rel="stylesheet" type="text/css" href="/news/css/style.css"/> <noscript> <link rel="stylesheet" type="text/css" href="/news/css/footer-ep-nojs.css"> </noscript> <noscript> <link rel="stylesheet" type="text/css" href="/news/css/style-nojs.css"> </noscript> <noscript> <link rel="stylesheet" type="text/css" href="/news/css/header-ep-nojs.css"/> </noscript> <script type="text/javascript" defer data-tracker-name="ATInternet" data-value="/website/webanalytics/ati-news.js" src="/website/privacy-policy/privacy-policy.js"></script> <script> /*<![CDATA[*/ // AMD define stub: delay handling of define calls until our amd dependency // manager has been loaded (from behaviour.js) var __amd$delayedDefines = [] function define() { var args = Array.prototype.slice.call(arguments) window.__amd$delayedDefines.push(function () { window.define.apply(window, args) }) } define.amd = {} define('eng-scripts', { 'weekly-agenda-widget': { url: "\/news\/js\/weekly-agenda-widget.js", fetched: false } , 'weekly-agenda': { url: "\/news\/js\/weekly-agenda.js", fetched: false } , 'week-selector': { url: "\/news\/js\/week-selector.js", fetched: false } , 'tst-continuous-loading': { url: "\/news\/js\/tst-continuous-loading.js", fetched: false } , 'slideshow': { url: "\/news\/js\/slideshow.js", fetched: false } , 'load-more': { url: "\/news\/js\/load-more.js", fetched: false } , 'infographic': { url: "\/news\/js\/infographic.js", fetched: false } , 'filter-form': { url: "\/news\/js\/filter-form.js", fetched: false } , 'datepicker': { url: "\/news\/js\/datepicker.js", fetched: false } , 'video-player': { url: "\/news\/js\/video-player.js", fetched: false } , 'election-results': { url: "\/website\/election-results\/js\/ep_electionresults_app.js", fetched: false } , 'ec-sml-loader': { url: "\/news\/js\/ec-sml-loader.js", fetched: false } , 'quiz-loader': { url: "https:\/\/quizweb.europarl.europa.eu\/embed\/js\/ep-ee19-quiz.js", fetched: false } , 'timeline': { url: "\/news\/js\/timeline.js", fetched: false } } ) define( 'global', { document: window.document, window: window } ) /*]]>*/ </script> <script async="async" type="text/javascript" src="/news/js/behaviour.js"></script> <script type="text/javascript"> define('change-language', [ 'behaviour.js'], function moduleFactory() { Select.updateparams('language-select', {cb_beforesubmit: function() { window.location.href = document.getElementById('language-select').value; return false; }}) }) </script> <link rel="icon" href="/news/img/favicons/favicon.ico"> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-128.jpg" sizes="128x128" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-152.jpg" sizes="152x152" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-167.jpg" sizes="167x167" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-180.jpg" sizes="180x180" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-192.jpg" sizes="192x192" /> <link rel="icon" type="image/jpg" href="/news/img/favicons/favicon-196.jpg" sizes="196x196" /> <script type="text/javascript" src="/news/js/new-news-bundle.js"></script> <script defer type="text/javascript" src="/news/js/bundle.js"></script> </head> <body lang="en"> <input type="hidden" id="webanalytic-id_chapters" value="topics"/> <input type="hidden" id="webanalytic-id_sub-chapters" value=""/> <input type="hidden" id="webanalytic-id_sub-sub-chapters" value="foreign-affairs"/> <input type="hidden" id="webanalytic-id_pages" value=""/> <input type="hidden" id="webanalytic-id_type" value="topic"/> <input type="hidden" id="webanalytic-ep_bodies" value=""/> <input type="hidden" id="webanalytics-topics_by_weeks" value=""/> <input type="hidden" id="webanalytics-priority_category" value=""/> <input type="hidden" id="webanalytics-priority_wordlink" value=""/> <input type="hidden" id="webanalytics-reference" value="20231030CAT00011"/> <input type="hidden" id="webanalytics-language" value="en"/> <input type="hidden" value="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" id="dev_product_url"/> <div id="website"> <div id="website-header" class="ep-header"> <nav class="wai-shortcut" aria-label="Shortcuts"> <ul id="waimenu"> <li><a href="#website-body"><span class="label">Access to page content (press "Enter")</span></a></li> <li><a href="#language-select"><span class="label">Direct access to language menu (press "Enter")</span></a></li> <li><a href="#search-field"><span class="label">Direct access to search menu (press "Enter")</span></a></li> </ul> </nav> <div class="toolbar toolbar_top"> <div class="toolbar-grid m-column no-padding-m"> <div class="dropdown-lang"> <noscript> <div class="dropdown"> <div class="dropdown-lang no-js"> <div class="wrapper-dropdown-lang"> <form method="get" action="/topics/changeLanguage" aria-label="Navigation"> <div class="select"> <label for="change_language_nojs" class="sr-only">Change the navigation language</label> <select id="change_language_nojs" name="url" required> <option lang="bg" value="/topics/bg/topic/foreign-affairs" >BG - български</option> <option lang="es" value="/topics/es/topic/foreign-affairs" >ES - español</option> <option lang="cs" value="/topics/cs/topic/foreign-affairs" >CS - čeština</option> <option lang="da" value="/topics/da/topic/foreign-affairs" >DA - dansk</option> <option lang="de" value="/topics/de/topic/foreign-affairs" >DE - Deutsch</option> <option lang="et" value="/topics/et/topic/foreign-affairs" >ET - eesti keel</option> <option lang="el" value="/topics/el/topic/foreign-affairs" >EL - ελληνικά</option> <option lang="en" value="/topics/en/topic/foreign-affairs" >EN - English</option> <option lang="fr" value="/topics/fr/topic/foreign-affairs" >FR - français</option> <option lang="ga" value="/topics/ga/topic/foreign-affairs" >GA - Gaeilge</option> <option lang="hr" value="/topics/hr/topic/foreign-affairs" >HR - hrvatski</option> <option lang="it" value="/topics/it/topic/foreign-affairs" >IT - italiano</option> <option lang="lv" value="/topics/lv/topic/foreign-affairs" >LV - latviešu valoda</option> <option lang="lt" value="/topics/lt/topic/foreign-affairs" >LT - lietuvių kalba</option> <option lang="hu" value="/topics/hu/topic/foreign-affairs" >HU - magyar</option> <option lang="mt" value="/topics/mt/topic/foreign-affairs" >MT - Malti</option> <option lang="nl" value="/topics/nl/topic/foreign-affairs" >NL - Nederlands</option> <option lang="pl" value="/topics/pl/topic/foreign-affairs" >PL - polski</option> <option lang="pt" value="/topics/pt/topic/foreign-affairs" >PT - português</option> <option lang="ro" value="/topics/ro/topic/foreign-affairs" >RO - română</option> <option lang="sk" value="/topics/sk/topic/foreign-affairs" >SK - slovenčina</option> <option lang="sl" value="/topics/sl/topic/foreign-affairs" >SL - slovenščina</option> <option lang="fi" value="/topics/fi/topic/foreign-affairs" >FI - suomi</option> <option lang="sv" value="/topics/sv/topic/foreign-affairs" >SV - svenska</option> </select> </div> <button type="submit" class="btn">Change the navigation language</button> </form> </div> </div> </div> </noscript> <nav class="custom-select dropdown" aria-label="Change the navigation language"> <button id="dropdown" class="btn lang_select" type="submit" aria-haspopup="true" aria-expanded="false">EN - English</button> <ul class="no-display menu-content"> <li> <a lang="bg" hreflang="bg" href="/topics/bg/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">BG - български</span></span> </a> </li> <li> <a lang="es" hreflang="es" href="/topics/es/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">ES - español</span></span> </a> </li> <li> <a lang="cs" hreflang="cs" href="/topics/cs/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">CS - čeština</span></span> </a> </li> <li> <a lang="da" hreflang="da" href="/topics/da/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">DA - dansk</span></span> </a> </li> <li> <a lang="de" hreflang="de" href="/topics/de/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">DE - Deutsch</span></span> </a> </li> <li> <a lang="et" hreflang="et" href="/topics/et/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">ET - eesti keel</span></span> </a> </li> <li> <a lang="el" hreflang="el" href="/topics/el/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">EL - ελληνικά</span></span> </a> </li> <li class="current" aria-current="true"> <a lang="en" hreflang="en" href="/topics/en/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">EN - English</span></span> </a> </li> <li> <a lang="fr" hreflang="fr" href="/topics/fr/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">FR - français</span></span> </a> </li> <li> <a lang="ga" hreflang="ga" href="/topics/ga/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">GA - Gaeilge</span></span> </a> </li> <li> <a lang="hr" hreflang="hr" href="/topics/hr/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">HR - hrvatski</span></span> </a> </li> <li> <a lang="it" hreflang="it" href="/topics/it/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">IT - italiano</span></span> </a> </li> <li> <a lang="lv" hreflang="lv" href="/topics/lv/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">LV - latviešu valoda</span></span> </a> </li> <li> <a lang="lt" hreflang="lt" href="/topics/lt/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">LT - lietuvių kalba</span></span> </a> </li> <li> <a lang="hu" hreflang="hu" href="/topics/hu/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">HU - magyar</span></span> </a> </li> <li> <a lang="mt" hreflang="mt" href="/topics/mt/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">MT - Malti</span></span> </a> </li> <li> <a lang="nl" hreflang="nl" href="/topics/nl/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">NL - Nederlands</span></span> </a> </li> <li> <a lang="pl" hreflang="pl" href="/topics/pl/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">PL - polski</span></span> </a> </li> <li> <a lang="pt" hreflang="pt" href="/topics/pt/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">PT - português</span></span> </a> </li> <li> <a lang="ro" hreflang="ro" href="/topics/ro/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">RO - română</span></span> </a> </li> <li> <a lang="sk" hreflang="sk" href="/topics/sk/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">SK - slovenčina</span></span> </a> </li> <li> <a lang="sl" hreflang="sl" href="/topics/sl/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">SL - slovenščina</span></span> </a> </li> <li> <a lang="fi" hreflang="fi" href="/topics/fi/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">FI - suomi</span></span> </a> </li> <li> <a lang="sv" hreflang="sv" href="/topics/sv/topic/foreign-affairs"> <span class="wrapper-label"><span class="label">SV - svenska</span></span> </a> </li> </ul> </nav> </div> <nav class="navigation-menu nav-top" aria-label="Navigation"> <div class="menu-container"> <div class="focusable"> <!--href ? */--> <a role="button" class="btn-open-menu" aria-haspopup="true" aria-expanded="false" tabindex="0">View other websites</a> <ul class="menu-level-0" aria-label="View menu: News"> <li class="level-0"> <a class="" href="/news/en" tabindex="0"> <span class="content"> <span class="label">News</span> </span> </a> </li> <li class="level-0"> <a class="" href="/topics/en" tabindex="0"> <span class="content"> <span class="label">Topics</span> </span> </a> </li> <li class="level-0"> <a class="" href="/meps/en/home" tabindex="0"> <span class="content"> <span class="label">MEPs</span> </span> </a> </li> <li class="level-0"> <a class="" href="/about-parliament/en" tabindex="0"> <span class="content"> <span class="label">About Parliament</span> </span> </a> </li> <li class="level-0"> <a class="" href="/plenary/en" tabindex="0"> <span class="content"> <span class="label">Plenary</span> </span> </a> </li> <li class="level-0"> <a class="" href="/committees/en" tabindex="0"> <span class="content"> <span class="label">Committees</span> </span> </a> </li> <li class="level-0 nopadding-right"> <a class="" href="/delegations/en" tabindex="0"> <span class="content"> <span class="label">Delegations</span> </span> </a> </li> <li class="level-0 nopadding-right"> <a class="" href="https://elections.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Elections</span> </span> </a> </li> <li class="level-0 has-menu-dropdown"> <a role="button" class="icon-arrow-dropdown" id="otherWebsitesLink" aria-haspopup="true" aria-expanded="false" tabindex="0"> <span class="content"> <span class="sr-only">View submenu:</span> <span class="label">Other websites</span> </span> </a> <ul class="menu-level-1"> <li class="level-1"> <a href="https://multimedia.europarl.europa.eu/en" tabindex="0"> <span class="content"> <span class="label">Multimedia Centre</span> </span> </a> </li> <li class="level-1"> <a href="/the-president/en/" tabindex="0"> <span class="content"> <span class="label">President’s website</span> </span> </a> </li> <li class="level-1"> <a href="/the-secretary-general/en" tabindex="0"> <span class="content"> <span class="label">Secretariat-general</span> </span> </a> </li> <li class="level-1"> <a href="/thinktank/en/home.html" tabindex="0"> <span class="content"> <span class="label">Think tank</span> </span> </a> </li> <li class="level-1"> <a href="https://www.epnewshub.eu" tabindex="0"> <span class="content"> <span class="label">EP Newshub</span> </span> </a> </li> <li class="level-1"> <a href="/at-your-service/en" tabindex="0"> <span class="content"> <span class="label">At your service</span> </span> </a> </li> <li class="level-1"> <a href="/visiting/en" tabindex="0"> <span class="content"> <span class="label">Visits</span> </span> </a> </li> <li class="level-1"> <a href="/legislative-train" tabindex="0"> <span class="content"> <span class="label">Legislative train</span> </span> </a> </li> <li class="level-1"> <a href="/contracts-and-grants/en/" tabindex="0"> <span class="content"> <span class="label">Contracts and Grants</span> </span> </a> </li> <li class="level-1"> <a href="/RegistreWeb/home/welcome.htm?language=en" tabindex="0"> <span class="content"> <span class="label">Register</span> </span> </a> </li> <li class="level-1"> <a href="https://data.europarl.europa.eu/en/home" tabindex="0"> <span class="content"> <span class="label">Open Data Portal</span> </span> </a> </li> <li class="level-1"> <a href="https://liaison-offices.europarl.europa.eu/en"> <span class="content"> <span class="label">Liaison offices</span> </span> </a> </li> </ul> </li> </ul> </div> <!--<input class="menu-btn" type="checkbox" id="menu-btn-navigationtop" aria-label="Click to open the other websites menu" /> <label class="menu-icon" for="menu-btn-navigationtop">View other websites</label>--> </div> </nav> </div> </div> <header class="header"> <div class="header-wrapper no-padding"> <div class="grid"> <span class="title-wrapper"> <a href="/topics/en" class="title"><span class="labeltxt">Topics</span></a> <a href="/portal/en" class="subtitle"> <span class="labeltxt">European Parliament</span> <span class="logo"></span> </a> </span> </div> </div> </header> <div class="toolbar toolbar_bottom sticky"> <div class="toolbar-grid no-padding flex-end"> <nav class="navigation-menu nav-main" aria-label="Main navigation"> <div class="menu-container"> <!--<input class="menu-btn" type="checkbox" id="menu-btn-navigationmain" aria-label="Click to open the main menu" /> <label class="menu-icon" for="menu-btn-navigationmain"><span class="nav-icon"></span></label>--> <a role="button" class="menu-icon" tabindex="0"> <span class="label">Menu</span> <span class="nav-icon"></span> </a> <ul class="menu-level-0"> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/scrutinising-the-commission" aria-haspopup="true"> <span class="content"> <span class="label">Scrutinising the Commission</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/how-the-eu-works" aria-haspopup="true"> <span class="content"> <span class="label">How the EU works</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/economy-and-budget" aria-haspopup="true"> <span class="content"> <span class="label">Economy and budget</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/ukraine" aria-haspopup="true"> <span class="content"> <span class="label">Ukraine</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0"> <a class="" aria-current="false" href="https://www.europarl.europa.eu/topics/en/topic/migration" aria-haspopup="true"> <span class="content"> <span class="label">Migration</span> <span class="current-element"></span> </span> </a> </li> <li class="level-0 current extra-link-sep"> <a class="" aria-current="false" href="/topics/en/all" aria-haspopup="true"> <span class="content"> <span class="label">All topics</span> <span class="current-element"></span> </span> </a> </li> </ul> </div> </nav> <nav class="search-global-form" aria-label="Click to open the search component"> <a href="#" class="search-icon" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Access to search field</span> <span class="icon"></span> </a> </nav> <form class="form-field-search" id="search" action="/topics/en/search" method="get" role="search" aria-label="Search"> <div class="field-wrapper"> <div class="field"> <input class="ep_field" type="text" id="search-field" name="searchQuery" value="" aria-label="Please fill out this field" title="Please fill out this field" placeholder="Search" required/> <button class="btn-send active" type="submit" aria-label="Launch the search" disabled> <span class="sr-only">Launch the search</span> <span class="icon"> </span> </button> </div> </div> </form> <span class="title-toolbar" aria-hidden="true"><span class="label">European Parliament</span></span> </div> </div> </div> <div id="new-website-breadcrumb" class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <nav data-component="breadcrumb" class="bg-white-default" aria-label="You are here:"> <div class="hidden md:flex md:flex-wrap pt-6 pb-8 [&>span]:relative [&>span]:mb-2 [&>span]:mr-10 [&>span:last-of-type]:mr-0"> <span> <span class="after:block after:absolute after:top-1/2 after:translate-y-[-50%] after:right-[-23px] after:rotate-[-45deg] after:border-r-2 after:border-b-2 after:border-blue-default after:w-[6px] after:h-[6px]"></span> <a class="text-16px text-blue-default font-bold" href="/topics/en"> <span class="sr-only">Go back to page</span> <span class="">Topics</span> </a> </span> <span aria-current="page"> <span class="text-16px text-black-greydark font-bold"> <span class="sr-only">Current page :</span> <span class="">Foreign affairs</span> </span> </span> </div> <div class="block md:hidden pt-6 pb-8"> <span class="block relative"> <a class="block pl-4 text-16px text-blue-default font-bold" href="/topics/en"> <span class="sr-only">Go back to page: </span> <span class="ep_name">Topics</span> </a> <span class="before:block before:absolute before:top-1/2 before:translate-y-[-50%] before:left-0 before:rotate-[135deg] before:border-r-2 before:border-b-2 before:border-black-greydefault before:w-[6px] before:h-[6px]"></span> </span> </div> </nav> </div> <main role="main" id="website-body" class="pb-4"> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <!-- INTRO - CHAPO --> <div data-component="chapo" class="mb-12"> <h1 class="text-35px font-bold text-black-greydark mb-2">Foreign affairs</h1> <p class="text-base text-black-greydark">Discover how the EU interacts with the rest of the world, from concluding trading agreements, to setting standards and promoting human rights.</p> </div> <div data-component="featured-articles" class="mb-12"> <ul class="grid gap-x-8 md:grid-cols-2 lg:grid-cols-3"> <li class="mb-8 lg:mb-0"> <div class="flex flex-col"> <div class="block w-full overflow-hidden mb-5"> <figure data-component="figure-thumb" class="relative w-full h-[200px]"> <img src="https://www.europarl.europa.eu/resources/library/images/20211123PHT17929/20211123PHT17929-ml.jpg" class="object-cover object-center w-full h-full" alt="Trade agreements: what the EU is working on" loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20211123PHT17929/20211123PHT17929-ms.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20211123PHT17929/20211123PHT17929-mm.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20211123PHT17929/20211123PHT17929-ml.jpg 1024w" sizes="100vw"> </figure> </div> <div class="flex flex-col justify-center"> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" class="text-sm">Foreign affairs</a> <h2 class="text-base"><a href="https://www.europarl.europa.eu/topics/en/article/20161014STO47381/trade-agreements-what-the-eu-is-working-on" class="font-bold">Trade agreements: what the EU is working on </a></h2> <p>The EU negotiates various trade deals all over the world, but they depend on approval by the European Parliament. Read our overview of the negotiations in progress.</p> </div> </div> </li> <li class="mb-8 lg:mb-0"> <div class="flex flex-col"> <div class="block w-full overflow-hidden mb-5"> <figure data-component="figure-thumb" class="relative w-full h-[200px]"> <img src="https://www.europarl.europa.eu/resources/library/images/20230124PHT68802/20230124PHT68802-ml.jpg" class="object-cover object-center w-full h-full" alt="A demonstrator with an Iranian flag and red hands painted on her face attends a rally in support of Iranian protests, in Paris on 9 October, 2022, following the death of Iranian woman Mahsa Amini in Iran." loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20230124PHT68802/20230124PHT68802-ms.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20230124PHT68802/20230124PHT68802-mm.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20230124PHT68802/20230124PHT68802-ml.jpg 1024w" sizes="100vw"> </figure> </div> <div class="flex flex-col justify-center"> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" class="text-sm">Foreign affairs</a> <h2 class="text-base"><a href="https://www.europarl.europa.eu/topics/en/article/20230120STO68505/parliament-condemns-human-rights-violations-in-iran" class="font-bold">Parliament condemns human rights violations in Iran</a></h2> <p>Iran-EU relations have proved rocky in recent years due to the country’s continuing human rights violations. Parliament has repeatedly called for more action.</p> </div> </div> </li> <li class="mb-8 lg:mb-0"> <div class="flex flex-col"> <div class="block w-full overflow-hidden mb-5"> <figure data-component="figure-thumb" class="relative w-full h-[200px]"> <img src="https://www.europarl.europa.eu/resources/library/images/20210415PHT02103/20210415PHT02103-ml.jpg" class="object-cover object-center w-full h-full" alt="Sunset in New Delhi: the EU is looking at ways to strengthen links with India" loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20210415PHT02103/20210415PHT02103-ms.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20210415PHT02103/20210415PHT02103-mm.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20210415PHT02103/20210415PHT02103-ml.jpg 1024w" sizes="100vw"> </figure> </div> <div class="flex flex-col justify-center"> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" class="text-sm">Foreign affairs</a> <h2 class="text-base"><a href="https://www.europarl.europa.eu/topics/en/article/20210408STO01627/eu-india-boosting-cooperation-from-trade-to-climate" class="font-bold">EU-India: boosting cooperation from trade to climate </a></h2> <p>Cooperation between the EU and India has increased significantly in recent years. Discover how links could improve even further.</p> </div> </div> </li> </ul> </div> </div> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <div data-component="all-topics" class="mb-12"> <h2 class="text-22px font-bold text-black-default border-b-2 border-black-greylight mb-8 pb-0.5">Sub-topics (3)</h2> <ul class="grid lg:grid-cols-3 gap-4 md:grid-cols-2 sm:grid-cols-1 grid-cols-1"> <li class=""> <div> <h3><a href="https://www.europarl.europa.eu/topics/en/topic/enlargement" class="text-18px font-bold underline">Enlargement</a></h3> </div> </li> <li class=""> <div> <h3><a href="https://www.europarl.europa.eu/topics/en/topic/international-trade" class="text-18px font-bold underline">International trade</a></h3> </div> </li> <li class=""> <div> <h3><a href="https://www.europarl.europa.eu/topics/en/topic/ukraine" class="text-18px font-bold underline">Ukraine</a></h3> </div> </li> </ul> </div> </div> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <div data-component="latest-articles" class="mb-12"> <h2 class="text-22px font-bold text-black-default border-b-2 border-black-greylight mb-8 pb-0.5">Latest articles</h2> <ul class="grid lg:grid-cols-4 gap-y-4 gap-x-10 md:grid-cols-2 sm:grid-cols-1 grid-cols-1 mb-10"> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/ukraine" class="block text-sm no-underline mb-2">Ukraine</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20240117STO16881/how-the-eu-is-supporting-ukraine-in-2024" class="text-18px font-bold underline">How the EU is supporting Ukraine in 2024</a></h3> <time class="block" itemprop="datePublished" datetime="2024-11-20T09:45:00">20-11-2024 - 09:45</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/enlargement" class="block text-sm no-underline mb-2">Enlargement</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20180126STO94113/enlargement-how-do-countries-join-the-eu" class="text-18px font-bold underline">Enlargement: how do countries join the EU?</a></h3> <time class="block" itemprop="datePublished" datetime="2024-06-26T11:30:00">26-06-2024 - 11:30</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" class="block text-sm no-underline mb-2">Foreign affairs</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20161014STO47381/trade-agreements-what-the-eu-is-working-on" class="text-18px font-bold underline">Trade agreements: what the EU is working on </a></h3> <time class="block" itemprop="datePublished" datetime="2024-03-11T12:32:00">11-03-2024 - 12:32</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/international-trade" class="block text-sm no-underline mb-2">International trade</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20180703STO07132/the-eu-s-position-in-world-trade-in-figures-infographic" class="text-18px font-bold underline">The EU’s position in world trade in figures (infographic)</a></h3> <time class="block" itemprop="datePublished" datetime="2024-02-28T13:25:00">28-02-2024 - 13:25</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" class="block text-sm no-underline mb-2">Foreign affairs</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20210128STO96606/eu-russia-relations-under-strain-what-are-the-causes" class="text-18px font-bold underline">EU-Russia relations under strain: what are the causes?</a></h3> <time class="block" itemprop="datePublished" datetime="2024-02-21T14:39:00">21-02-2024 - 14:39</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/ukraine" class="block text-sm no-underline mb-2">Ukraine</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20220127STO22047/how-the-eu-has-been-supporting-ukraine" class="text-18px font-bold underline">How the EU has been supporting Ukraine</a></h3> <time class="block" itemprop="datePublished" datetime="2024-02-21T14:05:00">21-02-2024 - 14:05</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/ukraine" class="block text-sm no-underline mb-2">Ukraine</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20220519STO30402/timeline-how-the-eu-supported-ukraine-in-2022" class="text-18px font-bold underline">Timeline: how the EU supported Ukraine in 2022</a></h3> <time class="block" itemprop="datePublished" datetime="2024-01-24T14:01:00">24-01-2024 - 14:01</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/ukraine" class="block text-sm no-underline mb-2">Ukraine</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20230126STO69603/how-the-eu-supported-ukraine-in-2023" class="text-18px font-bold underline">How the EU supported Ukraine in 2023</a></h3> <time class="block" itemprop="datePublished" datetime="2024-01-24T13:52:00">24-01-2024 - 13:52</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs" class="block text-sm no-underline mb-2">Foreign affairs</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20230120STO68505/parliament-condemns-human-rights-violations-in-iran" class="text-18px font-bold underline">Parliament condemns human rights violations in Iran</a></h3> <time class="block" itemprop="datePublished" datetime="2024-01-09T10:46:00">09-01-2024 - 10:46</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/international-trade" class="block text-sm no-underline mb-2">International trade</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20180308STO99328/trade-wars-what-are-the-eu-s-trade-defence-instruments" class="text-18px font-bold underline">Trade wars: what are the EU's trade defence instruments? </a></h3> <time class="block" itemprop="datePublished" datetime="2023-10-05T14:21:00">05-10-2023 - 14:21</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/international-trade" class="block text-sm no-underline mb-2">International trade</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20230915STO05214/anti-coercion-instrument-the-eu-s-new-weapon-to-protect-trade" class="text-18px font-bold underline">Anti-coercion instrument: the EU’s new weapon to protect trade</a></h3> <time class="block" itemprop="datePublished" datetime="2023-10-03T14:41:00">03-10-2023 - 14:41</time> </li> <li class=""> <a href="https://www.europarl.europa.eu/topics/en/topic/international-trade" class="block text-sm no-underline mb-2">International trade</a> <h3><a href="https://www.europarl.europa.eu/topics/en/article/20190712STO56968/globalisation-s-impact-on-employment-and-the-eu" class="text-18px font-bold underline">Globalisation's impact on employment and the EU</a></h3> <time class="block" itemprop="datePublished" datetime="2023-07-17T11:52:00">17-07-2023 - 11:52</time> </li> </ul> <div data-component="link-arrow-right" class="flex items-center mb-12"> <a href="https://www.europarl.europa.eu/topics/en/topic/foreign-affairs/all" class="mr-1 font-bold text-18px">See all articles</a> <img src="/news/img/icon-arrow-right.svg" width="18" alt="arrow right" class="inline-block ml-1"> </div> </div> </div> <div class="lg:max-w-6xl mx-auto px-4 xxl:px-2"> <div data-component="multimedia-video-block" class="mb-12"> <h2 class="text-22px font-bold text-black-default border-b-2 border-black-greylight mb-8 pb-0.5">Videos</h2> <ul class="grid lg:grid-cols-3 gap-7 md:grid-cols-2 sm:grid-cols-1 grid-cols-1 mb-10" id="list-thumb-videos"> <li class="flex flex-col"> <div> <a role="button" href="https://multimedia.europarl.europa.eu/en/video/v_N01_AFPS_230929_HIW5" class="group focus:outline-0" data-video-id="0_mediahubVideoID"> <span title="Watch the video document" class="sr-only">Watch the video</span> <div data-component="figure-thumb" class="relative block overflow-hidden w-full mb-2"> <figure class="relative w-full h-[200px] border-2 border-transparent group-hover:border-blue-linkbodyhover group-focus:border-4 group-focus:border-blue-linkbodyhover"> <img src="https://www.europarl.europa.eu/resources/library/images/20231020PHT07824/20231020PHT07824-video_l.jpg" class="md:absolute object-cover object-center w-full h-full" alt="Have you ever asked yourself: Why the EU? What’s it for? Why does it matter? In an increasingly fractious world, the EU is a powerful bloc representing 450 million Europeans, making sure your voice is heard on the world stage. What it means to be part of the EU can be summed up in a few words – we are stronger together! What’s the point of the EU? Find out in our short explainer!" loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20231020PHT07824/20231020PHT07824-video_s.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20231020PHT07824/20231020PHT07824-video_m.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20231020PHT07824/20231020PHT07824-video_l.jpg 1024w" sizes="100vw"> <time datetime="PT59S" class="absolute right-0 bottom-0 flex items-center bg-blue-linkbodyhover text-white-default text-sm py-2 px-3"> <span class="arrow-triangle-w mr-2"></span> <span class="sr-only">duration:</span> <span>00:59</span> </time> </figure> </div> <h3 class="text-18px font-bold underline">The importance of the EU</h3> </a> </div> <script type="text/javascript" defer> /*<![CDATA[*/ document.querySelector('a[data-video-id="0_mediahubVideoID"]').setAttribute('href', '#') document.querySelector('a[data-video-id="0_mediahubVideoID"]').addEventListener('click', () => { const updateMultimediaVideoPlayer = isMobile => { const multimediaVideoPlayer = isMobile ? document.querySelector('a[data-video-id="0_mediahubVideoID"]').querySelector('multimedia-video-player') : document.querySelector('multimedia-video-player') multimediaVideoPlayer?.setAttribute('props', JSON.stringify({ show: "true", id: "0_mediahubVideoID", linkLabel: "Access the video's page", buttonLabel: "Close the video", readMoreTooltip: "Read more", title: "The importance of the EU", caption: "Have you ever asked yourself: Why the EU? What\u2019s it for? Why does it matter? \n \nIn an increasingly fractious world, the EU is a powerful bloc representing 450 million Europeans, making sure your voice is heard on the world stage. \n\nWhat it means to be part of the EU can be summed up in a few words \u2013 we are stronger together! \n \nWhat\u2019s the point of the EU? Find out in our short explainer!", url: "https:\/\/multimedia.europarl.europa.eu\/en\/video\/v_N01_AFPS_230929_HIW5", embedUrl: "https:\/\/multimedia.europarl.europa.eu\/en\/share\/N01_AFPS_230929_HIW5?lang=en", mediaSizeThumbnail: "\/news\/img\/mediasize_video.png", thumbnailSmall: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231020PHT07824\/20231020PHT07824-video_s.jpg", thumbnailMedium: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231020PHT07824\/20231020PHT07824-video_m.jpg", thumbnailLarge: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231020PHT07824\/20231020PHT07824-video_l.jpg" })) } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') mobileBreakpoint.addListener(updateMultimediaVideoPlayer(mobileBreakpoint.matches)) } ) /*]]>*/ </script> </li> <li class="flex flex-col"> <div> <a role="button" href="https://multimedia.europarl.europa.eu/en/video/v_B01-ESN-210809" class="group focus:outline-0" data-video-id="1_mediahubVideoID"> <span title="Watch the video document" class="sr-only">Watch the video</span> <div data-component="figure-thumb" class="relative block overflow-hidden w-full mb-2"> <figure class="relative w-full h-[200px] border-2 border-transparent group-hover:border-blue-linkbodyhover group-focus:border-4 group-focus:border-blue-linkbodyhover"> <img src="https://www.europarl.europa.eu/resources/library/images/20231115PHT11201/20231115PHT11201-video_l.jpg" class="md:absolute object-cover object-center w-full h-full" alt="As a global actor, the EU inspires countries around the world and strengthens international development in many ways." loading="lazy" srcset="https://www.europarl.europa.eu/resources/library/images/20231115PHT11201/20231115PHT11201-video_s.jpg 320w, https://www.europarl.europa.eu/resources/library/images/20231115PHT11201/20231115PHT11201-video_m.jpg 640w, https://www.europarl.europa.eu/resources/library/images/20231115PHT11201/20231115PHT11201-video_l.jpg 1024w" sizes="100vw"> <time datetime="PT59S" class="absolute right-0 bottom-0 flex items-center bg-blue-linkbodyhover text-white-default text-sm py-2 px-3"> <span class="arrow-triangle-w mr-2"></span> <span class="sr-only">duration:</span> <span>00:59</span> </time> </figure> </div> <h3 class="text-18px font-bold underline">How does the European Union influence global policies?</h3> </a> </div> <script type="text/javascript" defer> /*<![CDATA[*/ document.querySelector('a[data-video-id="1_mediahubVideoID"]').setAttribute('href', '#') document.querySelector('a[data-video-id="1_mediahubVideoID"]').addEventListener('click', () => { const updateMultimediaVideoPlayer = isMobile => { const multimediaVideoPlayer = isMobile ? document.querySelector('a[data-video-id="1_mediahubVideoID"]').querySelector('multimedia-video-player') : document.querySelector('multimedia-video-player') multimediaVideoPlayer?.setAttribute('props', JSON.stringify({ show: "true", id: "1_mediahubVideoID", linkLabel: "Access the video's page", buttonLabel: "Close the video", readMoreTooltip: "Read more", title: "How does the European Union influence global policies?", caption: "As a global actor, the EU inspires countries around the world and strengthens international development in many ways.", url: "https:\/\/multimedia.europarl.europa.eu\/en\/video\/v_B01-ESN-210809", embedUrl: "https:\/\/multimedia.europarl.europa.eu\/en\/share\/B01-ESN-210809?lang=en", mediaSizeThumbnail: "\/news\/img\/mediasize_video.png", thumbnailSmall: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231115PHT11201\/20231115PHT11201-video_s.jpg", thumbnailMedium: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231115PHT11201\/20231115PHT11201-video_m.jpg", thumbnailLarge: "https:\/\/www.europarl.europa.eu\/resources\/library\/images\/20231115PHT11201\/20231115PHT11201-video_l.jpg" })) } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') mobileBreakpoint.addListener(updateMultimediaVideoPlayer(mobileBreakpoint.matches)) } ) /*]]>*/ </script> </li> </ul> <script> const injectMultimediaVideoPlayers = (isMobile, removeCurrentPlayers = false) => { if (removeCurrentPlayers) { document.querySelectorAll('multimedia-video-player').forEach(player => player?.parentNode?.removeChild(player)) } if (isMobile) { const videoLinkList = document.querySelectorAll('a[data-video-id]') videoLinkList.forEach(videoLink => { const multimediaVideoPlayer = document.createElement('multimedia-video-player') const figureElement = videoLink.querySelector('figure') videoLink.querySelector('div').insertBefore(multimediaVideoPlayer, figureElement) }) } else { const multimediaVideoPlayer = document.createElement('multimedia-video-player') document.querySelector('#list-thumb-videos').insertAdjacentElement("afterend", multimediaVideoPlayer) } } const mobileBreakpoint = window.matchMedia('(max-width: 650px)') injectMultimediaVideoPlayers(mobileBreakpoint.matches) mobileBreakpoint.addListener(() => injectMultimediaVideoPlayers(mobileBreakpoint.matches, true)); </script> </div> </div> </main> <footer id="website-footer" aria-label="footer main" class="ep-footer"> <div class="wrapper"> <div class="footer-relatedlinks"> <div class="websitelinks footer-expand-wrapper"> <h2 class="title" id="news-menu"> <span class="name">Topics</span> </h2> <div class="menu-access"> <button type="button" aria-expanded="true" aria-controls="website-links-access" aria-labelledby="news-menu" class="footer-expand-trigger"> <span class="sr-only">View menu: News</span> </button> </div> <div class="list list-wrapper layout_category"> <div class="footer-expand-content expanded"> <div class="category"> <h3 class="subtitle" id="website-links-category1-title"> <span class="name">Parliament in your country</span> </h3> <ul aria-labelledby="website-links-category1-title"> <li class="item"> <a href="/unitedkingdom" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">London</span> </a> </li> <li class="item"> <a href="/ireland" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">Dublin</span> </a> </li> <li class="item"> <a href="/malta" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">Valletta</span> </a> </li> <li class="item"> <a href="/unitedstates" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">Washington</span> </a> </li> </ul> </div> <div class="category"> <h3 class="subtitle" id="website-links-category2-title"> <span class="name">Tools</span> </h3> <ul aria-labelledby="website-links-category2-title"> <li class="item"> <a href="/oeil/home/home.do" class="button"> <span class="sr-only">Open in a new page</span> <span class="name">Legislative Observatory</span> </a> </li> <li class="item"> <a href="https://multimedia.europarl.europa.eu/en" class="button" target="_blank" > <span class="name">Multimedia Centre</span> </a> </li> <li class="item"> <a href="https://ec.europa.eu/avservices/ebs/schedule.cfm?sitelang=en" class="button" target="_blank" > <span class="sr-only">Open in a new page</span> <span class="name">EbS</span> </a> </li> </ul> </div> <div class="category"> <h3 class="subtitle" id="website-links-category3-title"> <span class="name">The President of the European Parliament</span> </h3> <ul aria-labelledby="website-links-category3-title"> <li class="item"> <a href="/the-president/en/" class="button"> <span class="sr-only">Open in a new page</span> <span class="name">European Parliament President’s website</span> </a> </li> </ul> </div> </div> </div> </div> <div class="europarllinks footer-expand-wrapper"> <h2 class="title" id="europarl-menu"> <span class="name">European Parliament</span> </h2> <div class="menu-access"> <button type="button" aria-expanded="true" aria-controls="europarl-links-access" aria-labelledby="europarl-menu" class="footer-expand-trigger"> <span class="sr-only">View menu: European Parliament</span> </button> </div> <div class="list"> <div class="footer-expand-content expanded"> <ul id="europarl-links-content" aria-labelledby="europarl-links-title"> <li class="item"> <a class="button" href="/news/en" > <span class="name">News</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/topics/en" > <span class="name">Topics</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/meps/en/home" > <span class="name">MEPs</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/about-parliament/en" > <span class="name">About Parliament</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/plenary/en" > <span class="name">Plenary</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/committees/en" > <span class="name">Committees</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="/delegations/en" > <span class="name">Delegations</span><span class="icon"> </span> </a> </li> <li class="item"> <a class="button" href="https://elections.europa.eu/en" > <span class="name">Elections</span><span class="icon"> </span> </a> </li> </ul> </div> </div> </div> </div> <span class="footer-separator"> </span> <div class="footer-otherlinks"> <div class="sociallinks"> <h2 class="sr-only" id="socialmedia-title"> <span class="sr-only">The Parliament on social media</span> </h2> <div class="list"> <ul aria-labelledby="socialmedia-title"> <li class="item"> <a href="https://www.facebook.com/europeanparliament" class="button facebook" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Facebook</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://twitter.com/Europarl_en" class="button twitter" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Twitter</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.flickr.com/photos/european_parliament/" class="button flickr" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Flickr</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.linkedin.com/company/european-parliament" class="button linkedin" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on LinkedIn</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.youtube.com/user/EuropeanParliament" class="button youtube" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on YouTube</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://instagram.com/europeanparliament" class="button instagram" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Instagram</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.pinterest.com/epinfographics/" class="button pinterest" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Pinterest</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.snapchat.com/add/europarl" class="button snapchat" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Snapchat</span> <span class="icon"> </span> </a> </li> <li class="item"> <a href="https://www.reddit.com/r/europeanparliament/" class="button reddit" target="_blank" rel="noopener"> <span class="sr-only sr-space">Check out Parliament on Reddit</span> <span class="icon"> </span> </a> </li> </ul> </div> </div> <!-- COMPOSANT "MANDATORY LINKS" --> <div class="mandatorylinks" > <h2 class="sr-only" id="informationlinks-title"> <span class="name">Information links</span><span class="icon"> </span> </h2> <div class="list"> <ul aria-labelledby="informationlinks-title"> <li class="item"><a href="/portal/en/contact" class="button"><span class="name">Contact</span><span class="icon"> </span></a></li> <li class="item"><a href="/at-your-service/en/stay-informed/rss-feeds" class="button"><span class="name">RSS</span><span class="icon"> </span></a></li> <li class="item"><a href="/portal/en/sitemap" class="button"><span class="name">Sitemap</span><span class="icon"> </span></a></li> <li class="item"><a href="/legal-notice/en" class="button"><span class="name">Legal notice</span><span class="icon"> </span></a></li> <li class="item"><a href="/privacy-policy/en/" class="button"><span class="name">Privacy policy</span><span class="icon"> </span></a></li> <li class="item"><a href="/portal/en/accessibility" class="button"><span class="name">Accessibility</span><span class="icon"> </span></a></li> </ul> </div> </div> </div> </div> </footer> </div> <!-- Backdrop / Gray Overlay for compact menu opening--> <div class="back-overlay"></div> <script> (function rewriteUrlIfNeeded() { function getHash(url) { return url.hash !== '' && document.getElementById(url.hash.slice(1)) ? url.hash : ''; } function rewriteUrl(currentUrl, baseUrl) { // ensure that hash is present only if it actually exists const url = new URL(currentUrl); return `${baseUrl}${url.search}${getHash(url)}`; } // pre-condition: #dev_product_url ALWAYS exists see <input ...> above. const productUrl = document.getElementById('dev_product_url').value; if (productUrl === '') { return; } const newUrl = rewriteUrl(window.location.href, productUrl); if (newUrl !== window.location.href) { window.history.replaceState(null, '', newUrl) } }()) </script> <script type="text/javascript"> // safari blinking workaround. Cf jira ENG-32999 & ENG-33001 </script> </body> </html>