Default Alert Messages
General Info Message
Warning Message
Success Message
Error Message
HTML:
<div class="alert-msg info">General Info Message</div>
<div class="alert-msg warning">Warning Message</div>
<div class="alert-msg success">Success Message</div>
<div class="alert-msg error">Error Message</div>
Alert Messages With Hide Feature
General Info Message ×
Warning Message ×
Success Message ×
Error Message ×
HTML:
<div class="alert-msg info">General Info Message <a class="close" href="#">×</a></div>
<div class="alert-msg warning">Warning Message <a class="close" href="#">×</a></div>
<div class="alert-msg success">Success Message <a class="close" href="#">×</a></div>
<div class="alert-msg error">Error Message <a class="close" href="#">×</a></div>
Alert Messages With Rounded Corners
General Info Message ×
Warning Message ×
Success Message ×
Error Message ×
HTML:
<div class="alert-msg rnd8 info">General Info Message <a class="close" href="#">×</a></div>
<div class="alert-msg rnd8 warning">Warning Message <a class="close" href="#">×</a></div>
<div class="alert-msg rnd8 success">Success Message <a class="close" href="#">×</a></div>
<div class="alert-msg rnd8 error">Error Message <a class="close" href="#">×</a></div>