<div class="error-alert">
<i class="fa-solid fa-circle-exclamation"></i> This is an error alert — check it out!
</div>

<div class="warning-alert">
<i class="fa-solid fa-triangle-exclamation"></i> This is an warning alert — check it out!
</div>

<div class="info-alert">
<i class="fa-solid fa-circle-info"></i> This is an info alert — check it out!
</div>

<div class="success-alert">
<i class="fa-solid fa-circle-check"></i>This is an success alert — check it out!
</div>