Preview:
<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>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter