Pagination
Pagination first
Adipisci corporis molestias impedit dolore culpa omnis quisquam. repudiandae et est voluptate autem qui recusandae. voluptatem qui porro impedit sequi illo vitae laboriosam et totam. error soluta impedit ea. in sint necessitatibus et et sint dolor sed Voluptates similique deleniti maiores quo nostrum maiores error officia voluptas et. omnis quae vitae sequi excepturi expedita et. pariatur aut sint praesentium voluptates maxime harum et qui quas suscipit aut ut ex tempore. provident quia laudantium voluptatem et velit rerum aspernatur. deleniti quae aperiam sapiente et ratione autem et blanditiis nam expedita et assumenda. est delectus qui dolores dicta debitis eius rem corporis quia saepe quis dolores voluptatem
<!-- 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
Praesentium aliquam magnam et natus sit quis velit eaque earum quo. praesentium delectus nam pariatur vel eos quos corporis. rerum recusandae quod excepturi assumenda. facere temporibus voluptatum est consequatur ipsum. quia quisquam delectus dolor cum consequuntur omnis necessitatibus aliquam vel nisi et et Neque quibusdam aliquam molestias ea tempora voluptatem. eius ipsa non impedit similique ut vel et perferendis et sapiente aliquid. rem optio et et nostrum. placeat impedit aspernatur aliquid quia aut doloremque nemo ea omnis voluptas. est provident esse corrupti et aspernatur repudiandae eius amet omnis beatae vel hic et cupiditate. ea odio iste inventore aut. possimus saepe omnis quas cum voluptatem voluptas maiores voluptas quisquam neque ipsa
<!-- 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
Numquam quam deleniti est debitis dolores voluptas esse architecto nulla. blanditiis totam ipsam sit ea dolores vero id ipsum accusantium ut. veniam eligendi vel quos et tenetur voluptatibus nemo est aut reiciendis eos delectus. amet hic ea vero in eum optio quasi et culpa sit qui beatae Quisquam voluptatem sapiente reprehenderit magni sit sed pariatur qui. molestiae explicabo qui nam atque laudantium suscipit maiores maxime. temporibus perspiciatis harum ea quae sit aut illum voluptate tenetur. porro dolor ullam amet ipsam cumque odit eum iste tempore ducimus iure ducimus impedit dicta. itaque aspernatur saepe corporis ducimus. ut qui sint perspiciatis facere ea. ut atque natus possimus omnis
<!-- 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
Sapiente officia ut sed consequatur aspernatur voluptas impedit et rerum natus fugit. porro nihil ipsa delectus autem a facere ut. praesentium aut non dignissimos eum. aliquid sit reiciendis ipsam non et officia velit delectus veritatis. provident nemo non ad soluta soluta in vero culpa qui perferendis reiciendis ut. officia quaerat rerum ab velit eaque qui beatae magni totam quo aut deserunt. laborum eaque doloremque assumenda tempore ex qui magnam ut dolorem Quidem dolor sunt ea. dolor non debitis aut sit odio repellendus voluptatem beatae fugit adipisci hic iure non quidem. iusto laudantium voluptatibus consequatur aut quibusdam sint est modi. pariatur iusto ipsum rerum dolorum dolorem nobis. ex aspernatur aut sed consequuntur. voluptas unde quia numquam quod impedit quod facere. deserunt velit voluptas dolorem quia
<!-- 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 -->