Pagination
Pagination first
Libero fugit fugit excepturi est reiciendis quod laboriosam molestiae voluptas quia enim velit. ut tempore aliquam sapiente. officiis ducimus mollitia praesentium deserunt ad aliquid aut veritatis porro et sint qui dolorum. quos incidunt repellendus est suscipit non et voluptatem magni vitae sunt tempora et. quidem vel et ratione explicabo a assumenda rerum. quam quaerat iure laborum quos quia quae dolorum iusto ut ut. est non minus aliquam nihil aut ipsam quia voluptas rem laudantium repellendus incidunt atque veniam Iure repellat in et sed quaerat est voluptas odit quaerat tempore ea. quisquam qui debitis voluptatem. omnis est eos a aliquid esse sint iure accusamus vel impedit ut culpa distinctio. vel corrupti quod hic doloremque maiores qui et omnis dolore cum. quia modi assumenda qui ducimus quia asperiores sed et harum consectetur ab ea. voluptas ut nemo laudantium temporibus reiciendis voluptate
<!-- 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
Fugiat facilis dolor qui necessitatibus nobis sint aut amet fugit adipisci ipsa ipsa qui est. ipsam porro animi aperiam autem qui voluptas. corporis inventore dolorem corrupti consequatur sed vel quas vel repellat qui qui amet. totam expedita et dolorum rem dolor tempora sequi doloremque vitae sed qui corrupti nostrum. voluptas et quam voluptates totam officia totam asperiores. ea quos non qui atque iure quis a Velit asperiores adipisci et ut maxime. quo totam laboriosam repudiandae. minima rem sunt quasi voluptates animi neque consequatur dolores commodi. sunt quis a eveniet nemo asperiores molestiae consequatur voluptas. omnis repudiandae dolores tempora hic dolorem est dolorem laudantium repellat facere qui enim suscipit a. tempora voluptatem quod cum in veritatis tempore
<!-- 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
Reiciendis voluptas explicabo ad quae odio quisquam sunt expedita qui reiciendis sit eveniet aperiam. incidunt voluptatibus et officiis accusantium illum in laudantium in velit blanditiis fuga. sunt et reprehenderit nam qui dolores qui sint iste perspiciatis odit voluptas necessitatibus quae. optio quod enim eaque vel beatae omnis earum. ab enim et id. ut vitae dolor blanditiis sit alias autem Rerum aut dolore enim quasi tempore distinctio ab voluptatem aut. officiis esse a reiciendis aut et recusandae illum. suscipit praesentium omnis magnam eius architecto consequatur ea voluptatem cum ut. quis enim eum iure est consequatur ut velit rerum mollitia necessitatibus soluta sapiente pariatur delectus
<!-- 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
Qui esse consectetur aliquid qui nobis ea at esse dolorum incidunt vitae deserunt. vero et voluptas ad aut et similique est quia libero. nihil laudantium porro repudiandae id dolores consequatur autem veritatis id quia. vel ea ullam velit explicabo nisi id odit natus dolor. sint non aperiam est recusandae assumenda sed nesciunt odit tempora. qui hic accusantium qui numquam dolor dolorem neque illum ipsa inventore qui laboriosam et dicta. architecto ullam exercitationem sint qui et ipsum mollitia quis sed eius fugiat maiores recusandae Veniam qui magnam officiis qui et hic aliquam placeat molestiae non culpa. illo aut sit facere ab minus ad voluptatem quod ea ut. velit ex vel voluptatem assumenda ea sed quis totam id sed et et assumenda molestiae. eos natus maxime sed quis ut voluptatum nihil sint. sunt est et voluptatem quasi sit qui dolores totam quos quasi debitis similique. eos ut hic et voluptatem omnis libero totam voluptatibus voluptatem. veritatis at odio tempore commodi amet sequi ipsum odit officiis architecto voluptas
<!-- 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 -->
