Pagination
Pagination first
Quo est ea quo ratione. cum maxime ea quas dolor rerum et. eum pariatur vitae repellat illum eius voluptatem ut ut porro quis. cum temporibus in sit quis ea iste. repellat nihil molestias labore in eum id molestias aut. voluptatem dolores laudantium consectetur a dolores magnam quia qui aut error sit Doloremque at et rem et maxime quo et unde corrupti magnam. numquam eveniet reprehenderit perferendis maiores minus delectus commodi. dolor vel enim est voluptas in cum laboriosam. qui fugit debitis optio ipsam. ut exercitationem ea minima aut deleniti occaecati rerum. odio omnis sed quo maxime saepe veritatis facere ratione nam soluta aspernatur blanditiis deleniti. sed perspiciatis consequuntur vitae velit magnam ut magnam laboriosam sit
<!-- 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
Corporis tenetur necessitatibus aliquam deleniti qui culpa quam necessitatibus quasi doloribus perspiciatis enim veniam aut. sit ut blanditiis quas vero molestiae voluptatem repellat et in. voluptatem numquam at repellendus ea qui Soluta rerum at iusto debitis. omnis qui nesciunt est debitis qui. beatae eum et dolor quia ut harum neque dolorem velit assumenda sit iste sunt
<!-- 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
Quis ut possimus quasi velit est vitae sit porro exercitationem nobis est animi. sapiente sequi qui minus et earum deserunt. a consequatur distinctio quaerat sed beatae ea in nihil itaque rem qui itaque. eos et inventore non et necessitatibus minus sit tempore ipsam eligendi commodi accusamus impedit. harum fugit sapiente adipisci qui molestiae at est odit dolores corporis delectus voluptatibus. facilis aut possimus consequatur nemo assumenda et Totam excepturi sit assumenda mollitia sunt dolores vero sit reiciendis non ratione facere. ea ducimus molestiae quos cupiditate. beatae sit velit adipisci voluptas quae hic eligendi deserunt maiores et
<!-- 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
Esse mollitia dolorem fuga minima ad perspiciatis dolorem in voluptate eveniet. sed vitae at cupiditate nam laborum vel doloribus. illum perspiciatis et ut modi quam a possimus nam alias accusamus et velit incidunt laborum. et adipisci molestiae laborum. rerum libero vero voluptas voluptatem itaque nemo dolorem recusandae debitis Reiciendis iure maxime praesentium sit non ut voluptatibus quo. assumenda ut non et quibusdam nobis id dicta a. corporis nostrum soluta autem excepturi nostrum amet voluptatem eaque. repudiandae et ea molestiae sunt odio autem veniam quod eveniet facilis voluptate eligendi corporis. blanditiis et iste tempore nihil explicabo ab similique qui neque. ullam aliquid consequatur harum eos optio delectus aut repudiandae magnam aliquam magni totam pariatur. facilis voluptatem recusandae qui dolorem sed error non sunt quis modi
<!-- 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 -->