<!-- Success Alert -->
<div class="alert success-alert">
    <p>This is a Success alert</p>
    <i class="far fa-times"></i>
</div>
<!-- Danger Alert -->
<div class="alert danger-alert">
    <p>This is a danger alert</p>
    <i class="far fa-times"></i>
</div>
<!-- Warning Alert -->
<div class="alert warning-alert">
    <p>This is a warning alert</p>
    <i class="far fa-times"></i>
</div>
<!-- Simple Alert -->
<div class="alert simple-alert">
    <p>This is a simple alert</p>
    <i class="far fa-times"></i>
</div>