<li class="icons dropdown"><a href="javascript:void(0)" data-toggle="dropdown">
    <i class="mdi mdi-email-outline"></i>
    <span class="badge gradient-1 badge-pill badge-primary">3</span>
</a>
    <div class="drop-down animated fadeIn dropdown-menu">
        <div class="dropdown-content-heading d-flex justify-content-between">
            <span class="">3 New Messages</span>

        </div>
        <div class="dropdown-content-body">
            <ul>
                <li class="notification-unread">
                    <a href="javascript:void()">
                        <img class="float-left mr-3 avatar-img" src="{{ url_for('static', filename='images/avatar/1.jpg') }}" alt="">
                        <div class="notification-content">
                            <div class="notification-heading">Saiful Islam</div>
                            <div class="notification-timestamp">08 Hours ago</div>
                            <div class="notification-text">Hi Teddy, Just wanted to let you ...</div>
                        </div>
                    </a>
                </li>
            </ul>

        </div>
    </div>
</li>