<nav>
      <ul
        className="gds-pagination gds-pagination--mobile-arrows gds-pagination--fixed"
      >
        <li className="gds-pagination__page-item gds-pagination__page-item--fixed">
          <a
            className="gds-pagination__page-link gds-pagination__page-link--fixed"
            data-page-change="prev"
            ><span className="-vis-hidden">&laquo;</span
            ><span className="-sr-only">Previous</span></a
          >
        </li>
        <li
          className="gds-pagination__page-item gds-pagination__page-item--fixed gds-pagination__page-item--active"
        >
          <a className="gds-pagination__page-link gds-pagination__page-link--fixed"
            >1</a
          >
        </li>
        <li className="gds-pagination__page-item gds-pagination__page-item--fixed">
          <a className="gds-pagination__page-link gds-pagination__page-link--fixed"
            >2</a
          >
        </li>
        <li className="gds-pagination__page-item gds-pagination__page-item--fixed">
          <a className="gds-pagination__page-link gds-pagination__page-link--fixed"
            >3</a
          >
        </li>
        <li className="gds-pagination__page-item gds-pagination__page-item--fixed">
          <a
            className="gds-pagination__page-link gds-pagination__page-link--fixed"
            data-page-change="next"
            ><span className="-vis-hidden" aria-hidden="true">&raquo;</span
            ><span className="-sr-only">Next</span></a
          >
        </li>
        <span className="gds-pagination__page-indicator"></span>
      </ul>
    </nav>