<div class="bell-badge">
    <i class="fa fa-bell fa-2x"></i>
    <span class="badge-notification">2</span>
</div>

<div class="mail-badge">
    <i class="fas fa-envelope fa-2x"></i>
    <span class="badge-notification">9</span>
</div>

<div class="cart-badge">
    <i class="fas fa-shopping-cart fa-2x"></i>
    <span class="badge-notification">7</span>
</div>

<div class="avatar-badge">
    <img class="avatar sm" src="https://picsum.photos/200" alt="avatar">
    <span class="badge-notification">4</span>
</div>