HTML-Prototype von Hochschule RheinMain

<div class="container">
  <div class="c-slider c-slider--footer">
    <section class="splide c-slider__section" aria-label="Logos">
      <div class="c-slider__buttons splide__arrows container">
        <div class="c-slider__button-wrapper">
          <button class="splide__toggle c-slider__button--toggle c-slider__button" type="button">
                      <svg class="c-slider__icon splide__toggle__play" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
                        <use xlink:href="/Images/svg/sprite.symbol.svg#play"></use>
                      </svg>
                      <svg class="c-slider__icon splide__toggle__pause" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
                        <use xlink:href="/Images/svg/sprite.symbol.svg#pause"></use>
                      </svg>
          </button>
          <button class="c-slider__button c-slider__arrow c-slider__button--prev splide__arrow splide__arrow--prev" type="button">
                      <svg class="c-slider__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
                        <use xlink:href="/Images/svg/sprite.symbol.svg#chevron-left"></use>
                      </svg>
          </button>
        </div>
        <button class="c-slider__button c-slider__arrow c-slider__button--next splide__arrow splide__arrow--next" type="button">
                  <svg class="c-slider__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
                    <use xlink:href="/Images/svg/sprite.symbol.svg#chevron-right"></use>
                  </svg>
        </button>
      </div>
      <div class="c-slider__track splide__track">
        <ul class="c-slider__list splide__list">
          <li class="c-slider__slide splide__slide"><a class="c-slider__content" href="#" title="Hochschulallianz für den Mittelstand"><img src="#" alt="Hochschulallianz für den Mittelstand" data-splide-lazy="Images/Footer/hochschulallianz-logo.svg" width="160" height="20"/></a>
          </li>
          <li class="c-slider__slide splide__slide"><a class="c-slider__content" href="#" title="Systemakkreditierte Hochschule"><img src="#" alt="Systemakkreditierte Hochschule" data-splide-lazy="Images/Footer/akkreditierungsrat-logo.svg" width="50" height="50"/></a>
          </li>
          <li class="c-slider__slide splide__slide"><a class="c-slider__content" href="https://www.hrk.de/audit" title="HKR Audit"><img src="#" alt="HKR Audit" data-splide-lazy="Images/Footer/hkr-audit-logo.jpg" width="50" height="50"/></a>
          </li>
          <li class="c-slider__slide splide__slide"><a class="c-slider__content" href="#" title="Weltoffene Hochschule"><img src="#" alt="Weltoffene Hochschule" data-splide-lazy="/Images/Footer/weltoffene-hochschule-logo.svg" width="98" height="50"/></a>
          </li>
          <li class="c-slider__slide splide__slide"><a class="c-slider__content" href="#" title="Hochschulsport"><img src="#" alt="Hochschulsport" data-splide-lazy="Images/Footer/hochschulsport-logo.svg" width="75" height="50"/></a>
          </li>
          <li class="c-slider__slide splide__slide"><a class="c-slider__content" href="#" title="Familiengerechte Hochschule"><img src="#" alt="Familiengerechte Hochschule" data-splide-lazy="Images/Footer/audit-fgh-logo.svg" width="50" height="50"/></a>
          </li>
        </ul>
      </div>
    </section>
  </div>
</div>