<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) }}