Alerts

Solid Backgrounds
msg bg-color-1 Note! A message with your brand color.
msg bg-luxury Note! A message with your brand color.
msg bg-color-2 Note! A message with your second brand color.
msg bg-info You can change the setting to meet your needs.
msg bg-success You successfully read this important alert message. x
msg bg-warning Note! A message with your brand color.
msg bg-danger Please be careful. Close
Light Backgrounds
msg bga-color-1 Note! A message with your brand color.
msg bga-color-2 Note! A message with your second brand color.
msg bga-info You can change the setting to meet your needs.
msg bga-success You successfully read this important alert message. x
msg bga-danger Please be careful. Close
msg bga-warning Please be careful. Close
msg bga-luxury Please be careful. Close
msg bga-dark You successfully read this important alert message. x
msg bg-light-grey You successfully read this important alert message. x
Light Outlined Backgrounds
msg bga-color-1 outline-color-1 Note! A message with your brand color.
msg bga-color-2 outline-color-2 Note! A message with your second brand color.
msg bga-info outline-color-info You can change the setting to meet your needs.
msg bga-success outline-color-success You successfully read this important alert message. x
msg bga-danger outline-color-danger Please be careful. Close
msg bga-dark outline-color-dark You successfully read this important alert message. x
msg bg-light-grey outline-color-grey You successfully read this important alert message. x
Bordered-left Backgrounds
bordered-left p1 m-v-1 bga-color-1 Note! A message with your brand color.
bordered-left-color-2 p1 m-v-1 bga-color-2 Note! A message with your second brand color.
bordered-left-info p1 m-v-1 bga-info Note! A message with your brand color.
bordered-left-success p1 m-v-1 bga-success Note! A message with your brand color.
bordered-left-danger p1 m-v-1 bga-danger Note! A message with your brand color.
bordered-left-grey p1 m-v-1 bga-dark Note! A message with your brand color.
Bordered-left Shadow
bordered-left p1 m-v-1 shadow Note! A message with your brand color.
bordered-left-color-2 p1 m-v-1 shadow Note! A message with your second brand color.
bordered-left-info p1 m-v-1 shadow Note! A message with your brand color.
bordered-left-success p1 m-v-1 shadow Note! A message with your brand color.
bordered-left-danger p1 m-v-1 shadow Note! A message with your brand color.
bordered-left-grey p1 m-v-1 shadow Note! A message with your brand color.
← Previous Next →

Designed and built with love in Europe by Europe IT Outsourcing Company Developers.

We stand with Ukraine
Fork me on GitHub