<div class="container mt-5 d-none">
<h1 class="text-center"><strong>Notre sélection documentaire</strong></h1>
<p class="text-center">Nos conseils voyage, les meilleures activités, événements ...</p>
<div class="container-documentaire mt-5">
<div class="row">
{% for article in articles|slice(0, 3) %}
<div class="col-12 col-md-4 mb-5">
<a href="{{ path('front_blog_category_list', {'categorySlug': article.blogCategory.categorySlug}) }}">
<img class="imgarticleCard" src="{{ asset(constant('App\\Services\\File::IMAGE_BLOG_DIR') ~ article.image) }}" alt="">
<div class="infoDocumentaire">
<p class="slugDoc">{{article.blogCategory.name}}</p>
<p class="titreDoc">{{article.title}}</p>
</div>
</a>
</div>
{% endfor %}
</div>
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12 text-center mt30">
<a href="{{ path('front_blog_list') }}" class="btn btn-default">Voir tous les articles</a>
</div>
</div>
</div>
<hr class="hrFormules">
<div class="container-Formules">
<h1 class="text-center"><strong>Nos formules</strong></h1>
<div class="row mt-5 mb-5">
{% for pack in packsFormule %}
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 mb-4">
<a href="{{ path('front_pack_single', {'slug': pack.slug}) }}">
<div class="blocFormules zoomimg">
<div>
<img class="imgFormules" src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ pack.image) }}" alt="">
</div>
<div class="infoFormules">
<p class="pFormules">{{ pack.name }} </p>
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
<hr class="hrFormules">
</div>