Call us today 0800 123 4567

Components

Labels

Basic

Theme Label

Default Label

Primary Label

Success Label

Info Label

Warning Label

Danger Label

With Icon

Theme Label

Default Label

Primary Label

Success Label

Info Label

Warning Label

Danger Label

Icons only

Promo Badges

Alerts

Basic

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Dismissable

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Progress Bars

Basic

40% Complete (theme)
40% Complete (success)
20% Complete (info)
60% Complete (warning)
80% Complete (danger)

Striped

40% Complete (success)
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Stacked

35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Boxes

Basic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.

With Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.

Dark

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.

Theme

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.

Panels

Basic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac vulputate lorem. Morbi quis commodo diam, vitae tempor arcu. Suspendisse sit amet viverra risus. Fusce laoreet, arcu in pretium iaculis, lectus lectus varius massa, nec rhoncus augue elit id quam.

  • Lorem ipsum dolor sit amet.
  • Aliquam tincidunt mauris eu risus.
  • Ultricies eget vel aliquam libero.
  • Pellentesque habitant morbi.
  • Praesent dapibus, neque id cursus.

With Heading/Footer

Panel heading without title
Lorem ipsum dolor sit amet.

Panel title

Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.

Alternatives

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

With Table

Panel heading

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Pellentesque luctus ornare nunc.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Panel heading

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.

  • Lorem ipsum
  • Nulla volutpat
  • Phasellus iaculis
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter