Dashboard

Cards

Card with Image

For the code click on above code icon

Card image cap

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 image cap

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 image cap

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 image cap

Card title

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

Go somewhere

User Cards

Fade-in effect

You can use by default el-overlay

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Scroll down effect

You can use scroll down effect el-overlay scrl-dwn

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Scroll up effect

You can use by default el-overlay scrl-up

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Genelia Deshmukh

Managing Director

Buttons

General Buttons

Use a classes btn btn-success to quickly create a General btn.

Button with outline

Use a classes btn btn-outline-success to quickly create a General btn.

Rounded Buttons

Use a classes btn btn-rounded btn-success to quickly create a General btn.

Rounded outlined Buttons

Use a classes btn btn-rounded btn-outline-success to quickly create a General btn.

Button Sizes

Use a classes btn btn-lg btn-success to quickly create a General btn.

Button Sizes with rounded

Use a classes btn btn-lg btn-rounded btn-success to create a btn.

ToolTips

Interactive demo

Just put this to any tag data-toggle="tooltip" title="Default tooltip"

Interactive demo

Just put this to any tag data-container="body" title="Popover title" data-toggle="popover" data-placement="top" data-content="..."

Tabs

Dynamic Tabs

Use default tab with class nav-tabs & tabcontent-border
Best Clean Tab ever you can use it with the small code Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.
2
3

Customtab Tab

Use default tab with class customtab
Best Clean Tab ever you can use it with the small code. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.
2
3

Vertical Tab

Use default tab with class vtabs & tabs-vertical
Best Clean Tab ever you can use it with the small code Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.
2
3

Customtab vertical Tab

Use default tab with class vtabs, tabs-vertical & customvtab
Best Clean Tab ever you can use it with the small code Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.
2
3