<a class="block mb-12 img-hover" href="{{ generatePath( app.request, article.linkedPageId, {'news_slug' : article.slug } ) }}">
{% if article.image %}
<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>
{% endif %}
<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>