templates/page/expertise_detail.html.twig line 1

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