<!-- Start Blog
============================================= -->
<div class="blog-area grid-style default-padding bottom-less">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="site-heading text-center">
{% for item in blogTitle %}
<h4>{{ item.title }}</h4>
<h2>{{ item.slogan }}</h2>
<div class="devider"></div>
<p>
{{ item.description | raw }}
</p>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="container">
<div class="blog-items">
<div class="row">
<!-- Single Itme -->
{% for blog in blogs %}
<div class="single-item col-lg-4 col-md-6">
<div class="item">
<div class="thumb">
{% if blog.illustration %}
<img src="{{asset('uploads/blog/' ~ blog.illustration) | imagine_filter('thumbImg')}}" alt="Thumb">
{% else %}
<img src="/assets/img/800x600.png" alt="Thumb">
{% endif %}
<div class="date">{{ blog.createdAt | localizeddate('medium', 'short') }}</div>
</div>
<div class="info">
<div class="meta">
<ul>
{% if blog.author %}
<li>
<span>Créé par </span>
<a href="#">{{ blog.author.fullName }}</a>
</li>
{% endif %}
{#<li>
<span>In </span>
<a href="#">Agency</a>
</li>#}
</ul>
</div>
<h4><a href="{{ path('app_blog_show', {'slug': blog.slug, 'id': blog.id}) }}">{{ blog.title }}</a></h4>
<p>
{{ blog.content | u.truncate(200) | raw}}
</p>
<a href="{{ path('app_blog_show', {'slug': blog.slug, 'id': blog.id}) }}" class="btn-simple"><i class="fas fa-plus"></i> Lire plus</a>
</div>
</div>
</div>
{% endfor %}
<!-- End Single Itme -->
</div>
</div>
</div>
</div>
<!-- End Blog Area -->