<div class="container"> <div class="row"> {% for article in articles %} <div class="md:col-6 col-12"> <a class="block mb-12 img-hover" href="{{ generatePath( app.request, article.linkedPageId, {'news_slug' : article.slug } ) }}"> <div class="article-img"> <img class="max-w-full h-auto mb-8" src="{{ imageCache('/' ~ article.getFullImagePath, 'zoomCrop', 1040, 720) }}" width="670" height="464" alt="{{ article.title }}" loading="lazy" /> </div> <p class="text-sm mb-0 text-secondary"><strong>{{ allowInlineEditor(article, 'subtitle')|raw }}</strong></p> <h3 class="capitalize text-dark mt-0 mb-0">{{ allowInlineEditor(article, 'title')|raw }}</h3> {% if article.publishDate %} <p class="text-sm text-dark mb-0">{{ article.publishDate|date('d F Y') }}</p> {% endif %} </a> </div> {% else %} <div class="col-12"> <p>No news found</p> </div> {% endfor %} </div></div>{{ knp_pagination_render(articles) }}