flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Pagination


Introduction

The pagination of CSS framework consists of a pagination and a breadcrumb.

The basic colors are black and gray but can easily be adjusted with the color classes of css framework.

Click on the Class name to copy it.

pagination Main class for the pagination block
less Class for one less arrow
more Class for one more arrow
active Class for the active page
breadcrumb Main class for the breadcrumb block

Example Pagination





Example code:

<div class="pagination">
  <a class="less" href="#"></a>
  <a href="#">1</a>
  <a class="active" href="#">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a class="more" href="#"></a>
</div>

Example Breadcrumb


Example code:

<ul class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">About us</a></li>
  <li><a href="#">Our work</a></li>
  <li>Contact</li>
</ul>


© Copyright by Web Henkie
All right reserved
Webmaster