<div role="alert" class="alert genral-message alert-dismissible fade in">
  <button aria-label="Close" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button>
  <p>General message goes here</p>
</div>
<div role="alert" class="alert success-message alert-dismissible fade in">
  <button aria-label="Close" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button>
  <p>Success message goes here</p>
</div>
<div role="alert" class="alert warning-message alert-dismissible fade in">
  <button aria-label="Close" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button>
  <p>Warning message goes here</p>
</div>