Notification: Color Variations

<div class="row">
    <div class="col-sm-8">
        <div class="hgm-notification error" role="alert">
            <i class="fas fa-times-octagon"></i>
            <div>Error Notification</div>
        </div>
    </div>
</div>

<br><br>

<div class="row">
    <div class="col-sm-8">
        <div class="hgm-notification warning" role="alert">
            <i class="fas fa-exclamation-triangle"></i>
            <div>Warning Notification</div>
        </div>
    </div>
</div>

<br><br>

<div class="row">
    <div class="col-sm-8">
        <div class="hgm-notification success" role="alert">
            <i class="far fa-check"></i>
            <div>Success Notification</div>
        </div>
    </div>
</div>