Theme Colors

  1.  Home    
  2. UI    
  3. General
Alerts

Default Alerts

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 Alerts

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.

Links In Alerts

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.
Notes

Success! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Info! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Warning! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Dangerous! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Progress Bars

Basic

Contextual alternatives

40% Complete
20% Complete
60% Complete
80% Complete

Sizes

90% Complete
70% Complete
50% Complete
20% Complete

Striped

40% Complete
20% Complete
60% Complete
80% Complete

Animated

45% Complete

Stacked

35% Complete
20% Complete
10% Complete

Completed

80% Complete
80%

Colors

40% Complete
57% Complete
20% Complete
60% Complete
80% Complete
40% Complete
25% Complete
70% Complete
90% Complete
List Group

Basic

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

Linked Items

Cras justo odio4Dapibus ac facilisis in2Morbi leo risus3Porta ac consectetur ac8Vestibulum at eros1Morbi leo risus5

Custom Content

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Labels

Basic

Default Primary Success Info Warning Danger

More Color

Red Orange Green Yellow Blue
Violet Pink Grey Dark
Pagination

Basic

Disabled and active states

Size

Pagination Align

Tooltip
     
Popovers
     
Media Objects

  • Media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  • Media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Badges

Badges

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Badges List Navigations

Badges Square

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Badge In Pill

Badge With Button Dropdown

 
 
Panels

Basic

Basic panel example

Panel With Heading

Panel heading without title
Panel content

Panel title

Panel content

Panel With Footer

Panel content
Panel footer

With Tables

Panel heading

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vesti.

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

Contextual Alternatives

Panel primary
Panel content
Panel success
Panel content
Panel info
Panel content
Panel warning
Panel content
Panel danger
Panel content

With List Groups

Panel heading

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

  • Morbi leo risus
  • Porta ac consectetur ac3
  • Vestibulum at eros8

More Colors

Panel red
Panel content
Panel orange
Panel content
Panel green
Panel content
Panel yellow
Panel content
Panel blue
Panel content
Panel pink
Panel content
Panel violet
Panel content
Panel grey
Panel content
Panel dark
Panel content
Wells
Look, I'm in a large well!
Look, I'm in a well!
Look, I'm in a small well!
2014 © Odin - The Ultimate Responsive Admin Template.