{% extends 'base.html.twig' %}
{% block title %}Actualités{% endblock %}
{% block style %}
<style>
.pagination {
padding-top: 50px;
justify-content: center;
}
.pagination__item {
padding: 5px 15px;
background: #b4b4b4;
border-radius: 10px;
margin-right: 5px;
color: #fff;
}
</style>
{% endblock %}
{% block banniere %}
<section class="ban-section">
<div class="ban">
<img src="{{ asset('front/images/ban-1.jpg') }}" alt="">
<div class="container">
<div class="sect-title text-center mb-0">
<div class="h1 text-white">
Actualités
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block contenu %}
<section class="pt-75 pb-35">
<div class="container">
<div class="sect-title text-center">
<div class="h1">
Le Blog de l’Ecole du Surf Français de Saint-Jean-de-Luz
</div>
</div>
<div class="text-1 text-center mb-45">
Retrouvez toutes les infos sur l’ESF de Saint-Jean-de-Luz | Hendaia, nos coups de coeur, nos bons
plans et des rencontres avec nos partenaires locaux.
</div>
<div class="row">
{% for actualite in pager %}
{{ actualite.init() }}
<div class="col-xl-4 col-md-6 col-12 mb-30">
<div class="item-blog">
<div class="img"><img src="{{ asset(actualite.imgSrc) }}" loading="lazy" alt=""></div>
<div class="content">
<div class="cat">
{{ actualite.titre }}
</div>
</div>
<a href="{{ path('app_actualite_detail', { slug : actualite.slug }) }}" class="full-link"></a>
</div>
</div>
{% endfor %}
<div class="col-12 mb-30">
{{ pagerfanta(pager) }}
</div>
</div>
</div>
</section>
{% endblock %}
{% block formule %}
{% include 'front/formule.html.twig' %}
{% endblock %}