<section class="bgp-center bgs-cover w-100 pat-100 nztydk"
style="background-image:url({{ asset('assets/img/labgpos.png')|imagine_filter('large') }})">
<div class="container container-post-lp">
<div class="d-sm-flex justify-content-between justify-content-center-sm align-items-center mab-50-sm mab-25">
<div class="d-flex cg-20 justify-content-center-sm align-items-center">
<img src="{{ asset('assets/img/catmid.svg') }}" alt="Facomia"
class="wi-50"/>
<h2 class="ljtsnw mab-0">{{ "landing_posts_list.title"|trans }}</h2>
</div>
<a href="{{ path('front_posts') }}" class="btn btn2 d-none d-md-inline-block position-relative l-45">
<div class="btn-text">
{{ "landing_posts_list.btn"|trans }}
</div>
</a>
</div>
{% for key, post in posts|slice(0, 1) %}
<div class="d-sm-flex mab-30-sm mab-20 align-items-stretch position-relative r-30-sm link-post" data-link>
<div class="col-sm-5 overflow-hidden he-280 img-post-lan pax-0">
<div class="bgp-center h-100 w-100 bgs-cover "
style="background-image:url({{ asset(vich_uploader_asset(post, 'postFile')) | imagine_filter('medium') }})">
</div>
</div>
<div class="col-sm-7 mat-0-sm mat-20 text-post-lan bgc-white pay-40-lg pay-20 pax-60-lg pax-30-md pax-10 dupore position-relative d-flex align-items-center pax-0" data-link>
<div class="position-relative zi-99">
<h3 class="cbbnln mab-10">{{ post.title }}</h3>
<div class="kwgxkp mab-30">
{{ post.introRaw|length > 50 ? post.introRaw|slice(0, 50) ~ '...' : post.introRaw }}
</div>
<div>
<a href="{{ path('front_post', {'slug':post.slug}) }}" class="hgwsxs">
<i class="fa fa-arrow-right mar-5"></i>
{{ "landing_posts_list.post.btn"|trans }}
</a>
</div>
</div>
</div>
</div>
{% endfor %}
<div class="text-center">
<a href="{{ path('front_posts') }}" class="btn btn2 d-inline-block d-md-none position-relative l-45-md">
<div class="btn-text">
{{ "landing_posts_list.btn"|trans }}
</div>
</a>
</div>
</div>
</section>