{% extends 'base.html.twig' %}
{% block title %}La FAQ fr L’ESCS{% endblock %}
{% block banniere %}
<section class="bannier-blog">
<img src="{{ asset('front/images/ban/ban-3.jpeg') }}" class="img" alt="faq ecole de surf cote sauvage charente maritime">
</section>
{% endblock %}
{% block contenu %}
<section class="pt-75 pb-75">
<div class="container">
<div class="sect-title text-center">
<h1>
La FAQ de L’ESCS
</h1>
</div>
<div class="bloc-text mb-65 slideInUp">
<p>Bienvenue sur la page de la FAQ de <strong>l'ESCS, l'école de surf de la Côte Sauvage</strong> ! Vous trouverez ici toutes les réponses à vos questions sur nos cours et stages de surf. Que vous soyez débutant ou confirmé, nous avons pensé à
tout pour que votre expérience avec nous soit inoubliable !</p>
<p>Nous avons regroupé les questions les plus fréquentes pour vous aider à planifier votre séjour et profiter au maximum de votre temps sur les vagues. Si vous avez encore des questions, n'hésitez pas à nous écrire, notre équipe
est toujours disponible pour vous apporter toutes informations complémentaires sur nos cours et stages de surf !</p>
</div>
<div class="text-center mb-75">
<a href="{{ path('app_index', {'slug': 'contact.html'}) }}" class="btn-1">Contactez-nous</a>
</div>
<div class="list-faq">
{% for faq in faqList %}
<div class="item hover-box item-1">
<div class="img"><img src="{{ asset(faq_directory ~ faq.image) }}" alt=""></div>
<div class="content" style="background-color: {{ faq.color }}">
<div class="title">
{{ faq.question }}
</div>
<div class="desc hover" style="transition: all 0.5s !important">
{{ faq.reponse }}
</div>
</div>
<a href="javascript:void(0)" class="full-link"></a>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock %}
{% block formule %}
{% include 'front/formule.html.twig' %}
{% endblock %}