<div class="alert alert-primary"><i class="fas fa-star"></i> Primary! This is a Primary Alert -
    Check it
    now!
</div>
<div class="alert alert-success"><i class="fas fa-check-circle"></i> This is an error alert —
    check it out!
</div>
<div class="alert alert-error"><i class="fas fa-exclamation-circle"></i> This is a success alert
    — check it
    out!</div>
<div class="alert alert-warning"><i class="fas fa-exclamation-triangle"></i> This is a warning
    alert — check
    it out!</div>
<div class="alert alert-info"><i class="fas fa-info-circle"></i> This is an info alert — check
    it out!</div>