Splash page

<div class="ecl-splash-page">
  <div class="ecl-splash-page__logo-container">
    <div class="ecl-container"><a href="/example" class="ecl-link ecl-link--standalone ecl-splash-page__logo-link">
        <picture class="ecl-picture ecl-splash-page__picture">
          <source srcset="/dist/media/icons.e3d8f25c.svg" media="(min-width: 768px)"><img
            class="ecl-splash-page__logo-image" src="/dist/media/icons.e3d8f25c.svg" alt="European Commission" />
        </picture>
      </a></div>
  </div>
  <div class="ecl-container ecl-splash-page__language-container">
    <h1 class="ecl-splash-page__language-title">Select your language</h1>
    <div class="ecl-splash-page__language-content">
      <div class="ecl-splash-page__language-category">
        <h2 class="ecl-splash-page__language-category-title">Official EU languages:</h2>
        <ul class="ecl-splash-page__language-list">
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="bg"><span
                class="ecl-splash-page__language-link-code">bg</span><span class="ecl-splash-page__language-link-label"
                lang="bg">български</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="es"><span
                class="ecl-splash-page__language-link-code">es</span><span class="ecl-splash-page__language-link-label"
                lang="es">español</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="cs"><span
                class="ecl-splash-page__language-link-code">cs</span><span class="ecl-splash-page__language-link-label"
                lang="cs">čeština</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="da"><span
                class="ecl-splash-page__language-link-code">da</span><span class="ecl-splash-page__language-link-label"
                lang="da">dansk</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="de"><span
                class="ecl-splash-page__language-link-code">de</span><span class="ecl-splash-page__language-link-label"
                lang="de">Deutsch</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="et"><span
                class="ecl-splash-page__language-link-code">et</span><span class="ecl-splash-page__language-link-label"
                lang="et">eesti</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="el"><span
                class="ecl-splash-page__language-link-code">el</span><span class="ecl-splash-page__language-link-label"
                lang="el">ελληνικά</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link ecl-splash-page__language-link--active"
              hreflang="en"><span class="ecl-splash-page__language-link-code">en</span><span
                class="ecl-splash-page__language-link-label" lang="en">English</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="fr"><span
                class="ecl-splash-page__language-link-code">fr</span><span class="ecl-splash-page__language-link-label"
                lang="fr">français</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="ga"><span
                class="ecl-splash-page__language-link-code">ga</span><span class="ecl-splash-page__language-link-label"
                lang="ga">Gaeilge</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="hr"><span
                class="ecl-splash-page__language-link-code">hr</span><span class="ecl-splash-page__language-link-label"
                lang="hr">hrvatski</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="it"><span
                class="ecl-splash-page__language-link-code">it</span><span class="ecl-splash-page__language-link-label"
                lang="it">italiano</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="lv"><span
                class="ecl-splash-page__language-link-code">lv</span><span class="ecl-splash-page__language-link-label"
                lang="lv">latviešu</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="lt"><span
                class="ecl-splash-page__language-link-code">lt</span><span class="ecl-splash-page__language-link-label"
                lang="lt">lietuvių</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="hu"><span
                class="ecl-splash-page__language-link-code">hu</span><span class="ecl-splash-page__language-link-label"
                lang="hu">magyar</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="mt"><span
                class="ecl-splash-page__language-link-code">mt</span><span class="ecl-splash-page__language-link-label"
                lang="mt">Malti</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="nl"><span
                class="ecl-splash-page__language-link-code">nl</span><span class="ecl-splash-page__language-link-label"
                lang="nl">Nederlands</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="pl"><span
                class="ecl-splash-page__language-link-code">pl</span><span class="ecl-splash-page__language-link-label"
                lang="pl">polski</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="pt"><span
                class="ecl-splash-page__language-link-code">pt</span><span class="ecl-splash-page__language-link-label"
                lang="pt">português</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="ro"><span
                class="ecl-splash-page__language-link-code">ro</span><span class="ecl-splash-page__language-link-label"
                lang="ro">română</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="sk"><span
                class="ecl-splash-page__language-link-code">sk</span><span class="ecl-splash-page__language-link-label"
                lang="sk">slovenčina</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="sl"><span
                class="ecl-splash-page__language-link-code">sl</span><span class="ecl-splash-page__language-link-label"
                lang="sl">slovenščina</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="fi"><span
                class="ecl-splash-page__language-link-code">fi</span><span class="ecl-splash-page__language-link-label"
                lang="fi">suomi</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="sv"><span
                class="ecl-splash-page__language-link-code">sv</span><span class="ecl-splash-page__language-link-label"
                lang="sv">svenska</span></a></li>
        </ul>
      </div>
      <div class="ecl-splash-page__language-category">
        <h2 class="ecl-splash-page__language-category-title">Other languages:</h2>
        <ul class="ecl-splash-page__language-list">
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="ar"><span
                class="ecl-splash-page__language-link-code">ar</span><span class="ecl-splash-page__language-link-label"
                lang="ar">عَرَبِيّ</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="ca"><span
                class="ecl-splash-page__language-link-code">ca</span><span class="ecl-splash-page__language-link-label"
                lang="ca">Català</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="is"><span
                class="ecl-splash-page__language-link-code">is</span><span class="ecl-splash-page__language-link-label"
                lang="is">Íslenska</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="lb"><span
                class="ecl-splash-page__language-link-code">lb</span><span class="ecl-splash-page__language-link-label"
                lang="lb">Lëtzebuergesch</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="ja"><span
                class="ecl-splash-page__language-link-code">ja</span><span class="ecl-splash-page__language-link-label"
                lang="ja">日本語</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="nb"><span
                class="ecl-splash-page__language-link-code">nb</span><span class="ecl-splash-page__language-link-label"
                lang="nb">Norsk bokmål</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="ru"><span
                class="ecl-splash-page__language-link-code">ru</span><span class="ecl-splash-page__language-link-label"
                lang="ru">русский язык</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="tr"><span
                class="ecl-splash-page__language-link-code">tr</span><span class="ecl-splash-page__language-link-label"
                lang="tr">Türkçe</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="uk"><span
                class="ecl-splash-page__language-link-code">uk</span><span class="ecl-splash-page__language-link-label"
                lang="uk">українська мова</span></a></li>
          <li class="ecl-splash-page__language-item"><a href="/example"
              class="ecl-link ecl-link--standalone ecl-splash-page__language-link" hreflang="zh"><span
                class="ecl-splash-page__language-link-code">zh</span><span class="ecl-splash-page__language-link-label"
                lang="zh">中文</span></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>