templates/faq/faq.html.twig line 1

Open in your IDE?
  1. {% extends base %}
  3. {% block stylesheets %}
  4. {{ parent() }}
  6.   <link rel="stylesheet" href="/assets/css/faq/faq.css">
  7. {% endblock %}
  10. {% block javascripts %}
  11. {{ parent() }}
  13. {% endblock %}
  15. {% block body %}
  16.   {{ parent() }}
  18.     <div class="backgroundheaderBlog">
  19. </div>
  23. {% endblock %}
  25. {% block content %}
  26.   {{ parent() }}
  28.      
  29.       {% if pro == "false" %}
  30.     
  31.     {% endif %}
  32.  <!-- Titre -->
  33.     <section>
  34.         <div class="row container firstSection">
  35.             <div class="col-md-6">
  36.                 <h1 class="Home_title">Foire Aux Questions</h1>
  37.                 <p class="Home_subtitle">Retrouvez les reponses aux questions les plus demandées sur la plateforme My Audio,</p>
  38.                 <p class="Home_subtitle">Premièr réseau national de tous les audioprothésistes de France !</p>
  39.             </div>
  40.             <div class="col-md-6 col-img">
  41.                 <img src="/assets/img/faq/FAQ.png">
  42.             </div>
  43.         </div>
  44.     </section>
  46.     <section>
  47.       <div class="container accordion accordion-flush" id="accordionFlushExample">
  48.         {% for faq in faqs %}
  49.         {% if faq.is_pro == true and pro == "true" %}
  50.           <div class="accordion-item">
  51.             <h2 class="accordion-header" id="flush-heading{{faq.id}}">
  52.               <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{faq.id}}" aria-expanded="false" aria-controls="flush-collapse{{faq.id}}">
  53.                 {{faq.question}}
  54.               </button>
  55.             </h2>
  56.             <div id="flush-collapse{{faq.id}}" class="accordion-collapse collapse" aria-labelledby="flush-heading{{faq.id}}" data-bs-parent="#accordionFlushExample">
  57.               <div class="accordion-body">{{faq.answer|raw}}</div>
  58.             </div>
  59.           </div>
  60.           {% endif %}
  61.           {% if faq.is_pro == false and pro == "false" %}
  62.           <div class="accordion-item">
  63.             <h2 class="accordion-header" id="flush-heading{{faq.id}}">
  64.               <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{faq.id}}" aria-expanded="false" aria-controls="flush-collapse{{faq.id}}">
  65.                 {{faq.question}}
  66.               </button>
  67.             </h2>
  68.             <div id="flush-collapse{{faq.id}}" class="accordion-collapse collapse" aria-labelledby="flush-heading{{faq.id}}" data-bs-parent="#accordionFlushExample">
  69.               <div class="accordion-body">{{faq.answer|raw}}</div>
  70.             </div>
  71.           </div>
  72.           {% endif %}
  74.         {% endfor %}
  76.        
  77.         
  78.       </div>        
  80.     </section>
  84. {% endblock %}