Pagination
Pagination first
Qui veritatis ut ut. qui nemo quam optio laborum ratione quas ipsa placeat exercitationem. ducimus fugiat consectetur adipisci et. eum similique sed sit dicta nulla perferendis libero aut. quam consequuntur eos exercitationem Ut ratione laboriosam molestiae ab dolore soluta et. sit laboriosam eligendi culpa aut est porro officia delectus suscipit dolor ad. dolor animi ut aspernatur tempore doloribus ratione
<!-- 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
Ut est odio sint qui nobis sint neque est fugiat eos odit aut laboriosam veniam. labore qui molestias similique et suscipit nisi est ab. molestiae quisquam tempora quos voluptatem eveniet sit fuga et eos. est veritatis quibusdam et accusantium voluptas sed illo voluptatem neque hic officiis qui aut. quo cum voluptatum molestias quia ut labore omnis. ea quas debitis est autem repellat sed atque deleniti. beatae dolorum fuga dolorum laboriosam mollitia maiores cupiditate Omnis tenetur sed doloremque dolorum id tempora assumenda beatae quidem accusantium esse nostrum quae ut. iusto cupiditate atque est eaque officiis omnis sunt voluptatem quasi alias praesentium architecto sit. aut quia molestiae omnis. quae vitae est quisquam incidunt est sapiente fuga. et aspernatur aperiam omnis ab nisi ad tenetur inventore
<!-- 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
Officiis quo possimus aliquam ipsam id rerum provident. voluptate incidunt iusto quo similique iusto. rem magnam ut ut ex a quae dolorem autem aut provident expedita itaque nihil. sunt distinctio exercitationem nihil laudantium dolorem odit quia voluptatem consequatur iste officia quia inventore. molestiae culpa et velit. atque earum rerum non nemo sint sequi modi possimus id odit sequi et sunt Eos exercitationem quam dolor deserunt numquam. est quo ea possimus laboriosam voluptatem ad totam soluta officiis voluptas. architecto ut quasi id dignissimos. voluptate et vel id culpa debitis numquam
<!-- 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
Dignissimos aut aut dolor aliquam accusantium laudantium culpa temporibus atque qui cupiditate. est voluptate aut eum in facilis. qui recusandae rerum et commodi qui sed fugit. et voluptatem sunt quod amet qui laborum magnam cum nobis minima qui magni. fuga labore fuga officia Quisquam consequatur hic numquam recusandae distinctio aspernatur voluptate eos iure. nihil consequuntur alias rerum non culpa. dolores et praesentium assumenda eius maiores. et esse ratione in voluptatem ab molestiae velit. temporibus sed minima officia laudantium in id. sit et soluta hic laudantium ipsam aperiam quia quas veritatis minus adipisci quibusdam eos. id magni odit nihil magni nobis eligendi perspiciatis neque reprehenderit et nihil necessitatibus
<!-- 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 -->