Notifications

It contains notification drop down part which we can include in Header section.

<div class="dropdown-menu notifications_content" aria-labelledby="dropdownMenuButton">
    <div class="noti_title">
        <p class="text-center text-info">4 New Notifications</p>
    </div>
    <div class="noti_item">
        <div class="row">
            <div class="col-3">
                <p></p>
                <i class="ti-email text-info noti_msg"></i>
            </div>
            <div class="col-9">
                <span>New message from john.</span>
                <br/>
                <span class="text-sm">jan 29th 2017</span>
            </div>
        </div>
    </div>
    <div class="noti_item">
        <div class="row">
            <div class="col-3">
                <p></p>
                <i class="ti-user text-info noti_msg"></i>
            </div>
            <div class="col-9">
                <span>Friend request from Teena.</span>
                <br/>
                <span class="text-sm">jan 20th 2017</span>
            </div>
        </div>
    </div>
    <div class="noti_item">
        <div class="row">
            <div class="col-3">
                <p></p>
                <i class="ti-gift text-info noti_msg"></i>
            </div>
            <div class="col-9">
                <span>Today Mahesh birthday.</span>
                <br/>
                <span class="text-sm">jan 9th 2017</span>
            </div>
        </div>
    </div>
    <div class="noti_item">
        <div class="row">
            <div class="col-3">
                <p></p>
                <i class="ti-heart text-info noti_msg"></i>
            </div>
            <div class="col-9">
                <span>Bannett like your comment.</span>
                <br/>
                <span class="text-sm">jan 1st 2017</span>
            </div>
        </div>
    </div>
    <div class="noti_footer">
        <p class="text-center text-white"><a href="#">Show All Notifications</a></p>
    </div>
</div>