templates/front/pages/foire_questions.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/front.html.twig' %}
  3. {% block bodyClass %}interne{% endblock %}
  5. {% block content %}
  6.     <section class="title-page cours-page" style="background:url({{ asset('build/images/bg_page_abonnement.jpg') }})">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="head_page">
  10.                     <div class="head"> Foire Aux Questions</div>
  11.                     <div class="sperateur"></div>
  12.                     <div class="sub_title">Vous vous posez des questions sur SACO ? <br>
  13.                         Voici les réponses aux principales questions que vous
  14.                         pouvez vous poser. <br>
  15.                         Si vous n’avez pas trouvé la réponse à votre question, <br>
  16.                         rendez-vous dans la rubrique <a href="{{ path('page_contact') }}"> Contactez-nous </a>
  17.                         pour nous la poser directement.
  18.                     </div>
  19.                 </div>
  21.             </div>
  22.         </div>
  23.     </section>
  24.     <section class="breadcumbs">
  25.         <div class="container">
  26.             <div class="row">
  27.                 <div class="crumbs"><a href="#"> Home </a> > <a href=""> Foire Aux Questions </a></div>
  28.             </div>
  29.         </div>
  30.     </section>
  33.     <section class="questions">
  34.         <div class="container">
  35.             <div class="row">
  36.                 <div class="list-questions">
  37.                     <div class="cat_q">
  38.                         <!--<div class="title_cat_q"> Titre de la catégorie</div>
  39.                         <div class="sperateur"></div>-->
  40.                         <div class="tabs_cat_q">
  41.                             <div id="accordion" class="accordion-two accordion-two-primary" role="tablist"
  42.                                  aria-multiselectable="true">
  43.                                 {% for faq in faqs %}
  44.                                 <div class="card">
  45.                                     <div class="card-header" role="tab" id="heading_{{ faq.id }}">
  46.                                         <a data-bs-toggle="collapse" data-bs-target="#collapse_{{ faq.id }}" aria-expanded="false" aria-controls="collapse_{{ faq.id }}" href="#collapse_{{ faq.id }}"
  47.                                            aria-expanded="false" aria-controls="collapse_{{ faq.id }}"
  48.                                            class="tx-gray-800 transition">
  49.                                             {{ faq.question|replace({'<p>': '<span>', '</p>': '</span>'})|raw }}
  50.                                         </a>
  51.                                     </div><!-- card-header -->
  53.                                     <div id="collapse_{{ faq.id }}" class="collapse" role="tabpanel"
  54.                                          aria-labelledby="heading_{{ faq.id }}" style="">
  55.                                         <div class="card-body">
  56.                                             {{ faq.response|raw }}
  57.                                         </div>
  58.                                     </div>
  59.                                 </div>
  60.                                 {% endfor %}
  61.                             </div>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.     </section>
  69. {% endblock %}
  71. {% block faq %}
  72. {% endblock %}