district base

<nav class="pager">
  <ul class="pager__items js-pager__items">
    <li class="pager__item pager__item--first">
      <a href="#" title="Go to first page">
        <span aria-hidden="true">« First</span>
      </a>
    </li>
    <li class="pager__item pager__item--previous">
      <a href="#" title="Go to previous page" rel="prev">
        <span aria-hidden="true">‹‹</span>
      </a>
    </li>
    <li class="pager__item">
      <a href="#" title="Go to page 1">1</a>
    </li>
    <li class="pager__item">
      <a href="#" title="Go to page 2">2</a>
    </li>
    <li class="pager__item is-active">
      <a href="#" title="Current page">3</a>
    </li>
    <li class="pager__item">
      <a href="#" title="Go to page 4">4</a>
    </li>
    <li class="pager__item">
      <a href="#" title="Go to page 5">5</a>
    </li>
    <li class="pager__item pager__item--next">
      <a href="#" title="Go to next page" rel="next">
        <span aria-hidden="true">››</span>
      </a>
    </li>
    <li class="pager__item pager__item--last">
      <a href="#" title="Go to last page">
        <span aria-hidden="true">Last »</span>
      </a>
    </li>
  </ul>
</nav>