templates/page/team_detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3. <div class="breadcumb-wrapper" data-bg-src="{{ asset('assets/img/bg/breadcrumb-bg.jpg') }}" data-overlay="title" data-opacity="8">
  4. <div class="container">
  5. <div class="breadcumb-content">
  6. <h1 class="breadcumb-title">Profil de l'Avocat</h1>
  7. <ul class="breadcumb-menu">
  8. <li>
  9. <a href="{{ path('home') }}">Accueil</a>
  10. </li>
  11. <li>Profil de l'Avocat</li>
  12. </ul>
  13. </div>
  14. </div>
  15. </div>
  16. <section class="space">
  17. <div class="container">
  18. <div class="team-details mb-60">
  19. <div class="row">
  20. <div class="col-xl-5">
  21. <div class="mb-40 mb-xl-0">
  22. <img class="w-100" src="{{ asset('assets/img/about/about-2-main.jpg') }}" alt="Me. Séraphin Noudjénoumé"/>
  23. </div>
  24. </div>
  25. <div class="col-xl-7 ps-3 ps-xl-5 align-self-center">
  26. <div class="team-about">
  27. <div class="team-wrapp">
  28. <div class="top-wrap">
  29. <div class="title-wrap">
  30. <h3 class="team-about_title">Me. SÉRAPHIN NOUDJÉNOUMÉ</h3>
  31. <p class="team-about_desig">Avocat à la Cour</p>
  32. </div>
  33. <div class="th-social">
  34. <a href="https://www.linkedin.com/">
  35. <i class="fab fa-linkedin-in"></i>
  36. </a>
  37. </div>
  38. </div>
  39. <p class="team-about_text">
  40. Ancien Greffier, Greffier en chef et Directeur des services de greffe, Maître Séraphin Noudjénoumé met aujourd’hui son expérience approfondie de l’institution judiciaire au service de ses clients, avec une maîtrise reconnue des procédures et des enjeux juridiques.
  41. </p>
  42. </div>
  43. <div class="about-info-wrap">
  44. <div class="about-info">
  45. <div class="about-info_icon">
  46. <i class="fa-solid fa-user"></i>
  47. </div>
  48. <div class="about-info_content">
  49. <p class="about-info_subtitle">Expérience</p>
  50. <h6 class="about-info_title">Plus de 20 Ans</h6>
  51. </div>
  52. </div>
  53. <div class="about-info">
  54. <div class="about-info_icon">
  55. <i class="fas fa-envelope"></i>
  56. </div>
  57. <div class="about-info_content">
  58. <p class="about-info_subtitle">Email</p>
  59. <h6 class="about-info_title">
  60. <a href="mailto:contact@hysope-avocat.com">contact@hysope-avocat.com</a>
  61. </h6>
  62. </div>
  63. </div>
  64. <div class="about-info">
  65. <div class="about-info_icon">
  66. <i class="fas fa-phone"></i>
  67. </div>
  68. <div class="about-info_content">
  69. <p class="about-info_subtitle">Téléphone</p>
  70. <h6 class="about-info_title">
  71. <a href="tel:+33618104596">+33 6 18 10 45 96</a>
  72. </h6>
  73. </div>
  74. </div>
  75. <div class="about-info">
  76. <div class="about-info_icon">
  77. <i class="fas fa-map-marker-alt"></i>
  78. </div>
  79. <div class="about-info_content">
  80. <p class="about-info_subtitle">Adresse</p>
  81. <h6 class="about-info_title">
  82. <a href="#">11 Bd De Sébastopol, Cdaap 75001 Paris</a>
  83. </h6>
  84. </div>
  85. </div>
  86. </div>
  87. <a href="{{ path('contact') }}" class="th-btn style2">Me Contacter<i class="fa-solid fa-arrow-right-long"></i>
  88. </a>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="row gy-4">
  94. <div class="col-12">
  95. <h2 class="sec-title page-title">À propos de Maître Noudjénoumé</h2>
  96. <p>
  97. Avant son inscription au Barreau de Paris, Maître Séraphin Noudjénoumé a exercé de hautes responsabilités au sein de l'institution judiciaire française. Successivement Greffier, Greffier en chef puis Directeur des services de greffe, il a acquis une connaissance approfondie du fonctionnement des juridictions ainsi qu'une maîtrise rigoureuse des procédures judiciaires.
  98. </p>
  99. <p>
  100. Cette expérience exceptionnelle constitue aujourd'hui un atout majeur dans l'exercice de sa profession d'avocat. Elle lui permet d'appréhender chaque dossier avec une compréhension précise des enjeux juridiques, procéduraux et stratégiques, afin d'offrir à ses clients un accompagnement éclairé et une défense efficace de leurs intérêts.
  101. </p>
  102. <p>
  103. Maître Séraphin Noudjénoumé met son expertise au service des particuliers, des familles et des professionnels dans le cadre de leurs problématiques juridiques et contentieuses. Attaché aux valeurs d'excellence, de rigueur et de confidentialité, il privilégie une relation fondée sur la confiance, la disponibilité et l'écoute.
  104. </p>
  105. <h2 class="sec-title page-title">Parcours et Expertise</h2>
  106. <p>
  107. Grâce à son parcours atypique et particulièrement riche, Maître Noudjénoumé possède une vision transversale du droit. Sa maîtrise des arcanes de la justice lui permet de déceler les points cruciaux dans les dossiers les plus complexes, garantissant ainsi à ses clients une défense robuste et éclairée.
  108. </p>
  109. </div>
  110. <div class="col-lg-6">
  111. <h3 class="title h5 fw-semibold mt-n1">Compétences clés</h3>
  112. <p class="mb-4">
  113. Avec des décennies de pratique, Maître Noudjénoumé excelle dans le conseil et le contentieux à travers diverses disciplines juridiques.
  114. </p>
  115. <div class="skill-feature">
  116. <h3 class="skill-feature_title">Expertise Procédurale</h3>
  117. <div class="progress">
  118. <div class="progress-bar" style="width: 95%; animation: 1.8s animate-positive; opacity: 1;"></div>
  119. <div class="progress-value">95%</div>
  120. </div>
  121. </div>
  122. <div class="skill-feature">
  123. <h3 class="skill-feature_title">Droit du Travail</h3>
  124. <div class="progress">
  125. <div class="progress-bar" style="width: 90%; animation: 1.8s animate-positive; opacity: 1;"></div>
  126. <div class="progress-value">90%</div>
  127. </div>
  128. </div>
  129. <div class="skill-feature">
  130. <h3 class="skill-feature_title">Droit de la Famille</h3>
  131. <div class="progress">
  132. <div class="progress-bar" style="width: 92%; animation: 1.8s animate-positive; opacity: 1;"></div>
  133. <div class="progress-value">92%</div>
  134. </div>
  135. </div>
  136. <div class="skill-feature">
  137. <h3 class="skill-feature_title">Droit Pénal</h3>
  138. <div class="progress">
  139. <div class="progress-bar" style="width: 85%; animation: 1.8s animate-positive; opacity: 1;"></div>
  140. <div class="progress-value">90%</div>
  141. </div>
  142. </div>
  143. <div class="skill-feature">
  144. <h3 class="skill-feature_title">Droit des Étrangers</h3>
  145. <div class="progress">
  146. <div class="progress-bar" style="width: 90%; animation: 1.8s animate-positive; opacity: 1;"></div>
  147. <div class="progress-value">90%</div>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="col-lg-6">
  152. <h3 class="title h5 fw-semibold mt-n1">Points forts</h3>
  153. <p>
  154. Son expérience passée dans la fonction publique judiciaire lui confère une véritable valeur ajoutée en matière de conseils juridiques et de plaidoirie.
  155. </p>
  156. <h3 class="title h6 fw-semibold mt-n1">Expérience des juridictions</h3>
  157. <p class="mb-3">
  158. Une compréhension parfaite du fonctionnement interne des tribunaux, facilitant le suivi et la résolution des procédures.
  159. </p>
  160. <h3 class="title h6 fw-semibold mt-n1">Accompagnement humain</h3>
  161. <p class="mb-3">
  162. Une écoute attentive des besoins de chaque client pour proposer des solutions sur-mesure, qu'il s'agisse de conseil ou de contentieux.
  163. </p>
  164. <h3 class="title h6 fw-semibold mt-n1">Rigueur et intégrité</h3>
  165. <p class="mb-3">
  166. Un traitement transparent et méticuleux de chaque dossier, dans le strict respect de la déontologie du Barreau.
  167. </p>
  168. </div>
  169. <div class="col-12">
  170. <form action="{{ path('contact') }}" method="POST" class="contact-form team-details ajax-contact">
  171. <h4 class="form-title text-start mb-4">Envoyer un message</h4>
  172. <div class="row">
  173. <div class="form-group col-md-6">
  174. <input type="text" class="form-control" name="name" id="name" placeholder="Votre Nom"/>
  175. <i class="fas fa-user"></i>
  176. </div>
  177. <div class="form-group col-md-6">
  178. <input type="tel" class="form-control" name="number" id="number" placeholder="Numéro de téléphone"/>
  179. <i class="fas fa-phone"></i>
  180. </div>
  181. <div class="form-group col-md-6">
  182. <input type="email" class="form-control" name="email" id="email" placeholder="Adresse Email"/>
  183. <i class="fas fa-envelope"></i>
  184. </div>
  185. <div class="form-group col-md-6">
  186. <select name="subject" id="subject" class="form-select">
  187. <option value="" disabled="" selected="" hidden="">
  188. Sujet
  189. </option>
  190. <option value="Droit du travail">Droit du travail</option>
  191. <option value="Droit de la famille">Droit de la famille</option>
  192. <option value="Droit pénal">Droit pénal</option>
  193. <option value="Droit des étrangers">Droit des étrangers</option>
  194. </select>
  195. </div>
  196. <div class="form-group col-12">
  197. <textarea name="message" id="message" cols="30" rows="3" class="form-control" placeholder="Votre Message"></textarea>
  198. <i class="fas fa-pencil"></i>
  199. </div>
  200. <div class="form-btn col-12">
  201. <button class="th-btn style4">
  202. Envoyer le message
  203. <i class="fa-solid fa-arrow-right-long"></i>
  204. </button>
  205. </div>
  206. </div>
  207. <p class="form-messages mb-0 mt-3"></p>
  208. </form>
  209. </div>
  210. </div>
  211. </div>
  212. </section>
  213. {% endblock %}