<div class="alert-success">
    <i class="fas fa-check-circle alert-icons"></i>
    <span class="p-lg">Success alert.</span>
</div>

<div class="alert-info">
    <i class="fas fa-info-circle alert-icons"></i>
    <span class="p-lg">Info alert.</span>
</div>

<div class="alert-warning">
    <i class="fas fa-exclamation-triangle alert-icons"></i>
    <span class="p-lg">Warning alert.</span>
</div>

<div class="alert-error">
    <i class="fas fa-exclamation-circle alert-icons"></i>
    <span class="p-lg">Error alert.</span>
</div>