HTML-Prototype Schulpaket

Event List

Toggle example guides Toggle HTML markup

<insert-markup>10.4-</insert-markup>

Alle Veranstaltungen

Markup: templates/output/10-fullpage/events/fullpage-events-list.html 

<header class="c-main-navigation">
  <div class="c-main-navigation__container">
    <nav class="c-main-navigation__top-menu o-container">
      <div class="o-flex-line">
        <button class="c-modal-trigger c-main-navigation__burger u-hide@desktop" aria-controls="main-menu-modal" aria-expanded="false" title="Menü öffnen">
          <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#bars-3-solid"></use>
          </svg>
        </button><a class="c-main-navigation__logo" href="/index-10-1_default.html" title="Zur Startseite"><img src="Images/logos/logo-example.svg" width="96" height="96" alt="Logo Max-Mustermann-Realschule"/></a>
      </div>
      <ul class="c-main-navigation__list o-list-bare u-hide@below-desktop">
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-7" aria-expanded="false" data-swipe-menu-external-trigger="">Aktuelles
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-539" aria-expanded="false" data-swipe-menu-external-trigger="">Schulfamilie
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-674" aria-expanded="false" data-swipe-menu-external-trigger="">Über uns
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-876" aria-expanded="false" data-swipe-menu-external-trigger="">Beratung
          </button>
        </li>
        <li class="c-main-navigation__list-item">
          <button class="c-modal-trigger c-main-navigation__trigger-button" aria-controls="swipe-menu-261" aria-expanded="false" data-swipe-menu-external-trigger="">Über uns
          </button>
        </li>
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#">WebUntis</a>
        </li>
      </ul>
      <ul class="c-main-navigation__list o-list-bare">
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#" title="User-Login">
            <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#user-circle-solid"></use>
            </svg></a></li>
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#" title="E-Mail Kontakt">
            <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#envelope-solid"></use>
            </svg></a></li>
        <li class="c-main-navigation__list-item"><a class="c-main-navigation__link" href="#" title="Telefon Kontakt">
            <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#phone-solid"></use>
            </svg></a></li>
      </ul>
    </nav>
    <div class="c-modal" id="main-menu-modal">
      <div class="c-modal__topbar o-container">
        <button class="c-modal__close-button" aria-controls="main-menu-modal" aria-expanded="false" title="Close modal">
          <svg class="c-modal__close-icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#x-mark-solid"></use>
          </svg>
        </button>
      </div>
      <div class="c-modal__content o-container">
        <nav class="c-swipe-menu-container">
          <ul class="c-swipe-menu c-swipe-menu--root o-list-bare" id="swipe-menu-root">
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-7" data-swipe-activate="">Aktuelles
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-7">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-7" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studiengangübersicht</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Vor dem Studium</a></li>
                <li class="c-swipe-menu__item">
                  <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-536" data-swipe-activate="">Im Studium
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                    </svg>
                  </button>
                  <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-2" id="swipe-menu-536">
                    <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                      <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-536" data-swipe-deactivate="">
                        <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                          <title>Arrow left</title>
                          <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                        </svg>Back
                      </button>
                    </li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studienstart</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">International Office</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Finanzierung und Stipendien</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studienstart</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">International Office</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Finanzierung und Stipendien</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Studienstart</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">International Office</a></li>
                    <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Finanzierung und Stipendien</a></li>
                  </ul>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Nach dem Studium</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-539" data-swipe-activate="">Schulfamilie
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-539">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-539" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Berufsbegleitende Studiengänge und Modulstudien</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Berufsbegleitende Hochschulzertifikate und Fachseminare</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Vorbereitungskurse und vieles mehr</a></li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Für Unternehmen</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-674" data-swipe-activate="">Über uns
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-674">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-674" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Jobs &amp; Karriere</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-876" data-swipe-activate="">Beratung
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-876">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-876" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Jobs &amp; Karriere</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item">
              <button class="c-swipe-menu__button-activate" aria-expanded="false" aria-controls="swipe-menu-261" data-swipe-activate="">Über uns
                <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                  <title>Arrow left</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#arrow-right-small"></use>
                </svg>
              </button>
              <ul class="c-swipe-menu o-list-bare c-swipe-menu--lvl-1" id="swipe-menu-261">
                <li class="c-swipe-menu__item c-swipe-menu__item--deactivate">
                  <button class="c-swipe-menu__button-deactivate" aria-controls="swipe-menu-261" data-swipe-deactivate="">
                    <svg class="c-swipe-menu__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-left-small"></use>
                    </svg>Back
                  </button>
                </li>
                <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">Kontakt</a></li>
              </ul>
            </li>
            <li class="c-swipe-menu__item"><a class="c-swipe-menu__link" href="#">WebUntis</a>
            </li>
          </ul>
        </nav>
      </div>
      <div class="c-modal__footer o-container">
        <!-- START MOBILE QUICK NAVIGATION-->
        <ul class="c-main-navigation__quick-navigation o-list-bare">
          <li class="c-main-navigation__quick-navigation-item"><a class="c-main-navigation__quick-navigation-link" href="#" title="User-Login">
              <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#user-circle-solid"></use>
              </svg></a></li>
          <li class="c-main-navigation__quick-navigation-item"><a class="c-main-navigation__quick-navigation-link" href="#" title="E-Mail Kontakt">
              <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#envelope-solid"></use>
              </svg></a></li>
          <li class="c-main-navigation__quick-navigation-item"><a class="c-main-navigation__quick-navigation-link" href="#" title="Telefon Kontakt">
              <svg class="c-main-navigation__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                <use xlink:href="Images/svg/sprite.symbol.svg#phone-solid"></use>
              </svg></a></li>
        </ul>
        <!-- END MOBILE QUICK NAVIGATION-->
      </div>
    </div>
  </div>
</header>
<main class="o-container frame-space-before-extra-large frame-space-after-extra-large">
  <div class="frame-space-before-extra-large frame-space-after-extra-large">
    <div class="o-container o-container--blog">
      <h2>Alle Veranstaltungen</h2>
      <ul class="c-card-list o-list-bare">
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">iPad-Einführungsveranstaltung</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023</time>
              <h3 class="c-card__title">Internationaler Safer Internet Day</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Basta Projekt</h3><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023</time>
              <h3 class="c-card__title">Vorstellung der Wahlpflichtfächergruppen (BwR / Französisch)</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Naturwissenschaftliches Projekt </h3><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Zwischenzeugnis </h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Informationsveranstaltung Wahlpflichtfächergruppen</h3><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
        <li class="c-card-list__item"><a class="c-card c-card--horizontal c-card--horizontal-image" href="/index-10-5_default.html">
            <div class="c-card__content">
              <time class="c-card__date" datetime="2021-08-24">20.07.2023 - 09:00</time>
              <h3 class="c-card__title">Tag der Offenen Tür</h3>
              <p class="c-card__description">Heute begrüßte die Schulleiterin Sibylle Daxlberger unsere neuen Schülerinnen und Schüler der 5. Klassen. </p><span class="c-card__fake-link" aria-hidden="true">Weiterlesen
                <svg class="c-card__icon" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false">
                  <title>Chevron right</title>
                  <use xlink:href="Images/svg/sprite.symbol.svg#chevron-right"></use>
                </svg></span>
            </div>
            <div class="c-card__image"><img src="https://picsum.photos/id/112/240/120" width="240" height="120" alt="#" loading="lazy"/></div></a>
        </li>
      </ul>
      <nav class="c-card-list-pagination">
        <ul class="c-card-list-pagination__list o-list-bare">
          <li class="c-card-list-pagination__item c-card-list-pagination__item--previous"><a class="c-card-list-pagination__link" href="#">
                    <svg class="c-card-list-pagination__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-long-left"></use>
                    </svg><span class="u-visually-hidden--mobile-only">Vorherige Seite</span></a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 1 der Suchliste navigieren">1</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 2 der Suchliste navigieren">2</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--dots"><span class="c-card-list-pagination__dots" aria-hidden="true">…</span></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 8 der Suchliste navigieren">8</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--regular"><a class="c-card-list-pagination__link" href="#" title="Zu Seite 9 der Suchliste navigieren">9</a></li>
          <li class="c-card-list-pagination__item c-card-list-pagination__item--next"><a class="c-card-list-pagination__link" href="#"><span class="u-visually-hidden--mobile-only">Nächste Seite</span>
                    <svg class="c-card-list-pagination__icon" viewBox="0 0 20 20" role="img" aria-hidden="true" focusable="false">
                      <title>Arrow left</title>
                      <use xlink:href="Images/svg/sprite.symbol.svg#arrow-long-right"></use>
                    </svg></a></li>
        </ul>
      </nav>
    </div>
  </div>
</main>
<footer class="c-page-footer">
  <div class="o-container">
    <p class="c-page-footer__copyright">© Max-Mustermann-Realschule - 2023</p>
    <ul class="c-page-footer__list o-list-bare">
      <li class="c-page-footer__list-item"><a class="c-page-footer__list-link" href="#">Kontakt</a></li>
      <li class="c-page-footer__list-item"><a class="c-page-footer__list-link" href="#">Datenschutz</a></li>
      <li class="c-page-footer__list-item"><a class="c-page-footer__list-link" href="#">Impressum</a></li>
    </ul>
  </div>
</footer>
<script>
  window.in2cookiemodalConfiguration = {
    isEnabled: true,
    matomoSideId: 9999,
  };
</script>
Source: assets/sass/_fullpage.scss, line 31