<div class="container">
        <div class="alert-container bg-success">
            <i class="fas fa-check-circle" id="alert"></i>
            <span>Success alert — <b>check it out!</b></span>
        </div>
        <div class="alert-container bg-error">
            <i class="fas fa-exclamation-circle" id="alert"></i>
            <span>Error alert — <b>check it out!</b></span>
        </div>
        <div class="alert-container bg-warning">
            <i class="fas fa-exclamation-triangle" id="alert"></i>
            <span>Warning alert — <b>check it out!</b></span>
        </div>
        <div class="alert-container bg-update">
            <i class="fas fa-info-circle" id="alert"></i>
            <span>Info alert — <b>check it out!</b></span>
        </div>
    </div>