{% for i in 0..11 %}
    <!--item lista, una receta-->
    <div class="receta-and-articulo-item-list pointer mt10" style="background-image:url('assets/img/articulo/articulo.jpg')">
        <a href="articulo-detalle">
            <div class="black-overlay">
                <div class="date-box solid-box bg-color-other mt0">
                    <i class="fa fa-calendar"></i> 12-10-2018
                </div>
                <div class="text-receta-and-articulo-item-list">
                    <h2><b>Batch cooking: cocina un día para toda la semana</b></h2>
                    <p>Conoce a fondo esta forma esta forma de organizarse en la cocina y come sano durante toda...</p>
                </div>
            </div>
        </a>
    </div>

{% endfor %}