Choose Language

Select Resources

Log Menu Logout

Hover Effect Card

This card has multiple hover effects including image zoom and shadow.

View Details

Last updated 3 mins ago

Analytics Dashboard

Track your metrics with our advanced analytics dashboard.

Explore

New

User Profile

John Doe

User Management

User	Email	Status	Role	Last Active	Actions
John Smith @johnsmith	john@example.com	Active	Administrator	2 hours ago	Edit View Delete
John Smith @johnsmith	john@example.com	inctive	Administrator	2 hours ago	Edit View Delete
John Smith @johnsmith	john@example.com	Away	Administrator	2 hours ago	Edit View Delete
John Smith @johnsmith	john@example.com	Active	Administrator	2 hours ago	Edit View Delete
John Smith @johnsmith	john@example.com	Active	Administrator	2 hours ago	Edit View Delete

Showing 1 to 5 of 24 entries

Headings and Display Classes

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

    
    <h1>h1. Bootstrap heading</h1>
    <h2>h2. Bootstrap heading</h2>
    <h3>h3. Bootstrap heading</h3>
    <h4>h4. Bootstrap heading</h4>
    <h5>h5. Bootstrap heading</h5>
    <h6>h6. Bootstrap heading</h6>

Display Headings (larger, slightly more opinionated)

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Headings and Display Classes

Start aligned text

Center aligned text

End aligned text

Start aligned text on viewports sized SM (small) or wider

Start aligned text on viewports sized MD (medium) or wider

Start aligned text on viewports sized LG (large) or wider

Start aligned text on viewports sized XL (extra-large) or wider

Alerts

Primary - A simple primary alert—check it out!

Secondary - A simple secondary alert—check it out!

Success - A simple success alert—check it out!

Danger - A simple danger alert—check it out!

Warning - A simple warning alert—check it out!

Info - A simple info alert—check it out!

Light - A simple light alert—check it out!

Dark - A simple dark alert—check it out!

Buttons

Default Buttons

Outline Buttons

Rounded Buttons

Button Sizes

Button Icons

Badges

Default Badges

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges

Primary Secondary Success Danger

Badges with Links

Primary Secondary Success

Badges Positioned

Badges in Buttons

Badges in Headings

Example heading New

Cards

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Dropdowns

Single Button Dropdowns

Split Button Dropdowns

Dropdown Menu Alignment

Dropdown with Header

List Group

Basic Example

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Active and Disabled Items

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Links and Buttons

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

Flush List Group

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Contextual Classes

Default list group item
Primary list group item
Secondary list group item
Success list group item
Danger list group item

John Smith

Navigation

UXUI COMPONENTS

Users Settings

Pavo Admin

Dashboard v.1

Hover Effect Card

Analytics Dashboard

User Profile

User Management

John Smith

John Smith

John Smith

John Smith

John Smith

Registration Wizard

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading

h6. Bootstrap heading

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Alerts

Buttons

Default Buttons

Outline Buttons

Rounded Buttons

Button Sizes

Button Icons

Badges

Default Badges

Pill Badges

Badges with Links

Badges Positioned

Badges in Buttons

Badges in Headings

Example heading New

Example heading New

Example heading New

Cards

Card title

Card title

Card subtitle

Special title treatment

Primary card title

Success card title

Danger card title

Dropdowns

Single Button Dropdowns

Split Button Dropdowns

Dropdown Menu Alignment

Dropdown with Header

Dropdown header

List Group

Basic Example

Active and Disabled Items

Links and Buttons

Flush List Group

Contextual Classes

With Badges

Progress Bars

Default Progress

Height Progress

Striped Progress

Animated Progress

Multiple Bars

Settings

Header

Sidebar

Transition Effects

Themes Colors

White Header Color

Half Header

Full Header