<ul class="list list-notification">
    <li>
        <img class="avatar avatar-sm" src="/assets/avatar.jpg" alt="avatar">
        <ul class="list">
            <li>username</li>
            <li>notification message</li>
            <li>date</li>
        </ul>
    </li>
    <li>
        <img class="avatar avatar-sm" src="/assets/avatar.jpg" alt="avatar">
        <ul class="list">
            <li>username</li>
            <li>notification message</li>
            <li>date</li>
        </ul>
    </li>
    <li>
        <img class="avatar avatar-sm" src="/assets/avatar.jpg" alt="avatar">
        <ul class="list">
            <li>username</li>
            <li>notification message</li>
            <li>date</li>
        </ul>
    </li>
</ul>