{% set featuredContent = collection|first %}
<div class="col-lg-6">
<div class="blog-box p-4 border border-3 border-grey rounded-1">
<div class="blog-image mb-4">
<a href="{{ path('post_show', {"slug":featuredContent.slug}) }}"><img src="{{ featuredContent.thumbnail|imagine_filter('thumbnail_large') }}" alt="{{ featuredContent.title }}" class="w-100 rounded-1"></a>
</div>
<div class="blog-box-title mb-4">
<h4 class="mb-2"><a href="{{ path('post_show', {"slug":featuredContent.slug}) }}" class="darkgreen">{{ featuredContent.title }}</a></h4>
<p><span class="pe-1">{{ featuredContent.datePublished|date("j F, Y") }}</span>|<span class="ps-1">{{ featuredContent.user.firstName ~' '~ featuredContent.user.lastName }}</span></p>
</div>
<div class="blog-info">
<p class="mb-2">{{ featuredContent.summary }}</p>
<a href="{{ path('post_show', {"slug":featuredContent.slug}) }}" class="darkgreen">Continue Reading</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="blog-list">
{% for content in collection|slice(1,collection|length) %}
<div class="blog-list-box p-3 border border-3 border-grey rounded-1 mb-4">
<div class="row align-items-center">
<div class="col-4">
<div class="blog-list-image">
<a href="{{ path('post_show', {'slug': content.slug}) }}">
<img src="{{ content.thumbnail|imagine_filter('thumbnail_small') }}" alt="{{ content.title }}" class="w-100 rounded-1">
</a>
</div>
</div>
<div class="col-8">
<div class="blog-list-info">
<h4 class="mb-2">
<a href="{{ path('post_show', {'slug': content.slug}) }}" class="darkgreen">
{{ content.title }}
</a>
</h4>
<p class="mb-2">
<span class="pe-1">{{ content.datePublished|date('j F, Y') }}</span> |
<span class="ps-1">{{ content.user.firstName ~ ' ' ~ content.user.lastName }}</span>
</p>
<p class="mb-0">{{ content.summary }}</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>