HTML-Prototype von Hochschule RheinMain

<nav class="c-pagination" aria-label="Pagination Navigation">
  <ul class="c-pagination__list o-list-bare">
    <li><a class="c-pagination__controls c-pagination__controls--previous" href="/page-1">
        <svg class="c-pagination__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="22px" height="22px">
          <use xlink:href="/Images/svg/sprite.symbol.svg#chevron-left"></use>
        </svg><span class="u-visually-hidden">Zurück</span></a></li>
    <li><a class="c-pagination__link" href="/page-1">1</a></li>
    <li><a class="c-pagination__link" href="/page-2" aria-current="page">2</a></li>
    <li><a class="c-pagination__link" href="/page-3">3</a></li>
    <li><span>...</span></li>
    <li><a class="c-pagination__link" href="/page-15">15</a></li>
    <li><a class="c-pagination__controls c-pagination__controls--next" href="/page-3">
        <svg class="c-pagination__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="22px" height="22px">
          <use xlink:href="/Images/svg/sprite.symbol.svg#chevron-right"></use>
        </svg><span class="u-visually-hidden">Weiter</span></a></li>
  </ul>
</nav>