{% for Notificacion in Notificaciones %}
<li>
    <a href="#">
        <i class="fa fa-users text-aqua"></i> 5 new members joined today
    </a>
</li>
{% endfor %}
<li>
    <a href="#">
        <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
        page and may cause design problems
    </a>
</li>
<li>
    <a href="#">
        <i class="fa fa-users text-red"></i> 5 new members joined
    </a>
</li>
<li>
    <a href="#">
        <i class="fa fa-shopping-cart text-green"></i> 25 sales made
    </a>
</li>
<li>
    <a href="#">
        <i class="fa fa-user text-red"></i> You changed your username
    </a>
</li>