templates/partials/_header.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html class="no-js" lang="zxx" dir="ltr">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="x-ua-compatible" content="ie=edge"/>
  6. <title>
  7. {% block title %}Cabinet d'Avocat | Expertise Juridique et Accompagnement
  8. {% endblock %}
  9. </title>
  10. <meta name="author" content="Cabinet d'Avocat"/>
  11. <meta name="description" content="{% block meta_description %}Cabinet d'avocat expert en droit de la famille, droit du travail, droit pénal, droit des étrangers et droit général. Un accompagnement professionnel, humain et rassurant.{% endblock %}"/>
  12. <meta name="keywords" content="{% block meta_keywords %}avocat, cabinet d'avocat, droit de la famille, droit du travail, droit pénal, droit des étrangers, droit pénal du travail, consultation juridique, avocat conseil{% endblock %}"/>
  13. <meta property="og:title" content="{{ block('title') }}"/>
  14. <meta property="og:description" content="{{ block('meta_description') }}"/>
  15. <meta property="og:type" content="website"/>
  16. <meta name="robots" content="INDEX,FOLLOW"/>
  17. <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/>
  18. <link rel="apple-touch-icon" href="{{ asset('assets/img/favicons/apple-icon.png') }}"/>
  19. <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('assets/img/favicons/favicon.png') }}"/>
  20. <link rel="manifest" href="{{ asset('assets/img/favicons/manifest.json') }}"/>
  21. <meta name="msapplication-TileColor" content="#ffffff"/>
  22. <meta name="msapplication-TileImage" content="assets/img/favicons/apple-icon.png"/>
  23. <meta name="theme-color" content="#ffffff"/>
  24. <link rel="preconnect" href="https://fonts.googleapis.com"/>
  25. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  26. <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/>
  27. <link rel="stylesheet" href="{{ asset('assets/css/app.min.css') }}"/>
  28. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
  29. <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?v=4"/>
  30. </head>
  31. <body class="">
  32. <div class="preloader">
  33. <button class="th-btn preloaderCls">Annuler le préchargeur</button>
  34. <div class="preloader-inner">
  35. <div class="loader"></div>
  36. </div>
  37. </div>
  38. {# <div class="color-scheme-wrap active">
  39. <button class="switchIcon">
  40. <i class="fa-solid fa-palette"></i>
  41. </button>
  42. <h3 class="color-scheme-wrap-title text-center">Color Switcher</h3>
  43. <h4 class="color-scheme-wrap-subtitle text-center">Theme Color</h4>
  44. <div class="color-switch-btns">
  45. <button data-color="#1A685B">
  46. <i class="fa-solid fa-droplet"></i>
  47. </button>
  48. <button data-color="#f34e3a">
  49. <i class="fa-solid fa-droplet"></i>
  50. </button>
  51. <button data-color="#FF4857">
  52. <i class="fa-solid fa-droplet"></i>
  53. </button>
  54. <button data-color="#3843C1">
  55. <i class="fa-solid fa-droplet"></i>
  56. </button>
  57. <button data-color="#FF7E02">
  58. <i class="fa-solid fa-droplet"></i>
  59. </button>
  60. </div>
  61. <h4 class="color-scheme-wrap-subtitle mt-20 text-center">
  62. Secondary Color
  63. </h4>
  64. <div class="secondary-color-switch-btns">
  65. <button data-secondary-color="#FFAC00">
  66. <i class="fa-solid fa-droplet"></i>
  67. </button>
  68. <button data-secondary-color="#F41E1E">
  69. <i class="fa-solid fa-droplet"></i>
  70. </button>
  71. <button data-secondary-color="#f34e3a">
  72. <i class="fa-solid fa-droplet"></i>
  73. </button>
  74. <button data-secondary-color="#FF4857">
  75. <i class="fa-solid fa-droplet"></i>
  76. </button>
  77. <button data-secondary-color="#3843C1">
  78. <i class="fa-solid fa-droplet"></i>
  79. </button>
  80. </div>
  81. </div> #}
  82. <div class="th-menu-wrapper">
  83. <div class="th-menu-area text-center">
  84. <button class="th-menu-toggle">
  85. <i class="fal fa-times"></i>
  86. </button>
  87. <div class="mobile-logo">
  88. <a href="{{ path('home') }}"><img src="{{ asset('assets/img/logo.png') }}" alt="Cabinet d'Avocat"/></a>
  89. </div>
  90. <div class="th-mobile-menu">
  91. <ul>
  92. <li class="{{ app.request.attributes.get('_route') == 'home' ? 'active' : '' }}">
  93. <a href="{{path('home')}}">Accueil</a>
  94. </li>
  95. <li class="{{ app.request.attributes.get('_route') == 'about' ? 'active' : '' }}">
  96. <a href="{{path('about')}}">Le Cabinet</a>
  97. </li>
  98. <li class="{{ app.request.attributes.get('_route') in ['expertises', 'expertise_detail'] ? 'active' : '' }}">
  99. <a href="{{path('expertises')}}">Domaines d'expertise</a>
  100. </li>
  101. <li class="{{ app.request.attributes.get('_route') == 'seraphin_noudjenoume' ? 'active' : '' }}">
  102. <a href="{{path('seraphin_noudjenoume')}}">L'Avocat</a>
  103. </li>
  104. <li class="{{ app.request.attributes.get('_route') in ['blog_index', 'blog_detail'] ? 'active' : '' }}">
  105. <a href="{{path('blog_index')}}">Actualités</a>
  106. </li>
  107. <li class="{{ app.request.attributes.get('_route') == 'faq' ? 'active' : '' }}">
  108. <a href="{{path('faq')}}">FAQ</a>
  109. </li>
  110. <li class="{{ app.request.attributes.get('_route') == 'contact' ? 'active' : '' }}">
  111. <a href="{{path('contact')}}">Contact</a>
  112. </li>
  113. </ul>
  114. </div>
  115. </div>
  116. </div>
  117. <header class="th-header header-layout1">
  118. <div class="header-top">
  119. <div class="container header-1-container">
  120. <div class="row justify-content-center justify-content-lg-between align-items-center gy-2">
  121. <div class="col-auto d-none d-lg-block">
  122. <div class="header-links">
  123. <ul>
  124. <li>
  125. <i class="fa-solid fa-phone"></i>
  126. <a href="tel:+33 6 18 10 45 96">+33 6 18 10 45 96</a>
  127. </li>
  128. <li>
  129. <i class="fa-sharp fa-regular fa-envelope"></i>
  130. <a href="mailto:contact@hysope-avocat.com">contact@hysope-avocat.com</a>
  131. </li>
  132. <li>
  133. <i class="fal fa-location-dot"></i>
  134. <a href="https://www.google.com/maps">35 avenue d'Ivry, 75013 Paris</a>
  135. </li>
  136. </ul>
  137. </div>
  138. </div>
  139. <div class="col-auto">
  140. <div class="header-links">
  141. <div class="social-links">
  142. <a href="https://www.facebook.com/">
  143. <i class="fab fa-facebook-f"></i>
  144. </a>
  145. <a href="https://www.twitter.com/">
  146. <i class="fab fa-twitter"></i>
  147. </a>
  148. <a href="https://www.youtube.com/">
  149. <i class="fa-brands fa-youtube"></i>
  150. </a>
  151. <a href="https://www.linkedin.com/">
  152. <i class="fa-brands fa-linkedin-in"></i>
  153. </a>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="sticky-wrapper">
  161. <div class="menu-area">
  162. <div class="container header-1-container">
  163. <div class="row align-items-center justify-content-between">
  164. <div class="col-auto">
  165. <div class="header-logo">
  166. <div class="logo-bg"></div>
  167. <a href="{{ path('home') }}"><img src="{{ asset('assets/img/logo.png') }}" alt="Cabinet d'Avocat"/></a>
  168. </div>
  169. </div>
  170. <div class="col-auto me-xl-auto">
  171. <nav class="main-menu main-menu d-none d-lg-inline-block">
  172. <ul>
  173. <li class="{{ app.request.attributes.get('_route') == 'home' ? 'active' : '' }}">
  174. <a href="{{path('home')}}">Accueil</a>
  175. </li>
  176. <li class="{{ app.request.attributes.get('_route') == 'about' ? 'active' : '' }}">
  177. <a href="{{path('about')}}">Le Cabinet</a>
  178. </li>
  179. <li class="{{ app.request.attributes.get('_route') in ['expertises', 'expertise_detail'] ? 'active' : '' }}">
  180. <a href="{{path('expertises')}}">Domaines d'expertise</a>
  181. </li>
  182. <li class="{{ app.request.attributes.get('_route') == 'seraphin_noudjenoume' ? 'active' : '' }}">
  183. <a href="{{path('seraphin_noudjenoume')}}">L'Avocat</a>
  184. </li>
  185. <li class="{{ app.request.attributes.get('_route') in ['blog_index', 'blog_detail'] ? 'active' : '' }}">
  186. <a href="{{path('blog_index')}}">Actualités</a>
  187. </li>
  188. <li class="{{ app.request.attributes.get('_route') == 'faq' ? 'active' : '' }}">
  189. <a href="{{path('faq')}}">FAQ</a>
  190. </li>
  191. <li class="{{ app.request.attributes.get('_route') == 'contact' ? 'active' : '' }}">
  192. <a href="{{path('contact')}}">Contact</a>
  193. </li>
  194. </ul>
  195. </nav>
  196. <button type="button" class="th-menu-toggle d-block d-lg-none">
  197. <i class="fa-solid fa-bars"></i>
  198. </button>
  199. </div>
  200. <div class="col-auto d-none d-xl-block">
  201. <div class="header-button">
  202. <a href="{{ path('contact') }}" class="th-btn style4">Prendre rendez-vous
  203. <i class="fa-solid fa-arrow-right-long"></i>
  204. </a>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </header>
  212. </body>
  213. </html>