- Dashboard
  - Version 1
  - Version 2
  - Version 3
  - Version 4
- UI Kits
  - Alerts
  - Dropdown
  - Buttons
  - Bootstrap tab
  - Cards
  - Card Metrics
  - Carousels
  - Collapsibles
  - Lists
  - Paginations
  - Popover
  - Progressbar
  - Tables
  - Tabs
  - Tooltip
  - Typography
  - Modals
  - Sliders
- Extra Kits
  - Image Cropper
  - Loaders
  - Ladda Buttons
  - Toastr
  - Sweet Alerts
  - User Tour
  - Upload
- Apps
  - contact List
  - Invoice
  - Inbox
  - Chat
  - Task Manager
    - Todo List
    - Task manager
    - Task manager list
    - Minimal ToDo
  - Ecommerce
    - Products
    - Product Details
    - Cart
    - Checkout
  - Contact
    - Contact Lists
    - Contact Grid
    - Contact Details
- Widgets
  - widget card
  - widget statistics
  - Widget List
  - Widget App
  - Weather App
- Charts
  - echarts
  - ChartJs
  - Apex Charts
    - Area Charts
    - Bar Charts
    - Bubble Charts
    - Column Charts
    - CandleStick Charts
    - Line Charts
    - Mix Charts
    - Mix Charts
    - PieDonut Charts
    - Radar Charts
    - RadialBar Charts
    - Scatter Charts
    - Sparkline Charts
- Forms
  - Basic Elements
  - Basic action bar
  - Form Layouts
  - Multi column forms
  - Input Groups
  - Form Validation
  - Smart Wizard
  - Smart Wizard
  - Tag Input
  - Rich Editor
- Datatables
- Sessions
  - Sign in
  - Sign up
  - Forgot
- Others
  - Not Found
  - User Profile
  - Blank Page
- Doc

# Pagination

- Componets
- Pagination

use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping`nav` element to identify it as a navigation section to screen readers and other assistive technologies.

#### Default Pagination

it’s advisable to provide a descriptive `aria-label` for the `nav` to reflect its purpose

#### Pagination With Icons

Looking to use an icon or symbol in place of text for some pagination links? Be sure to provide proper screen reader support with `aria` attributes and the `.sr-only` utility.

#### Pagination With Active state

Pagination links are customizable for different circumstances. Use`.active`for links that appear un-clickable.

#### Pagination With disabled state

Pagination links are customizable for different circumstances. Use`.disabled` for links that appear un-clickable.

#### Center Alignment Pagination

Change the alignment of pagination components with flexbox utilities.

#### Right Alignment Pagination

Change the alignment of pagination components with flexbox utilities.

#### Left Alignment Pagination

Change the alignment of pagination components with flexbox utilities.

#### Large Pagination

Fancy larger pagination? Add `.pagination-lg` additional size.

#### Small Pagination

Fancy smaller pagination? Add `.pagination-sm` additional size.

Gull - Laravel + Bootstrap 4 admin template

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero quis beatae officia saepe perferendis voluptatum minima eveniet voluptates dolorum, temporibus nisi maxime nesciunt totam repudiandae commodi sequi dolor quibusdam

Buy Gull HTML

© 2018 Gull HTML

All rights reserved

Search results
Headphone 1

Gadget

$300 $400

Sale

Headphone 1

Gadget

$300 $400

New

Headphone 1

Gadget

$300 $400

New

Headphone 1

Gadget

$300 $400

New