templates/home/faq.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Hello MainController!{% endblock %}
  6. {% block body %}
  8.     <!-- WELCOME -->
  9.     <section class="py-10 py-md-14 overlay overlay-black overlay-60 bg-cover"
  10.              style="background-image: url({{ post.image }});background-position: 100% 30%">
  11.         <div class="container">
  12.             <div class="row justify-content-center">
  13.                 <div class="col-12 col-md-10 col-lg-8 text-center">
  15.                     <!-- Heading -->
  16.                     <h1 class="display-2 fw-bold text-white">
  17.                         {{ post.title }}
  18.                     </h1>
  21.                 </div>
  22.             </div> <!-- / .row -->
  23.         </div> <!-- / .container -->
  24.     </section>
  25.     <!-- SHAPE -->
  26.     <div class="position-relative">
  27.         <div class="shape shape-bottom shape-fluid-x text-light">
  28.             <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  29.                 <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  30.             </svg>
  31.         </div>
  32.     </div>
  33.     <div class="container">
  34.         <div class="row">
  35.             <nav aria-label="breadcrumb">
  36.                 <ol class="breadcrumb breadcrumb-scroll">
  37.                     <li class="breadcrumb-item">
  38.                         <a class="text-gray-700" href="{{ path('home') }}">
  39.                             Accueil
  40.                         </a>
  41.                     </li>
  42.                     <li class="breadcrumb-item active" aria-current="page">
  43.                         {{ post.title }}
  44.                     </li>
  45.                 </ol>
  46.             </nav>
  47.         </div>
  48.     </div>
  49.     <!-- ARTICLES -->
  50.     <section class="pt-7 pt-md-5">
  51.         <div class="container">
  52.             <div class="row align-items-center mb-5">
  53.                 <h3 class="mb-3">
  54.                     {{ post.title }}
  55.                 </h3>
  57.                 {% if faqs is not null %}
  60.                     {% for faq in faqs %}
  62.                         <div class="accordion" id="accordionExample{{ faq.id }}">
  64.                             <div class="accordion-item">
  65.                                 <h2 class="accordion-header d-grid gap-1 border-0 text-white" id="heading{{ faq.id }}">
  66.                                     <button class="btn btn-sm border-0 text-start text-white bg-warning " type="button" data-bs-toggle="collapse"
  67.                                             data-bs-target="#collapse{{ faq.id }}"
  68.                                             aria-expanded="{{ faq.id==1 ? 'true':'false' }}"
  69.                                             aria-controls="collapse{{ faq.id }}">
  70.                                         {{ faq.title }}
  71.                                     </button>
  72.                                 </h2>
  73.                                 <div id="collapse{{ faq.id }}"
  74.                                      class="accordion-collapse collapse {{ faq.id==1 ? 'show':'' }}"
  75.                                      aria-labelledby="heading{{ faq.id }}"
  76.                                      data-bs-parent="#accordionExample{{ faq.id }}">
  78.                                         <div class="accordion-body">
  80.                                             <div class="p-5">
  81.                                                 {{ faq.response|raw }}
  82.                                             </div>
  83.                                         </div>
  85.                                 </div>
  86.                             </div>
  88.                         </div>
  89.                     {% endfor %}
  90.                 {% endif %}
  92.             </div> <!-- / .row -->
  93.         </div> <!-- / .container -->
  94.     </section>
  95.     <!-- SHAPE -->
  96.     <div class="position-relative">
  97.         <div class="shape shape-bottom shape-fluid-x text-gray-200">
  98.             <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>      </div>
  99.     </div>
  100. {% endblock %}