<div class="alert alert-primary text-sm mx-5 p-4 rounded-sm d-flex align-center">
        <i class="fas fa-info-circle mr-4"></i>This is Primary Alert with icon
    </div>

    <div class="alert alert-danger text-sm mx-5 p-4 rounded-sm d-flex align-center">
        <i class="fas fa-exclamation-triangle mr-4"></i>This is Danger Alert with icon
    </div>

    <div class="alert alert-success text-sm mx-5 p-4 rounded-sm d-flex align-center">
        <i class="fas fa-check-circle mr-4"></i>This is Success Alert with icon
    </div>

    <div class="alert alert-warning text-sm mx-5 p-4 rounded-sm d-flex align-center">
        <i class="fas fa-exclamation-triangle mr-4"></i>This is Warning Alert with icon
    </div>