<div class="notification-list">
    <div class="notification-header">
        <h1>Notifications</h1>
        <i class="fas fa-ellipsis-v icon"></i>
    </div>
    <div class="notifications">
        <ul class="list list-notifications">
            <li class="list-item basic">
                <span class="notif-title">Recent tweet from ABC</span>
                <small>just now</small>
            </li>
            <li class="list-item basic">
                <span class="notif-title">PQR and XYZ liked your reply</span>
                <small>25 mins ago</small>
            </li>
            <li class="list-item basic">
                <span class="notif-title">LMN followed you</span>
                <small>30th Jan</small>
            </li>
        </ul>
    </div>
    <div class="notification-footer">
        <span>Mark all as read.</span>
    </div>
</div>