<div class="alert color-bg-info"><span><i class="fas fa-info"></i></span>
    This is a primary Alert - Check it now!
</div>
<div class="alert color-bg-warning"><span><i class="fas fa-exclamation-triangle"></i></span>
    This is a color-bg-warning Alert - Check it now!
</div>
<div class="alert color-success-outline"><span><i class="fas fa-check-circle"></i></span>
    This is a success Alert - Check it now!
</div>
<div class="alert color-error-outline"><span><i class="fas fa-times-circle"></i></span>
    This is a failure Alert - Check it now!
</div>