Pagination
Pagination first
Dolor repellat quo voluptatibus ab sunt. libero inventore aut explicabo rerum voluptatum eius ipsa laboriosam expedita. sit rerum quaerat nemo natus repellendus voluptas. reiciendis cumque non voluptates distinctio impedit maxime in doloribus officiis sit iste commodi et quia. ullam exercitationem consequuntur quis repellendus ut saepe voluptas iste excepturi ea voluptas non Ipsam et minima omnis officia nulla provident laudantium velit maxime aliquam. quos suscipit modi minima magni iste suscipit asperiores et corrupti cumque necessitatibus et consectetur. facere corrupti repellat excepturi. autem consequatur qui blanditiis vel impedit soluta voluptatem explicabo nemo
<!-- START pagination-first component -->
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current">1</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">2</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">4</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">5</a></li>
<li class="pagination__item"><a href="#" title="Next page" class="pagination__link pagination__link--next">Next page</a></li>
<li class="pagination__item"><a href="#" title="Last page" class="pagination__link pagination__link--last">Last page</a></li>
</ul>
<!-- END pagination-first component -->
Pagination middle
Fugit quod voluptatibus quibusdam non laudantium sed eos aut magni et. et aut voluptate magni ratione voluptas occaecati voluptatum voluptatem et rem. consequatur neque beatae excepturi sed quisquam enim consectetur natus. adipisci debitis est at et harum eos iste laboriosam nostrum. vitae doloremque dignissimos consequuntur magnam culpa saepe rerum quia consectetur perspiciatis laboriosam veritatis unde voluptas Nemo quo tenetur ut iusto et. ullam ea eos eos quas recusandae omnis. nihil laborum nisi reiciendis corporis voluptas quidem. consequatur velit rerum quia fugiat cumque occaecati error
<!-- START pagination component -->
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" title="First page" class="pagination__link pagination__link--first">First page</a></li>
<li class="pagination__item"><a href="#" title="Previous page" class="pagination__link pagination__link--previous">Previous page</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">23</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">24</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current">25</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">26</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">27</a></li>
<li class="pagination__item"><a href="#" title="Next page" class="pagination__link pagination__link--next">Next page</a></li>
<li class="pagination__item"><a href="#" title="Last page" class="pagination__link pagination__link--last">Last page</a></li>
</ul>
<!-- END pagination component -->
Pagination last
In voluptate voluptate quas illo quas. nemo qui iusto sit ex labore qui aut alias pariatur aliquam ullam numquam. earum minus voluptatem quaerat nisi mollitia. numquam eum nulla odio aliquam assumenda nostrum eveniet laboriosam voluptatem et. sapiente modi saepe aspernatur dolores est consequatur ut incidunt repudiandae consequatur maxime sed ut inventore. ut veritatis provident harum Qui ducimus ullam ut adipisci natus suscipit qui et ratione quidem ullam. ea quo repellendus et eos explicabo et perferendis. ut est eos et molestiae autem hic ad a excepturi perspiciatis aut
<!-- START pagination-last component -->
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" title="First page" class="pagination__link pagination__link--first">First page</a></li>
<li class="pagination__item"><a href="#" title="Previous page" class="pagination__link pagination__link--previous">Previous page</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">29</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">30</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current">31</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">32</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">33</a></li>
</ul>
<!-- END pagination component-last -->
Pagination large numbers
Ipsa sequi perferendis quos laborum nulla porro. beatae incidunt omnis quia veritatis aut est voluptatem accusantium aut ducimus dolorum. voluptatibus commodi totam fugit voluptatem sit pariatur iste molestiae eos Rem suscipit ut dolorem ducimus nulla et. excepturi praesentium aspernatur ducimus necessitatibus reiciendis quam et nesciunt modi earum et minus maxime porro. perspiciatis doloribus illo accusantium iure aut et consequuntur ut possimus dolor modi autem. dolore iste cum sed
<!-- START pagination component -->
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" title="First page" class="pagination__link pagination__link--first">First page</a></li>
<li class="pagination__item"><a href="#" title="Previous page" class="pagination__link pagination__link--previous">Previous page</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">321</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">322</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">323</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">324</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current">325</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">326</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">327</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">328</a></li>
<li class="pagination__item"><a href="#" class="pagination__link">320</a></li>
<li class="pagination__item"><a href="#" title="Next page" class="pagination__link pagination__link--next">Next page</a></li>
<li class="pagination__item"><a href="#" title="Last page" class="pagination__link pagination__link--last">Last page</a></li>
</ul>
<!-- END pagination component -->
