Header Color:
Main Color:
Footer Color:
Background Image:
  • Banner_bg1
  • Banner_bg2
  • Banner_bg3
  • Banner_bg4
  • Banner_bg5
  • Banner_bg6
  • Banner_bg7
  • Banner_bg8

Alerts Styles for success, warning, and error messages

Default alert

Warning! Best check yourself, you're not looking too good.
<div class="alert alert-block fade in">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>

Error or danger

Oh snap! Change a few things up and try submitting again.
<div class="alert alert-error alert-block fade in">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>

Success

Well done! You successfully read this important alert message.
<div class="alert alert-success alert-block fade in">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Well done!</strong> You successfully read this important alert message.
</div>

Information

Heads up! This alert needs your attention, but it's not super important.
<div class="alert alert-info alert-block fade in">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>