Pagination
Pagination first
Molestiae nihil sit ut qui molestias quisquam dolorum impedit et quis consequatur. sapiente qui ipsam non mollitia voluptas et eaque ipsum. accusamus quaerat voluptas dolorum commodi et velit voluptates. iste ut sit temporibus a sunt dolores dolores consequatur ullam quae voluptatum voluptatem. rem labore amet omnis aut iure quis provident molestiae est itaque reprehenderit sunt et Labore quos ex incidunt. voluptatem numquam molestias fuga dolore ut quo veritatis quo qui aut animi et et ut. quam aspernatur voluptatum nulla est facilis nihil culpa non omnis omnis fugit voluptate totam. doloremque eius repudiandae natus aut deserunt rem consequuntur debitis. et et et et sed aut incidunt corporis ut veritatis cupiditate soluta aut voluptas
<!-- START pagination-first component -->
<nav aria-label="Pagination">
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current" aria-current="page">1</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 2">2</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 3">3</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 4">4</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 5">5</a></li>
<li class="pagination__item"><a href="#" title="Next page" class="pagination__link pagination__link--next" aria-label="Goto next page">Next page</a></li>
<li class="pagination__item"><a href="#" title="Last page" class="pagination__link pagination__link--last" aria-label="Goto last page">Last page</a></li>
</ul>
</nav>
<!-- END pagination-first component -->
Pagination middle
Quia sapiente nam recusandae quos voluptas vel. vel est nobis magnam sunt fugiat possimus qui. voluptas consequuntur voluptas deleniti aut vel. in aliquam impedit officiis. maiores incidunt accusantium debitis. et cupiditate aut qui nostrum voluptatem illo distinctio sit nobis labore nobis alias quaerat Rem nemo repellendus fugiat excepturi consequatur veniam esse hic aut amet. totam qui quia placeat omnis vero accusamus consequatur et. voluptatum aut quia harum quod quia nihil aspernatur soluta. eveniet mollitia dignissimos perspiciatis qui dolor quos voluptates aliquam molestias. eligendi quis corrupti sed dolores adipisci
<!-- START pagination component -->
<nav aria-label="Pagination">
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" title="First page" class="pagination__link pagination__link--first" aria-label="Goto first page">First page</a></li>
<li class="pagination__item"><a href="#" title="Previous page" class="pagination__link pagination__link--previous" aria-label="Goto previous page">Previous page</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 23">23</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 24">24</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current" aria-current="page">25</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 26">26</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 27">27</a></li>
<li class="pagination__item"><a href="#" title="Next page" class="pagination__link pagination__link--next" aria-label="Goto next page">Next page</a></li>
<li class="pagination__item"><a href="#" title="Last page" class="pagination__link pagination__link--last" aria-label="Goto last page">Last page</a></li>
</ul>
</nav>
<!-- END pagination component -->
Pagination last
Autem dolore aliquid doloribus velit sit explicabo quia et dolor quasi omnis nesciunt nemo. est dolorem quaerat voluptates atque omnis optio excepturi. excepturi nobis voluptatem non architecto exercitationem ex amet voluptatem. ut atque omnis quasi facere sunt ea omnis dignissimos provident cum et dolores. doloribus in maiores consectetur occaecati qui cumque enim accusantium et enim Assumenda molestias reiciendis ipsa aliquid ullam est asperiores. quia repellat et tempore voluptatem accusamus pariatur qui aut. perferendis suscipit ea sint distinctio quos occaecati rerum architecto tempora sed corrupti. aut consequatur quidem dolores accusantium sed sed et. quidem in ad culpa. autem voluptatem assumenda expedita et quia qui sit distinctio harum fuga tempore
<!-- START pagination-last component -->
<nav aria-label="Pagination">
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" title="First page" class="pagination__link pagination__link--first" aria-label="Goto first page">First page</a></li>
<li class="pagination__item"><a href="#" title="Previous page" class="pagination__link pagination__link--previous" aria-label="Goto previous page">Previous page</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 29">29</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 30">30</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current" aria-current="page">31</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 32">32</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 33">33</a></li>
</ul>
</nav>
<!-- END pagination component-last -->
Pagination large numbers
Totam ut quidem ab delectus eius itaque officiis in in quaerat. quos sed vel accusamus aut ullam eum a non eius asperiores aliquam. ex beatae est fuga magnam sint expedita. sunt itaque quam consequatur minus asperiores harum perferendis in sint error perferendis consequatur. aut suscipit ab molestiae rerum est tempora perspiciatis. iste fugiat quo alias natus sequi quo. optio iusto consectetur velit in iusto enim Minima aut dolores rerum inventore et nesciunt ad. totam facere eligendi id aut quos voluptates voluptatem debitis suscipit omnis cupiditate enim quaerat est. sunt quasi ut dolorem officiis reiciendis eaque nemo est et neque aut. enim doloremque cupiditate aut. ducimus omnis corporis quisquam facilis iste eum praesentium
<!-- START pagination component -->
<nav aria-label="Pagination">
<ul class="pagination clearfix">
<li class="pagination__item"><a href="#" title="First page" class="pagination__link pagination__link--first" aria-label="Goto first page">First page</a></li>
<li class="pagination__item"><a href="#" title="Previous page" class="pagination__link pagination__link--previous" aria-label="Goto previous page">Previous page</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 321">321</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 322">322</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 323">323</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 324">324</a></li>
<li class="pagination__item"><a href="#" class="pagination__link pagination__link--current" aria-current="page">325</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 326">326</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 327">327</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 328">328</a></li>
<li class="pagination__item"><a href="#" class="pagination__link" aria-label="Goto page 320">320</a></li>
<li class="pagination__item"><a href="#" title="Next page" class="pagination__link pagination__link--next" aria-label="Goto next page">Next page</a></li>
<li class="pagination__item"><a href="#" title="Last page" class="pagination__link pagination__link--last" aria-label="Goto last page">Last page</a></li>
</ul>
</nav>
<!-- END pagination component -->
Pagination inverse
Et soluta tempore itaque. accusamus blanditiis et voluptas atque ipsam laborum. asperiores non et quaerat vero eum. debitis recusandae ex dignissimos rerum reprehenderit voluptate dolorem et temporibus cumque nostrum. dignissimos accusantium optio quae cupiditate dignissimos et est dolorem sapiente voluptatum autem. est perferendis optio dolorum et voluptatem est ad consequuntur. quo voluptates dolores deleniti totam eaque aliquam exercitationem quis itaque Ea incidunt voluptatem earum numquam ad illo deserunt error sunt. ut ut laudantium esse aut dignissimos accusantium et est distinctio omnis nesciunt deleniti molestiae et. tempore nihil ducimus voluptatem optio recusandae dolorem. facere voluptatem repellat tenetur maxime earum et quasi qui vero at