@@include('header.htm', { "title": "Sleek - Admin Dashboard Template", "className": "header-fixed sidebar-fixed sidebar-dark header-light" }) @@include('sidebar-with-footer.htm', { "parent": "ui-elements", "sub_parent": "components", "active": "card" })
@@include('top-bar.htm')
@@include('breadcrumb.htm', { "parent": "UI Elements", "active": "Cards" })

Card with Image

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Card Link
Card Title

Sub-heading text

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Card Link

Text Alignment

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Go somewhere

Default Buttons

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Last update 2 mins ago
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Last update 2 mins ago
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor

Last update 2 mins ago

Card with Deck

Card image cap
Card Title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card image cap
Card Title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image cap
Card Title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Using utilities

Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Go somewhere
Card Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Go somewhere

Cards Groups

Card image cap
Card Title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card image cap
Card Title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image cap
Card Title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Solid Cards

Header
Primary card Title

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

Header
Secondary card Title

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

Header
Success card Title

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

Header
Danger card Title

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

Header
Warning card Title

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

Header
Info card Title

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

Header
Light card Title

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

Header
Dark card Title

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

@@include('footer.htm')