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="#">&times;</a></div>
<div class="alert-msg warning">Warning Message <a class="close" href="#">&times;</a></div>
<div class="alert-msg success">Success Message <a class="close" href="#">&times;</a></div>
<div class="alert-msg error">Error Message <a class="close" href="#">&times;</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="#">&times;</a></div>
<div class="alert-msg rnd8 warning">Warning Message <a class="close" href="#">&times;</a></div>
<div class="alert-msg rnd8 success">Success Message <a class="close" href="#">&times;</a></div>
<div class="alert-msg rnd8 error">Error Message <a class="close" href="#">&times;</a></div>