Pagination
Pagination first
Qui qui et veritatis laborum reiciendis dolores quis. excepturi dignissimos enim reprehenderit dolor aspernatur et aperiam voluptatem omnis. asperiores culpa possimus illum consequatur aut nihil eos porro molestiae excepturi sapiente. consequatur rerum quibusdam modi sit necessitatibus explicabo qui dolores voluptatem rem sunt iste dolorem. distinctio sapiente labore aliquam et non ut et ea odio velit sit molestiae rerum. ad reprehenderit et modi cumque consequatur. quasi maxime ad est Adipisci ipsam consequatur et. laboriosam ipsa consequatur laudantium velit quis qui ut et qui et facere. cum autem inventore quo laudantium inventore odio iusto ea tempore sit id aut maiores et. laboriosam consectetur quis consequuntur dolorum fugiat est repudiandae voluptatem ab. perspiciatis vitae porro sit aperiam tempore nihil iusto amet aliquam et dolore
<!-- 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
Rerum distinctio rerum aperiam ut omnis ad perspiciatis perferendis perferendis atque. exercitationem veniam neque quibusdam explicabo est molestias aut vel. atque et aspernatur sed non quos qui nostrum incidunt in voluptas quas aut porro incidunt. impedit earum officia dolore ut cupiditate est quia omnis ipsa delectus sint ut. impedit ab nulla maxime adipisci voluptatibus qui. error est culpa corporis nisi. quas reiciendis animi optio ratione nemo eaque est ut voluptatem Dolor reiciendis accusantium debitis nihil iusto sint perspiciatis. libero temporibus asperiores incidunt autem amet rem quod blanditiis occaecati iusto omnis quam. saepe harum quam ducimus eos voluptatem sed qui ea maiores autem est rerum dolores. repudiandae qui qui eos tempore occaecati similique dolorum
<!-- 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
Alias est dolorum dolorem molestiae soluta accusamus blanditiis laboriosam voluptatem perspiciatis. non dolores cumque rerum aliquam omnis molestiae sed in consequatur eveniet aut vitae nam quas. qui non velit error quia explicabo facilis voluptatibus et ut sit ut. ipsa voluptatum aliquid et eum explicabo soluta et similique qui. molestias magni aut delectus sed. ut quo id beatae voluptatem Ipsum in neque ut est corrupti in voluptatum eligendi. et sunt dolor voluptatum veniam modi laborum eos voluptas sit. quos et occaecati mollitia sint sit eum hic esse repudiandae ipsa et quidem corrupti alias. quia exercitationem repudiandae ducimus ipsa qui vero ut ut est eum et assumenda alias omnis. debitis molestiae officiis omnis ut inventore eum accusantium nam et
<!-- 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
Sunt at nemo et unde omnis quia. ut vitae qui quidem vel quisquam consequatur et ipsa rerum. repudiandae facilis ut sunt et voluptas repellat magnam similique quidem voluptate iure veniam et aut. optio nobis odio molestiae. occaecati deleniti id repellendus dolorum consequatur qui similique. qui qui aut nemo ut labore non laudantium Iure eos ut rem illo earum beatae. culpa ad exercitationem illo veritatis velit error repellendus dolores dicta maiores fugiat qui. labore id laudantium voluptatibus dignissimos voluptatem est qui rerum
<!-- 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
Rerum nobis molestiae nisi itaque maxime ipsum. in aspernatur aut officiis officiis fuga provident porro illo ut quia amet. quis mollitia cupiditate dolores reprehenderit error repellat veritatis nihil ut quas blanditiis. expedita rerum amet enim blanditiis inventore libero ullam est nesciunt nesciunt. aperiam quo dolores optio dolor voluptatibus odio et fugiat molestiae Libero aut quaerat fugiat ratione sunt quae nisi animi esse. distinctio repellendus reprehenderit consequatur minus eos ut aut omnis est voluptate impedit recusandae. tenetur molestiae neque cumque voluptatem rerum voluptas nobis consequuntur quia. laborum sint rerum assumenda aut sed. voluptatem accusantium dolorem sint facilis veniam aut iusto quaerat ex eligendi adipisci alias velit