{% extends 'base.html.twig' %}
{% block css %}
{{ parent() }}
<style>
</style>
{% endblock %}
{% block content %}
<section id="page-title" class="text-light" {{ responsive_background( asset('websiteImage/blog.jpg'),"background-size: cover; background-position: center center;",true ) | raw }}>
<div class="bg-overlay"></div>
<div class="container">
<div class="page-title">
<h1>{{ 'blogs.title' | admintrans | raw }}</h1>
{% if generalS.imageAccueil.texteBlogs != null or generalS.imageAccueil.texteBlogs != '' %}<p class="slider-text"> {{ generalS.imageAccueil.texteBlogs }}</p>{% endif %}
</div>
</div>
</section>
<section id="page-content">
<div class="container">
<div id="blog" class="grid-layout post-3-columns m-b-30" data-item="post-item">
{% for blog in blogs %}
<div class="post-item border">
<div class="post-item-wrap">
<div class="post-image"> <a href="{{ path('blog',{'id' : blog.id}) }}"> <img alt="{{ blog.altDescription }}" {{ responsive_src(asset('images/upload/' ~ blog.image)) | raw }}> </a></div>
<div class="post-item-description"> <span class="post-meta-date"><i class="fa fa-calendar-o"></i>{{ blog.date | date('d M Y') }}</span>
<h2><a href="{{ path('blog',{'id' : blog.id}) }}">{{ blog.titre }}</a></h2>
<div> {{ blog.displayContent | striptags('<strong><u><br><li><ul>') | u.truncate( 200, '...', false) | raw }} </div>
<a href="{{ path('blog',{'id' : blog.id}) }}" class="item-link">{{ 'blogs.read_more' | admintrans | raw }} <i class="icon-chevron-right"></i></a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock %}
{% block js %}
{{ parent() }}
{% endblock %}