templates/page/expertises.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">Nos Domaines d'Expertise</h1>
  8. <ul class="breadcumb-menu">
  9. <li>
  10. <a href="{{ path('home') }}">Accueil</a>
  11. </li>
  12. <li>Nos Expertises</li>
  13. </ul>
  14. </div>
  15. </div>
  16. </div>
  17. <section class="th-service-1 overflow-hidden space" id="service-sec">
  18. <div class="container">
  19. <div class="row justify-content-center">
  20. <div class="col-xxl-6 col-xl-7 col-lg-7 col-md-8">
  21. <div class="title-area text-center">
  22. <span class="sub-title justify-content-center">Ce que nous faisons</span>
  23. <h2 class="sec-title">Expertises Juridiques</h2>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="row gy-30 justify-content-center">
  28. {% for exp in expertises %}
  29. <div class="col-xl-4 col-md-6">
  30. <div class="service-card">
  31. <div class="shape-mockup service_card-bg-1">
  32. <img src="{{ asset('assets/img/bg/service_card-bg-1_1.png') }}" alt="shape img"/>
  33. </div>
  34. <div class="box-icon">
  35. {% set icon_index = loop.index > 6 ? (loop.index % 6) + 1 : loop.index %}
  36. <img src="{{ asset('assets/img/icon/service_card_1_' ~ icon_index ~ '.svg') }}" alt="Icon"/>
  37. </div>
  38. <div class="box-content">
  39. <h3 class="box-title">
  40. <a href="{{ path('expertise_detail', {'slug': exp.slug}) }}">{{ exp.title }}</a>
  41. </h3>
  42. <p class="box-text">
  43. {{ exp.shortDescription }}
  44. </p>
  45. </div>
  46. <a href="{{ path('expertise_detail', {'slug': exp.slug}) }}" class="link-btn">En savoir plus
  47. <i class="fa-solid fa-arrow-right-long"></i>
  48. </a>
  49. </div>
  50. </div>
  51. {% endfor %}
  52. </div>
  53. </div>
  54. </section>
  56. <section class="testi-card-area-1 overflow-hidden space" id="testi-sec" data-bg-src="{{ asset('assets/img/bg/testi-bg-1.png') }}">
  57. <div class="container">
  58. <div class="row justify-content-lg-between justify-content-center align-items-end">
  59. <div class="col-lg">
  60. <div class="title-area text-center text-lg-start">
  61. <span class="sub-title before-none">Témoignages</span>
  62. <h2 class="sec-title">Ce que disent nos clients</h2>
  63. </div>
  64. </div>
  65. <div class="col-lg-auto">
  66. <div class="sec-btn">
  67. <div class="icon-box">
  68. <button data-slider-prev="#testiSlide11" class="slider-arrow default">
  69. <i class="fa-solid fa-arrow-left"></i>
  70. </button>
  71. <button data-slider-next="#testiSlide11" class="slider-arrow default">
  72. <i class="fa-solid fa-arrow-right"></i>
  73. </button>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="testi-card-slide">
  79. <div class="swiper has-shadow th-slider" id="testiSlide11" data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'>
  80. <div class="swiper-wrapper">
  81. <div class="swiper-slide">
  82. <div class="testi-block" dir="ltr">
  83. <div class="testi-icon-1-top">
  84. <img src="{{ asset('assets/img/icon/testi-icon-1-top.svg') }}" alt="image"/>
  85. </div>
  86. <div class="testi-block-top">
  87. <div class="content">
  88. <h3 class="box-title">Monique D.</h3>
  89. <p class="box-desig">Chef d'entreprise</p>
  90. <div class="box-review">
  91. <i class="fa-solid fa-star"></i>
  92. <i class="fa-solid fa-star"></i>
  93. <i class="fa-solid fa-star"></i>
  94. <i class="fa-solid fa-star"></i>
  95. <i class="fa-solid fa-star"></i>
  96. </div>
  97. </div>
  98. </div>
  99. <p class="box-text">
  100. "J'étais confrontée à des problèmes complexes de droit des affaires. Le cabinet m'a non seulement apporté la solution dont j'avais besoin, mais m'a également conseillé pour éviter que le problème ne se reproduise. Leur équipe est incroyablement compétente. Je suis très reconnaissante pour leur aide et je les recommanderais à quiconque."
  101. </p>
  102. </div>
  103. </div>
  104. <div class="swiper-slide">
  105. <div class="testi-block" dir="ltr">
  106. <div class="testi-icon-1-top">
  107. <img src="{{ asset('assets/img/icon/testi-icon-1-top.svg') }}" alt="image"/>
  108. </div>
  109. <div class="testi-block-top">
  110. <div class="content">
  111. <h3 class="box-title">Thomas H.</h3>
  112. <p class="box-desig">Particulier</p>
  113. <div class="box-review">
  114. <i class="fa-solid fa-star"></i>
  115. <i class="fa-solid fa-star"></i>
  116. <i class="fa-solid fa-star"></i>
  117. <i class="fa-solid fa-star"></i>
  118. <i class="fa-solid fa-star"></i>
  119. </div>
  120. </div>
  121. </div>
  122. <p class="box-text">
  123. "J'ai fait face à des défis importants en droit de la famille. Le cabinet a résolu mes problèmes avec efficacité et humanité. L'équipe est très à l'écoute, patiente, et priorise toujours l'intérêt du client. J'apprécie sincèrement leur soutien et je les recommande vivement pour leur grand professionnalisme."
  124. </p>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </section>
  134. {% endblock %}