Site header

<header class="ecl-site-header ecl-site-header-with-logo-l ecl-site-header--has-mega-menu "
  data-ecl-auto-init="SiteHeader">
  <div class="ecl-site-header__inner">
    <div class="ecl-site-header__background">
      <div class="ecl-site-header__header">
        <div class="ecl-site-header__container ecl-container">
          <div class="ecl-site-header__top" data-ecl-site-header-top><a href="/example"
              class="ecl-link ecl-link--standalone ecl-site-header__logo-link">
              <picture class="ecl-picture ecl-site-header__picture">
                <source srcset="/dist/media/icons.e3d8f25c.svg" media="(min-width: 996px)"><img
                  class="ecl-site-header__logo-image ecl-site-header__logo-image--l"
                  src="/dist/media/icons.e3d8f25c.svg" alt="European Commission">
              </picture>
            </a>
            <div class="ecl-site-header__action">
              <div class="ecl-site-header__language"><a
                  class="ecl-button ecl-button--tertiary ecl-site-header__language-selector" href="/example"
                  data-ecl-language-selector role="button"
                  aria-label="Change language, current language is English - EN"
                  aria-controls="language-list-overlay"><span class="ecl-site-header__language-icon"><svg
                      class="ecl-icon ecl-icon--s ecl-site-header__icon" focusable="false" aria-hidden="false"
                      role="img">
                      <title>EN</title>
                      <use xlink:href="/dist/media/icons.e3d8f25c.svg#global"></use>
                    </svg></span>EN</a>
                <div class="ecl-site-header__language-container" id="language-list-overlay" hidden
                  data-ecl-language-list-overlay aria-labelledby="ecl-site-header__language-title" role="dialog">
                  <div class="ecl-site-header__language-header">
                    <div class="ecl-site-header__language-title" id="ecl-site-header__language-title">Select your
                      language</div><button
                      class="ecl-button ecl-button--tertiary ecl-site-header__language-close ecl-button--icon-only"
                      type="submit" data-ecl-language-list-close><span class="ecl-button__container"><span
                          class="ecl-button__label" data-ecl-label="true">Close</span><svg
                          class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false" aria-hidden="true"
                          data-ecl-icon>
                          <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
                        </svg></span></button>
                  </div>
                  <div class="ecl-site-header__language-content" data-ecl-language-list-content>
                    <div class="ecl-site-header__language-category" data-ecl-language-list-eu>
                      <div class="ecl-site-header__language-category-title">Official EU languages:</div>
                      <ul class="ecl-site-header__language-list">
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="bg"><span class="ecl-site-header__language-link-code">bg</span><span
                              class="ecl-site-header__language-link-label" lang="bg">български</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="es"><span class="ecl-site-header__language-link-code">es</span><span
                              class="ecl-site-header__language-link-label" lang="es">español</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="cs"><span class="ecl-site-header__language-link-code">cs</span><span
                              class="ecl-site-header__language-link-label" lang="cs">čeština</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="da"><span class="ecl-site-header__language-link-code">da</span><span
                              class="ecl-site-header__language-link-label" lang="da">dansk</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="de"><span class="ecl-site-header__language-link-code">de</span><span
                              class="ecl-site-header__language-link-label" lang="de">Deutsch</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="et"><span class="ecl-site-header__language-link-code">et</span><span
                              class="ecl-site-header__language-link-label" lang="et">eesti</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="el"><span class="ecl-site-header__language-link-code">el</span><span
                              class="ecl-site-header__language-link-label" lang="el">ελληνικά</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link ecl-site-header__language-link--active"
                            hreflang="en"><span class="ecl-site-header__language-link-code">en</span><span
                              class="ecl-site-header__language-link-label" lang="en">English</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="fr"><span class="ecl-site-header__language-link-code">fr</span><span
                              class="ecl-site-header__language-link-label" lang="fr">français</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="ga"><span class="ecl-site-header__language-link-code">ga</span><span
                              class="ecl-site-header__language-link-label" lang="ga">Gaeilge</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="hr"><span class="ecl-site-header__language-link-code">hr</span><span
                              class="ecl-site-header__language-link-label" lang="hr">hrvatski</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="it"><span class="ecl-site-header__language-link-code">it</span><span
                              class="ecl-site-header__language-link-label" lang="it">italiano</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="lv"><span class="ecl-site-header__language-link-code">lv</span><span
                              class="ecl-site-header__language-link-label" lang="lv">latviešu</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="lt"><span class="ecl-site-header__language-link-code">lt</span><span
                              class="ecl-site-header__language-link-label" lang="lt">lietuvių</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="hu"><span class="ecl-site-header__language-link-code">hu</span><span
                              class="ecl-site-header__language-link-label" lang="hu">magyar</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="mt"><span class="ecl-site-header__language-link-code">mt</span><span
                              class="ecl-site-header__language-link-label" lang="mt">Malti</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="nl"><span class="ecl-site-header__language-link-code">nl</span><span
                              class="ecl-site-header__language-link-label" lang="nl">Nederlands</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="pl"><span class="ecl-site-header__language-link-code">pl</span><span
                              class="ecl-site-header__language-link-label" lang="pl">polski</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="pt"><span class="ecl-site-header__language-link-code">pt</span><span
                              class="ecl-site-header__language-link-label" lang="pt">português</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="ro"><span class="ecl-site-header__language-link-code">ro</span><span
                              class="ecl-site-header__language-link-label" lang="ro">română</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="sk"><span class="ecl-site-header__language-link-code">sk</span><span
                              class="ecl-site-header__language-link-label" lang="sk">slovenčina</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="sl"><span class="ecl-site-header__language-link-code">sl</span><span
                              class="ecl-site-header__language-link-label" lang="sl">slovenščina</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="fi"><span class="ecl-site-header__language-link-code">fi</span><span
                              class="ecl-site-header__language-link-label" lang="fi">suomi</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="sv"><span class="ecl-site-header__language-link-code">sv</span><span
                              class="ecl-site-header__language-link-label" lang="sv">svenska</span></a></li>
                      </ul>
                    </div>
                    <div class="ecl-site-header__language-category" data-ecl-language-list-non-eu>
                      <div class="ecl-site-header__language-category-title">Other languages:</div>
                      <ul class="ecl-site-header__language-list">
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ar" hreflang="ar"><span class="ecl-site-header__language-link-code">ar</span><span
                              class="ecl-site-header__language-link-label">عَرَبِيّ</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ca" hreflang="ca"><span class="ecl-site-header__language-link-code">ca</span><span
                              class="ecl-site-header__language-link-label">Català</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="is" hreflang="is"><span class="ecl-site-header__language-link-code">is</span><span
                              class="ecl-site-header__language-link-label">Íslenska</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="lb" hreflang="lb"><span class="ecl-site-header__language-link-code">lb</span><span
                              class="ecl-site-header__language-link-label">Lëtzebuergesch</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ja" hreflang="ja"><span class="ecl-site-header__language-link-code">ja</span><span
                              class="ecl-site-header__language-link-label">日本語</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="nb" hreflang="nb"><span class="ecl-site-header__language-link-code">nb</span><span
                              class="ecl-site-header__language-link-label">Norsk bokmål</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ru" hreflang="ru"><span class="ecl-site-header__language-link-code">ru</span><span
                              class="ecl-site-header__language-link-label">русский язык</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="tr" hreflang="tr"><span class="ecl-site-header__language-link-code">tr</span><span
                              class="ecl-site-header__language-link-label">Türkçe</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="uk" hreflang="uk"><span class="ecl-site-header__language-link-code">uk</span><span
                              class="ecl-site-header__language-link-label">українська мова</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="zh" hreflang="zh"><span class="ecl-site-header__language-link-code">zh</span><span
                              class="ecl-site-header__language-link-label">中文</span></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="ecl-site-header__search-container" role="search"><a
                  class="ecl-button ecl-button--tertiary ecl-site-header__search-toggle" href="/example"
                  data-ecl-search-toggle="true" aria-controls="search-form-id" aria-expanded="false"><svg
                    class="ecl-icon ecl-icon--s ecl-site-header__icon" focusable="false" aria-hidden="false" role="img">
                    <title>Search</title>
                    <use xlink:href="/dist/media/icons.e3d8f25c.svg#search"></use>
                  </svg>Search</a>
                <form class="ecl-search-form ecl-site-header__search" role="search" data-ecl-search-form
                  id="search-form-id">
                  <div class="ecl-form-group"><label for="search-input-id" id="search-input-id-label"
                      class="ecl-form-label ecl-search-form__label">Search</label><input id="search-input-id"
                      class="ecl-text-input ecl-text-input--m ecl-search-form__text-input" type="search"
                      placeholder="Placeholder text"></div><button
                    class="ecl-button ecl-button--ghost ecl-search-form__button" type="submit"><span
                      class="ecl-button__container"><svg class="ecl-icon ecl-icon--xs ecl-button__icon"
                        focusable="false" aria-hidden="true" data-ecl-icon>
                        <use xlink:href="/dist/media/icons.e3d8f25c.svg#search"></use>
                      </svg><span class="ecl-button__label" data-ecl-label="true">Search</span></span></button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="ecl-site-header__notification">
      <div class="ecl-container">
        <div class="ecl-notification ecl-notification--info" data-ecl-notification role="alert"
          data-ecl-auto-init="Notification" data-ecl-site-header-notification><svg
            class="ecl-icon ecl-icon--l ecl-notification__icon" focusable="false" aria-hidden="false">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#information"></use>
          </svg>
          <div class="ecl-notification__content"><button
              class="ecl-button ecl-button--tertiary ecl-notification__close ecl-button--icon-only" type="button"
              data-ecl-notification-close><span class="ecl-button__container"><span class="ecl-button__label"
                  data-ecl-label="true">Close</span><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
                </svg></span></button>
            <div class="ecl-notification__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
              accumsan semper lorem.</div>
            <div class="ecl-notification__link"><a href="/example" class="ecl-link">Lorem ipsum</a></div>
            <div class="ecl-notification__link"><a href="/example" class="ecl-link">Nullam accumsan semper lorem</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <nav class="ecl-mega-menu" data-ecl-mega-menu data-ecl-auto-init="MegaMenu" data-ecl-mega-menu-label-open="Menu"
    data-ecl-mega-menu-label-close="Close" aria-expanded="false" role="navigation" id=demo aria-label="Main navigation">
    <div class="ecl-mega-menu__overlay"></div>
    <div class="ecl-container ecl-mega-menu__container"><button
        class="ecl-button ecl-button--tertiary ecl-mega-menu__open ecl-button--icon-only" type="button"
        data-ecl-mega-menu-open aria-expanded="false"><span class="ecl-button__container"><svg
            class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#hamburger"></use>
          </svg><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
          </svg><span class="ecl-button__label" data-ecl-label="true">Menu</span></span></button>
      <section class="ecl-mega-menu__inner" data-ecl-mega-menu-inner>
        <header class="ecl-mega-menu__inner-header"><button class="ecl-button ecl-button--tertiary ecl-mega-menu__back"
            type="submit" data-ecl-mega-menu-back><span class="ecl-button__container"><svg
                class="ecl-icon ecl-icon--xs ecl-icon--rotate-270 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><span class="ecl-button__label" data-ecl-label="true">Back</span></span></button></header>
        <ul class="ecl-mega-menu__list">
          <li class="ecl-mega-menu__item" data-ecl-mega-menu-item id="ecl-mega-menu-item-demo-0"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-mega-menu__link" data-ecl-mega-menu-link
              id="ecl-mega-menu-item-demo-0-link">Home</a></li>
          <li class="ecl-mega-menu__item ecl-mega-menu__item--has-children" data-ecl-mega-menu-item
            data-ecl-has-children aria-haspopup id="ecl-mega-menu-item-demo-1"><button
              class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
              id="ecl-mega-menu-item-demo-1-link" aria-expanded="false"><span class="ecl-button__container"><span
                  class="ecl-button__label" data-ecl-label="true">News and media</span><svg
                  class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                </svg></span></button>
            <div class="ecl-mega-menu__wrapper">
              <div class="ecl-container">
                <div class="ecl-mega-menu__info ecl-mega-menu__info--has-link" data-ecl-mega-menu-mega><span
                    class="ecl-mega-menu__info-title" id="ecl-mega-menu-item-demo-1-info-title">About the News and
                    Media</span>
                  <div class="ecl-mega-menu__info-scrollable">
                    <div class="ecl-mega-menu__info-content">Description text, lorem ipsum dolor sit amet, consectetur
                      adipiscing elit.</div><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-link--icon  ecl-mega-menu__info-link"
                      aria-describedby="ecl-mega-menu-item-demo-1-info-title"><span class="ecl-link__label">Discover
                        more</span><svg class="ecl-icon ecl-icon--xs ecl-icon--flip-horizontal ecl-link__icon"
                        focusable="false" aria-hidden="true">
                        <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                      </svg></a>
                  </div>
                </div>
                <div class="ecl-mega-menu__mega" data-ecl-mega-menu-mega>
                  <ul class="ecl-mega-menu__sublist" aria-label="Pages in this section">
                    <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink" type="button"
                        data-ecl-mega-menu-sublink aria-expanded="false" id="item-2-1-id"><span
                          class="ecl-button__container"><span class="ecl-button__label" data-ecl-label="true">Item
                            2.1</span><svg class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
                            focusable="false" aria-hidden="true" data-ecl-icon>
                            <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                          </svg></span></button>
                      <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
                        <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 1</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-link--icon ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink><span class="ecl-link__label">Item 2.1 subitem 2</span><svg
                                class="ecl-icon ecl-icon--2xs ecl-link__icon" focusable="false" aria-hidden="false"
                                role="img">
                                <title>Link to an external domain</title>
                                <use xlink:href="/dist/media/icons.e3d8f25c.svg#external"></use>
                              </svg></a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 3</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 4</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 5</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 6</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 7</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 8</a></li>
                          <li class="ecl-mega-menu__spacer" data-ecl-mega-menu-subitem></li>
                          <li class="ecl-mega-menu__subitem ecl-mega-menu__see-all" data-ecl-mega-menu-subitem><a
                              href="/example" class="ecl-link ecl-link--standalone ecl-link--icon"
                              aria-describedby="item-2-1-id"><span class="ecl-link__label">View all</span><svg
                                class="ecl-icon ecl-icon--xs ecl-icon--rotate-180 ecl-link__icon" focusable="false"
                                aria-hidden="true">
                                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                              </svg></a></li>
                        </ul>
                        <div class="ecl-mega-menu__featured" data-ecl-mega-menu-featured>
                          <div class="ecl-mega-menu__featured-scrollable">
                            <picture class="ecl-picture ecl-mega-menu__featured-picture"><img
                                class="ecl-mega-menu__featured-image"
                                src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
                                alt="Jean Monnet banner"></picture><span class="ecl-mega-menu__featured-title"
                              id="ecl-mega-menu-featured-title-item-2-1-id">Featured items</span>
                            <ul class="ecl-mega-menu__featured-list"
                              aria-labelledby="ecl-mega-menu-featured-title-item-2-1-id item-2-1-id">
                              <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                                  class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link
                                  1</a></li>
                              <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                                  class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link
                                  2</a></li>
                            </ul>
                          </div>
                        </div>
                    </li>
          </li>
          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item 2.2</a></li>
          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
              class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last" type="button"
              data-ecl-mega-menu-sublink aria-expanded="false"><span class="ecl-button__container"><span
                  class="ecl-button__label" data-ecl-label="true">Item 2.3 that has a very long label</span><svg
                  class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                </svg></span></button>
            <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
              <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
                <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item 2.3
                    subitem 1</a></li>
                <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item 2.3
                    subitem 2</a></li>
                <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                    data-ecl-mega-menu-sublink>Item 2.3 subitem 3</a></li>
              </ul>
          </li>
          </li>
        </ul>
        </li>
        <li class="ecl-mega-menu__item ecl-mega-menu__item--has-children" data-ecl-mega-menu-item data-ecl-has-children
          aria-haspopup id="ecl-mega-menu-item-demo-2"><button
            class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-2-link" aria-expanded="false"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">About the European Commission</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                aria-hidden="true" data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__wrapper">
            <div class="ecl-container">
              <div class="ecl-mega-menu__info ecl-mega-menu__info--has-link" data-ecl-mega-menu-mega><span
                  class="ecl-mega-menu__info-title" id="ecl-mega-menu-item-demo-2-info-title">About the European
                  Commission</span>
                <div class="ecl-mega-menu__info-scrollable">
                  <div class="ecl-mega-menu__info-content">Description text, lorem ipsum dolor sit amet, consectetur
                    adipiscing elit.</div><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-link--icon  ecl-mega-menu__info-link"
                    aria-describedby="ecl-mega-menu-item-demo-2-info-title"><span class="ecl-link__label">Discover
                      more</span><svg class="ecl-icon ecl-icon--xs ecl-icon--flip-horizontal ecl-link__icon"
                      focusable="false" aria-hidden="true">
                      <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                    </svg></a>
                </div>
              </div>
              <div class="ecl-mega-menu__mega" data-ecl-mega-menu-mega>
                <ul class="ecl-mega-menu__sublist" aria-label="Pages in this section">
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item
                      3.1</a></li>
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item
                      3.2</a></li>
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                      data-ecl-mega-menu-sublink>Item 3.3</a></li>
                </ul>
        </li>
        <li class="ecl-mega-menu__item ecl-mega-menu__item--has-children" data-ecl-mega-menu-item data-ecl-has-children
          aria-haspopup id="ecl-mega-menu-item-demo-3"><button
            class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-3-link" aria-expanded="false"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">Key priorities</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                aria-hidden="true" data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__wrapper">
            <div class="ecl-container">
              <div class="ecl-mega-menu__info" data-ecl-mega-menu-mega><span class="ecl-mega-menu__info-title"
                  id="ecl-mega-menu-item-demo-3-info-title">About key priorities</span>
                <div class="ecl-mega-menu__info-scrollable">
                  <div class="ecl-mega-menu__info-content">Description text, lorem ipsum dolor sit amet, consectetur
                    adipiscing elit.</div>
                </div>
              </div>
              <div class="ecl-mega-menu__mega" data-ecl-mega-menu-mega>
                <ul class="ecl-mega-menu__sublist" aria-label="Pages in this section">
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
                      class="ecl-button ecl-button--primary ecl-mega-menu__sublink" type="button"
                      data-ecl-mega-menu-sublink aria-expanded="false"><span class="ecl-button__container"><span
                          class="ecl-button__label" data-ecl-label="true">Aid, Development cooperation, Fundamental
                          rights</span><svg class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
                          focusable="false" aria-hidden="true" data-ecl-icon>
                          <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                        </svg></span></button>
                    <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
                      <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
                        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                            data-ecl-mega-menu-sublink>A lonely item</a></li>
                      </ul>
                  </li>
        </li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Energy, Climate
            change, Environment</a></li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Law</a></li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>EU regional and
            urban development</a></li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
            class="ecl-button ecl-button--primary ecl-mega-menu__sublink" type="button" data-ecl-mega-menu-sublink
            aria-expanded="false" id="research-and-innovation-id"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">Research and innovation</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
            <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
              <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>How we provide
                  aid</a></li>
              <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Who we work
                  with</a></li>
              <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                  data-ecl-mega-menu-sublink>Get involved in EU humanitarian aid</a></li>
              <li class="ecl-mega-menu__spacer" data-ecl-mega-menu-subitem></li>
              <li class="ecl-mega-menu__subitem ecl-mega-menu__see-all" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-link--icon"
                  aria-describedby="research-and-innovation-id"><span class="ecl-link__label">See all items</span><svg
                    class="ecl-icon ecl-icon--xs ecl-icon--rotate-180 ecl-link__icon" focusable="false"
                    aria-hidden="true">
                    <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                  </svg></a></li>
            </ul>
            <div class="ecl-mega-menu__featured" data-ecl-mega-menu-featured>
              <div class="ecl-mega-menu__featured-scrollable">
                <picture class="ecl-picture ecl-mega-menu__featured-picture"><img class="ecl-mega-menu__featured-image"
                    src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Jean Monnet banner">
                </picture><span class="ecl-mega-menu__featured-title"
                  id="ecl-mega-menu-featured-title-research-and-innovation-id">Featured items</span>
                <ul class="ecl-mega-menu__featured-list"
                  aria-labelledby="ecl-mega-menu-featured-title-research-and-innovation-id research-and-innovation-id">
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 1</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 2</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 3</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 4</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 5</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 6</a></li>
                </ul>
              </div>
            </div>
        </li>
        </li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
            data-ecl-mega-menu-sublink>Food, Farming, Fisheries</a></li>
        </ul>
        </li>
        <li class="ecl-mega-menu__item ecl-mega-menu__item--has-container" data-ecl-mega-menu-item
          data-ecl-has-container aria-haspopup id="ecl-mega-menu-item-demo-4"><button
            class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-4-link" aria-expanded="false"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">Engage</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                aria-hidden="true" data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__mega ecl-mega-menu__mega-container" data-ecl-mega-menu-mega>
            <div class="ecl-container">
              <div class="ecl-mega-menu__mega-container-scrollable">
                <div class="ecl">
                  <h2 class="ecl-u-mt-none ecl-u-mt-l-l">Minimal demo content for the container option</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat magna quis ultricies
                    hendrerit. Suspendisse fermentum elit id hendrerit suscipit.</p>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li class="ecl-mega-menu__item" data-ecl-mega-menu-item id="ecl-mega-menu-item-demo-5"><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__link" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-5-link">Contact</a></li>
        </ul>
      </section>
    </div>
  </nav>
</header>

<header class="ecl-site-header ecl-site-header-with-logo-l ecl-site-header--has-mega-menu "
  data-ecl-auto-init="SiteHeader">
  <div class="ecl-site-header__inner">
    <div class="ecl-site-header__background">
      <div class="ecl-site-header__header">
        <div class="ecl-site-header__container ecl-container">
          <div class="ecl-site-header__top" data-ecl-site-header-top><a href="/example"
              class="ecl-link ecl-link--standalone ecl-site-header__logo-link">
              <picture class="ecl-picture ecl-site-header__picture">
                <source srcset="/dist/media/icons.e3d8f25c.svg" media="(min-width: 996px)"><img
                  class="ecl-site-header__logo-image ecl-site-header__logo-image--l"
                  src="/dist/media/icons.e3d8f25c.svg" alt="European Commission">
              </picture>
            </a>
            <div class="ecl-site-header__action">
              <div class="ecl-site-header__language"><a
                  class="ecl-button ecl-button--tertiary ecl-site-header__language-selector" href="/example"
                  data-ecl-language-selector role="button"
                  aria-label="Change language, current language is English - EN"
                  aria-controls="language-list-overlay"><span class="ecl-site-header__language-icon"><svg
                      class="ecl-icon ecl-icon--s ecl-site-header__icon" focusable="false" aria-hidden="false"
                      role="img">
                      <title>EN</title>
                      <use xlink:href="/dist/media/icons.e3d8f25c.svg#global"></use>
                    </svg></span>EN</a>
                <div class="ecl-site-header__language-container" id="language-list-overlay" hidden
                  data-ecl-language-list-overlay aria-labelledby="ecl-site-header__language-title" role="dialog">
                  <div class="ecl-site-header__language-header">
                    <div class="ecl-site-header__language-title" id="ecl-site-header__language-title">Select your
                      language</div><button
                      class="ecl-button ecl-button--tertiary ecl-site-header__language-close ecl-button--icon-only"
                      type="submit" data-ecl-language-list-close><span class="ecl-button__container"><span
                          class="ecl-button__label" data-ecl-label="true">Close</span><svg
                          class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false" aria-hidden="true"
                          data-ecl-icon>
                          <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
                        </svg></span></button>
                  </div>
                  <div class="ecl-site-header__language-content" data-ecl-language-list-content>
                    <div class="ecl-site-header__language-category" data-ecl-language-list-eu>
                      <div class="ecl-site-header__language-category-title">Official EU languages:</div>
                      <ul class="ecl-site-header__language-list">
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="bg"><span class="ecl-site-header__language-link-code">bg</span><span
                              class="ecl-site-header__language-link-label" lang="bg">български</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="es"><span class="ecl-site-header__language-link-code">es</span><span
                              class="ecl-site-header__language-link-label" lang="es">español</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="cs"><span class="ecl-site-header__language-link-code">cs</span><span
                              class="ecl-site-header__language-link-label" lang="cs">čeština</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="da"><span class="ecl-site-header__language-link-code">da</span><span
                              class="ecl-site-header__language-link-label" lang="da">dansk</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="de"><span class="ecl-site-header__language-link-code">de</span><span
                              class="ecl-site-header__language-link-label" lang="de">Deutsch</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="et"><span class="ecl-site-header__language-link-code">et</span><span
                              class="ecl-site-header__language-link-label" lang="et">eesti</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="el"><span class="ecl-site-header__language-link-code">el</span><span
                              class="ecl-site-header__language-link-label" lang="el">ελληνικά</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link ecl-site-header__language-link--active"
                            hreflang="en"><span class="ecl-site-header__language-link-code">en</span><span
                              class="ecl-site-header__language-link-label" lang="en">English</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="fr"><span class="ecl-site-header__language-link-code">fr</span><span
                              class="ecl-site-header__language-link-label" lang="fr">français</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="ga"><span class="ecl-site-header__language-link-code">ga</span><span
                              class="ecl-site-header__language-link-label" lang="ga">Gaeilge</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="hr"><span class="ecl-site-header__language-link-code">hr</span><span
                              class="ecl-site-header__language-link-label" lang="hr">hrvatski</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="it"><span class="ecl-site-header__language-link-code">it</span><span
                              class="ecl-site-header__language-link-label" lang="it">italiano</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="lv"><span class="ecl-site-header__language-link-code">lv</span><span
                              class="ecl-site-header__language-link-label" lang="lv">latviešu</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="lt"><span class="ecl-site-header__language-link-code">lt</span><span
                              class="ecl-site-header__language-link-label" lang="lt">lietuvių</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="hu"><span class="ecl-site-header__language-link-code">hu</span><span
                              class="ecl-site-header__language-link-label" lang="hu">magyar</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="mt"><span class="ecl-site-header__language-link-code">mt</span><span
                              class="ecl-site-header__language-link-label" lang="mt">Malti</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="nl"><span class="ecl-site-header__language-link-code">nl</span><span
                              class="ecl-site-header__language-link-label" lang="nl">Nederlands</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="pl"><span class="ecl-site-header__language-link-code">pl</span><span
                              class="ecl-site-header__language-link-label" lang="pl">polski</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="pt"><span class="ecl-site-header__language-link-code">pt</span><span
                              class="ecl-site-header__language-link-label" lang="pt">português</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="ro"><span class="ecl-site-header__language-link-code">ro</span><span
                              class="ecl-site-header__language-link-label" lang="ro">română</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="sk"><span class="ecl-site-header__language-link-code">sk</span><span
                              class="ecl-site-header__language-link-label" lang="sk">slovenčina</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="sl"><span class="ecl-site-header__language-link-code">sl</span><span
                              class="ecl-site-header__language-link-label" lang="sl">slovenščina</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="fi"><span class="ecl-site-header__language-link-code">fi</span><span
                              class="ecl-site-header__language-link-label" lang="fi">suomi</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            hreflang="sv"><span class="ecl-site-header__language-link-code">sv</span><span
                              class="ecl-site-header__language-link-label" lang="sv">svenska</span></a></li>
                      </ul>
                    </div>
                    <div class="ecl-site-header__language-category" data-ecl-language-list-non-eu>
                      <div class="ecl-site-header__language-category-title">Other languages:</div>
                      <ul class="ecl-site-header__language-list">
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ar" hreflang="ar"><span class="ecl-site-header__language-link-code">ar</span><span
                              class="ecl-site-header__language-link-label">عَرَبِيّ</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ca" hreflang="ca"><span class="ecl-site-header__language-link-code">ca</span><span
                              class="ecl-site-header__language-link-label">Català</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="is" hreflang="is"><span class="ecl-site-header__language-link-code">is</span><span
                              class="ecl-site-header__language-link-label">Íslenska</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="lb" hreflang="lb"><span class="ecl-site-header__language-link-code">lb</span><span
                              class="ecl-site-header__language-link-label">Lëtzebuergesch</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ja" hreflang="ja"><span class="ecl-site-header__language-link-code">ja</span><span
                              class="ecl-site-header__language-link-label">日本語</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="nb" hreflang="nb"><span class="ecl-site-header__language-link-code">nb</span><span
                              class="ecl-site-header__language-link-label">Norsk bokmål</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="ru" hreflang="ru"><span class="ecl-site-header__language-link-code">ru</span><span
                              class="ecl-site-header__language-link-label">русский язык</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="tr" hreflang="tr"><span class="ecl-site-header__language-link-code">tr</span><span
                              class="ecl-site-header__language-link-label">Türkçe</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="uk" hreflang="uk"><span class="ecl-site-header__language-link-code">uk</span><span
                              class="ecl-site-header__language-link-label">українська мова</span></a></li>
                        <li class="ecl-site-header__language-item"><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-link--no-visited ecl-site-header__language-link"
                            lang="zh" hreflang="zh"><span class="ecl-site-header__language-link-code">zh</span><span
                              class="ecl-site-header__language-link-label">中文</span></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="ecl-site-header__search-container" role="search"><a
                  class="ecl-button ecl-button--tertiary ecl-site-header__search-toggle" href="/example"
                  data-ecl-search-toggle="true" aria-controls="search-form-id" aria-expanded="false"><svg
                    class="ecl-icon ecl-icon--s ecl-site-header__icon" focusable="false" aria-hidden="false" role="img">
                    <title>Search</title>
                    <use xlink:href="/dist/media/icons.e3d8f25c.svg#search"></use>
                  </svg>Search</a>
                <form class="ecl-search-form ecl-site-header__search" role="search" data-ecl-search-form
                  id="search-form-id">
                  <div class="ecl-form-group"><label for="search-input-id" id="search-input-id-label"
                      class="ecl-form-label ecl-search-form__label">Search</label><input id="search-input-id"
                      class="ecl-text-input ecl-text-input--m ecl-search-form__text-input" type="search"
                      placeholder="Placeholder text"></div><button
                    class="ecl-button ecl-button--ghost ecl-search-form__button" type="submit"><span
                      class="ecl-button__container"><svg class="ecl-icon ecl-icon--xs ecl-button__icon"
                        focusable="false" aria-hidden="true" data-ecl-icon>
                        <use xlink:href="/dist/media/icons.e3d8f25c.svg#search"></use>
                      </svg><span class="ecl-button__label" data-ecl-label="true">Search</span></span></button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="ecl-site-header__notification">
      <div class="ecl-container">
        <div class="ecl-notification ecl-notification--info" data-ecl-notification role="alert"
          data-ecl-auto-init="Notification" data-ecl-site-header-notification><svg
            class="ecl-icon ecl-icon--l ecl-notification__icon" focusable="false" aria-hidden="false">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#information"></use>
          </svg>
          <div class="ecl-notification__content"><button
              class="ecl-button ecl-button--tertiary ecl-notification__close ecl-button--icon-only" type="button"
              data-ecl-notification-close><span class="ecl-button__container"><span class="ecl-button__label"
                  data-ecl-label="true">Close</span><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
                </svg></span></button>
            <div class="ecl-notification__description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
              accumsan semper lorem.</div>
            <div class="ecl-notification__link"><a href="/example" class="ecl-link">Lorem ipsum</a></div>
            <div class="ecl-notification__link"><a href="/example" class="ecl-link">Nullam accumsan semper lorem</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="ecl-site-header__banner-top">
      <div class="ecl-container"><a href="/example" class="ecl-link ecl-link--standalone ecl-link--no-visited">Class
          name</a></div>
    </div>
    <div class="ecl-site-header__banner">
      <div class="ecl-container">
        <div class="ecl-site-header__site-name">News, policies, information and services</div><a href=""
          class="ecl-link ecl-link--cta ecl-link--icon ecl-site-header__cta"><span class="ecl-link__label">CTA
            link</span><svg class="ecl-icon ecl-icon--fluid ecl-icon--rotate-90 ecl-link__icon" focusable="false"
            aria-hidden="true">
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
          </svg></a>
      </div>
    </div>
  </div>
  <nav class="ecl-mega-menu" data-ecl-mega-menu data-ecl-auto-init="MegaMenu" data-ecl-mega-menu-label-open="Menu"
    data-ecl-mega-menu-label-close="Close" aria-expanded="false" role="navigation" id=demo aria-label="Main navigation">
    <div class="ecl-mega-menu__overlay"></div>
    <div class="ecl-container ecl-mega-menu__container"><button
        class="ecl-button ecl-button--tertiary ecl-mega-menu__open ecl-button--icon-only" type="button"
        data-ecl-mega-menu-open aria-expanded="false"><span class="ecl-button__container"><svg
            class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#hamburger"></use>
          </svg><svg class="ecl-icon ecl-icon--m ecl-button__icon" focusable="false" aria-hidden="true" data-ecl-icon>
            <use xlink:href="/dist/media/icons.e3d8f25c.svg#close"></use>
          </svg><span class="ecl-button__label" data-ecl-label="true">Menu</span></span></button>
      <section class="ecl-mega-menu__inner" data-ecl-mega-menu-inner>
        <header class="ecl-mega-menu__inner-header"><button class="ecl-button ecl-button--tertiary ecl-mega-menu__back"
            type="submit" data-ecl-mega-menu-back><span class="ecl-button__container"><svg
                class="ecl-icon ecl-icon--xs ecl-icon--rotate-270 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><span class="ecl-button__label" data-ecl-label="true">Back</span></span></button></header>
        <ul class="ecl-mega-menu__list">
          <li class="ecl-mega-menu__item" data-ecl-mega-menu-item id="ecl-mega-menu-item-demo-0"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-mega-menu__link" data-ecl-mega-menu-link
              id="ecl-mega-menu-item-demo-0-link">Home</a></li>
          <li class="ecl-mega-menu__item ecl-mega-menu__item--has-children" data-ecl-mega-menu-item
            data-ecl-has-children aria-haspopup id="ecl-mega-menu-item-demo-1"><button
              class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
              id="ecl-mega-menu-item-demo-1-link" aria-expanded="false"><span class="ecl-button__container"><span
                  class="ecl-button__label" data-ecl-label="true">News and media</span><svg
                  class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                </svg></span></button>
            <div class="ecl-mega-menu__wrapper">
              <div class="ecl-container">
                <div class="ecl-mega-menu__info ecl-mega-menu__info--has-link" data-ecl-mega-menu-mega><span
                    class="ecl-mega-menu__info-title" id="ecl-mega-menu-item-demo-1-info-title">About the News and
                    Media</span>
                  <div class="ecl-mega-menu__info-scrollable">
                    <div class="ecl-mega-menu__info-content">Description text, lorem ipsum dolor sit amet, consectetur
                      adipiscing elit.</div><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-link--icon  ecl-mega-menu__info-link"
                      aria-describedby="ecl-mega-menu-item-demo-1-info-title"><span class="ecl-link__label">Discover
                        more</span><svg class="ecl-icon ecl-icon--xs ecl-icon--flip-horizontal ecl-link__icon"
                        focusable="false" aria-hidden="true">
                        <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                      </svg></a>
                  </div>
                </div>
                <div class="ecl-mega-menu__mega" data-ecl-mega-menu-mega>
                  <ul class="ecl-mega-menu__sublist" aria-label="Pages in this section">
                    <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
                        class="ecl-button ecl-button--primary ecl-mega-menu__sublink" type="button"
                        data-ecl-mega-menu-sublink aria-expanded="false" id="item-2-1-id"><span
                          class="ecl-button__container"><span class="ecl-button__label" data-ecl-label="true">Item
                            2.1</span><svg class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
                            focusable="false" aria-hidden="true" data-ecl-icon>
                            <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                          </svg></span></button>
                      <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
                        <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 1</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-link--icon ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink><span class="ecl-link__label">Item 2.1 subitem 2</span><svg
                                class="ecl-icon ecl-icon--2xs ecl-link__icon" focusable="false" aria-hidden="false"
                                role="img">
                                <title>Link to an external domain</title>
                                <use xlink:href="/dist/media/icons.e3d8f25c.svg#external"></use>
                              </svg></a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 3</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 4</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 5</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 6</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 7</a></li>
                          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                              data-ecl-mega-menu-sublink>Item 2.1 subitem 8</a></li>
                          <li class="ecl-mega-menu__spacer" data-ecl-mega-menu-subitem></li>
                          <li class="ecl-mega-menu__subitem ecl-mega-menu__see-all" data-ecl-mega-menu-subitem><a
                              href="/example" class="ecl-link ecl-link--standalone ecl-link--icon"
                              aria-describedby="item-2-1-id"><span class="ecl-link__label">View all</span><svg
                                class="ecl-icon ecl-icon--xs ecl-icon--rotate-180 ecl-link__icon" focusable="false"
                                aria-hidden="true">
                                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                              </svg></a></li>
                        </ul>
                        <div class="ecl-mega-menu__featured" data-ecl-mega-menu-featured>
                          <div class="ecl-mega-menu__featured-scrollable">
                            <picture class="ecl-picture ecl-mega-menu__featured-picture"><img
                                class="ecl-mega-menu__featured-image"
                                src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
                                alt="Jean Monnet banner"></picture><span class="ecl-mega-menu__featured-title"
                              id="ecl-mega-menu-featured-title-item-2-1-id">Featured items</span>
                            <ul class="ecl-mega-menu__featured-list"
                              aria-labelledby="ecl-mega-menu-featured-title-item-2-1-id item-2-1-id">
                              <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                                  class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link
                                  1</a></li>
                              <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                                  class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link
                                  2</a></li>
                            </ul>
                          </div>
                        </div>
                    </li>
          </li>
          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
              class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item 2.2</a></li>
          <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
              class="ecl-button ecl-button--primary ecl-mega-menu__sublink ecl-mega-menu__sublink--last" type="button"
              data-ecl-mega-menu-sublink aria-expanded="false"><span class="ecl-button__container"><span
                  class="ecl-button__label" data-ecl-label="true">Item 2.3 that has a very long label</span><svg
                  class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false"
                  aria-hidden="true" data-ecl-icon>
                  <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                </svg></span></button>
            <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
              <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
                <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item 2.3
                    subitem 1</a></li>
                <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item 2.3
                    subitem 2</a></li>
                <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                    data-ecl-mega-menu-sublink>Item 2.3 subitem 3</a></li>
              </ul>
          </li>
          </li>
        </ul>
        </li>
        <li class="ecl-mega-menu__item ecl-mega-menu__item--has-children" data-ecl-mega-menu-item data-ecl-has-children
          aria-haspopup id="ecl-mega-menu-item-demo-2"><button
            class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-2-link" aria-expanded="false"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">About the European Commission</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                aria-hidden="true" data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__wrapper">
            <div class="ecl-container">
              <div class="ecl-mega-menu__info ecl-mega-menu__info--has-link" data-ecl-mega-menu-mega><span
                  class="ecl-mega-menu__info-title" id="ecl-mega-menu-item-demo-2-info-title">About the European
                  Commission</span>
                <div class="ecl-mega-menu__info-scrollable">
                  <div class="ecl-mega-menu__info-content">Description text, lorem ipsum dolor sit amet, consectetur
                    adipiscing elit.</div><a href="/example"
                    class="ecl-link ecl-link--standalone ecl-link--icon  ecl-mega-menu__info-link"
                    aria-describedby="ecl-mega-menu-item-demo-2-info-title"><span class="ecl-link__label">Discover
                      more</span><svg class="ecl-icon ecl-icon--xs ecl-icon--flip-horizontal ecl-link__icon"
                      focusable="false" aria-hidden="true">
                      <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                    </svg></a>
                </div>
              </div>
              <div class="ecl-mega-menu__mega" data-ecl-mega-menu-mega>
                <ul class="ecl-mega-menu__sublist" aria-label="Pages in this section">
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item
                      3.1</a></li>
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Item
                      3.2</a></li>
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                      class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                      data-ecl-mega-menu-sublink>Item 3.3</a></li>
                </ul>
        </li>
        <li class="ecl-mega-menu__item ecl-mega-menu__item--has-children" data-ecl-mega-menu-item data-ecl-has-children
          aria-haspopup id="ecl-mega-menu-item-demo-3"><button
            class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-3-link" aria-expanded="false"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">Key priorities</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                aria-hidden="true" data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__wrapper">
            <div class="ecl-container">
              <div class="ecl-mega-menu__info" data-ecl-mega-menu-mega><span class="ecl-mega-menu__info-title"
                  id="ecl-mega-menu-item-demo-3-info-title">About key priorities</span>
                <div class="ecl-mega-menu__info-scrollable">
                  <div class="ecl-mega-menu__info-content">Description text, lorem ipsum dolor sit amet, consectetur
                    adipiscing elit.</div>
                </div>
              </div>
              <div class="ecl-mega-menu__mega" data-ecl-mega-menu-mega>
                <ul class="ecl-mega-menu__sublist" aria-label="Pages in this section">
                  <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
                      class="ecl-button ecl-button--primary ecl-mega-menu__sublink" type="button"
                      data-ecl-mega-menu-sublink aria-expanded="false"><span class="ecl-button__container"><span
                          class="ecl-button__label" data-ecl-label="true">Aid, Development cooperation, Fundamental
                          rights</span><svg class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon"
                          focusable="false" aria-hidden="true" data-ecl-icon>
                          <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
                        </svg></span></button>
                    <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
                      <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
                        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                            data-ecl-mega-menu-sublink>A lonely item</a></li>
                      </ul>
                  </li>
        </li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Energy, Climate
            change, Environment</a></li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Law</a></li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>EU regional and
            urban development</a></li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><button
            class="ecl-button ecl-button--primary ecl-mega-menu__sublink" type="button" data-ecl-mega-menu-sublink
            aria-expanded="false" id="research-and-innovation-id"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">Research and innovation</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__mega ecl-mega-menu__mega--level-2" data-ecl-mega-menu-mega>
            <ul class="ecl-mega-menu__sublist" aria-label="Sub-pages in this section">
              <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>How we provide
                  aid</a></li>
              <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-mega-menu__sublink" data-ecl-mega-menu-sublink>Who we work
                  with</a></li>
              <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
                  data-ecl-mega-menu-sublink>Get involved in EU humanitarian aid</a></li>
              <li class="ecl-mega-menu__spacer" data-ecl-mega-menu-subitem></li>
              <li class="ecl-mega-menu__subitem ecl-mega-menu__see-all" data-ecl-mega-menu-subitem><a href="/example"
                  class="ecl-link ecl-link--standalone ecl-link--icon"
                  aria-describedby="research-and-innovation-id"><span class="ecl-link__label">See all items</span><svg
                    class="ecl-icon ecl-icon--xs ecl-icon--rotate-180 ecl-link__icon" focusable="false"
                    aria-hidden="true">
                    <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
                  </svg></a></li>
            </ul>
            <div class="ecl-mega-menu__featured" data-ecl-mega-menu-featured>
              <div class="ecl-mega-menu__featured-scrollable">
                <picture class="ecl-picture ecl-mega-menu__featured-picture"><img class="ecl-mega-menu__featured-image"
                    src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Jean Monnet banner">
                </picture><span class="ecl-mega-menu__featured-title"
                  id="ecl-mega-menu-featured-title-research-and-innovation-id">Featured items</span>
                <ul class="ecl-mega-menu__featured-list"
                  aria-labelledby="ecl-mega-menu-featured-title-research-and-innovation-id research-and-innovation-id">
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 1</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 2</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 3</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 4</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 5</a></li>
                  <li class="ecl-mega-menu__featured-list__item"><a href="/example"
                      class="ecl-link ecl-link--standalone" data-ecl-mega-menu-featured-link>Featured link 6</a></li>
                </ul>
              </div>
            </div>
        </li>
        </li>
        <li class="ecl-mega-menu__subitem" data-ecl-mega-menu-subitem><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__sublink ecl-mega-menu__sublink--last"
            data-ecl-mega-menu-sublink>Food, Farming, Fisheries</a></li>
        </ul>
        </li>
        <li class="ecl-mega-menu__item ecl-mega-menu__item--has-container" data-ecl-mega-menu-item
          data-ecl-has-container aria-haspopup id="ecl-mega-menu-item-demo-4"><button
            class="ecl-button ecl-button--primary ecl-mega-menu__link" type="button" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-4-link" aria-expanded="false"><span class="ecl-button__container"><span
                class="ecl-button__label" data-ecl-label="true">Engage</span><svg
                class="ecl-icon ecl-icon--2xs ecl-icon--rotate-90 ecl-button__icon" focusable="false" aria-hidden="true"
                data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#corner-arrow"></use>
              </svg><svg class="ecl-icon ecl-icon--s ecl-icon--flip-horizontal ecl-button__icon" focusable="false"
                aria-hidden="true" data-ecl-icon>
                <use xlink:href="/dist/media/icons.e3d8f25c.svg#arrow-left"></use>
              </svg></span></button>
          <div class="ecl-mega-menu__mega ecl-mega-menu__mega-container" data-ecl-mega-menu-mega>
            <div class="ecl-container">
              <div class="ecl-mega-menu__mega-container-scrollable">
                <div class="ecl">
                  <h2 class="ecl-u-mt-none ecl-u-mt-l-l">Minimal demo content for the container option</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat magna quis ultricies
                    hendrerit. Suspendisse fermentum elit id hendrerit suscipit.</p>
                </div>
              </div>
            </div>
          </div>
        </li>
        <li class="ecl-mega-menu__item" data-ecl-mega-menu-item id="ecl-mega-menu-item-demo-5"><a href="/example"
            class="ecl-link ecl-link--standalone ecl-mega-menu__link" data-ecl-mega-menu-link
            id="ecl-mega-menu-item-demo-5-link">Contact</a></li>
        </ul>
      </section>
    </div>
  </nav>
</header>