templates/page/faq.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  4. <div
  5. class="breadcumb-wrapper"
  6. data-bg-src="{{ asset('assets/img/bg/breadcrumb-bg.jpg') }}"
  7. data-overlay="title"
  8. data-opacity="8"
  9. >
  10. <div class="container">
  11. <div class="breadcumb-content">
  12. <h1 class="breadcumb-title">FAQS</h1>
  13. <ul class="breadcumb-menu">
  14. <li><a href="{{ path('home') }}">Accueil</a></li>
  15. <li>FAQS</li>
  16. </ul>
  17. </div>
  18. </div>
  19. </div>
  20. <section class="th-blog-wrapper blog-details space">
  21. <div class="container">
  22. <div class="row">
  23. <div class="col-xxl-4 col-lg-5">
  24. <aside class="sidebar-area">
  25. <div class="widget widget_call mb-5 mb-lg-0">
  26. <div class="widget-call">
  27. <h4 class="box-title text-white">Besoin d'aide ?</h4>
  28. <p class="text-white box_text">
  29. Contactez-nous pour toute demande d'assistance
  30. </p>
  31. <div class="widget_call">
  32. <div class="info-box">
  33. <div class="info-box_icon">
  34. <i class="fas fa-phone"></i>
  35. </div>
  36. <div>
  37. <span class="info-box_subtitle">Appelez-nous</span>
  38. <p class="info-box_text">
  39. <a href="tel:+33618104596" class="info-box_link"
  40. >+33 6 18 10 45 96</a
  41. >
  42. </p>
  43. </div>
  44. </div>
  45. <div class="info-box">
  46. <div class="info-box_icon">
  47. <i class="fas fa-envelope"></i>
  48. </div>
  49. <div>
  50. <span class="info-box_subtitle">Envoyez-nous un e-mail</span>
  51. <p class="info-box_text">
  52. <a
  53. href="mailto:contact@hysope-avocat.com"
  54. class="info-box_link"
  55. >contact@hysope-avocat.com</a
  56. >
  57. </p>
  58. </div>
  59. </div>
  60. <div class="info-box">
  61. <div class="info-box_icon">
  62. <i class="fa-solid fa-location-dot"></i>
  63. </div>
  64. <div>
  65. <span class="info-box_subtitle">Adresse du Cabinet</span>
  66. <p class="info-box_text">
  67. 11 Bd De Sébastopol, Cdaap 75001 Paris
  68. </p>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </aside>
  75. </div>
  76. <div class="col-xxl-8 col-lg-7">
  78. {% for expertise in expertises %}
  79. {% if expertise.faqs|length > 0 %}
  80. <div class="th-faq-wrapper mb-50">
  81. <div class="title-area">
  82. <span class="sub-title before-none">{{ expertise.title }}</span>
  83. <h2 class="sec-title">Questions fréquentes : {{ expertise.title }}</h2>
  84. </div>
  85. <div class="accordion" id="faqAccordion-{{ expertise.id }}">
  86. {% for faq in expertise.faqs %}
  87. <div class="accordion-card">
  88. <div class="accordion-header" id="collapse-item-{{ expertise.id }}-{{ loop.index }}">
  89. <button
  90. class="accordion-button {% if not loop.first %}collapsed{% endif %}"
  91. type="button"
  92. data-bs-toggle="collapse"
  93. data-bs-target="#collapse-{{ expertise.id }}-{{ loop.index }}"
  94. aria-expanded="{{ loop.first ? 'true' : 'false' }}"
  95. aria-controls="collapse-{{ expertise.id }}-{{ loop.index }}"
  96. >
  97. {{ faq.question }}
  98. </button>
  99. </div>
  100. <div
  101. id="collapse-{{ expertise.id }}-{{ loop.index }}"
  102. class="accordion-collapse collapse {% if loop.first %}show{% endif %}"
  103. aria-labelledby="collapse-item-{{ expertise.id }}-{{ loop.index }}"
  104. data-bs-parent="#faqAccordion-{{ expertise.id }}"
  105. >
  106. <div class="accordion-body">
  107. <p class="faq-text">
  108. {{ faq.answer }}
  109. </p>
  110. </div>
  111. </div>
  112. </div>
  113. {% endfor %}
  114. </div>
  115. </div>
  116. {% endif %}
  117. {% endfor %}
  118. </div>
  119. </div>
  120. </div>
  121. </section>
  123. {% endblock %}