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 X
Warning Message X
Success Message X
Error Message X

HTML:

<div class="alert-msg info">General Info Message <a class="close" href="#">X</a></div>
<div class="alert-msg warning">Warning Message <a class="close" href="#">X</a></div>
<div class="alert-msg success">Success Message <a class="close" href="#">X</a></div>
<div class="alert-msg error">Error Message <a class="close" href="#">X</a></div>

Alert Messages With Rounded Corners

General Info Message X
Warning Message X
Success Message X
Error Message X

HTML:

<div class="alert-msg rnd8 info">General Info Message <a class="close" href="#">X</a></div>
<div class="alert-msg rnd8 warning">Warning Message <a class="close" href="#">X</a></div>
<div class="alert-msg rnd8 success">Success Message <a class="close" href="#">X</a></div>
<div class="alert-msg rnd8 error">Error Message <a class="close" href="#">X</a></div>