templates/home/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
  6. <meta charset="UTF-8">
  7. <!--<meta charset="UTF-8">-->
  8. <!-- For IE -->
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10. <!-- For Resposive Device -->
  11. <meta content="width=device-width, initial-scale=1.0, maximum-scale=5.0" name="viewport">
  12. <meta name="google-site-verification" content="CvOjdd2hnrYMt7ecOs9A7msUY4iqSXfyjHfnSimw1JM">
  13. <title>Yobaale | La livraison sur mesure et responsable</title>
  14. <!-- Main style sheet -->
  15. <link rel="stylesheet" type="text/css" href="https://jungleworks.com/wp-content/themes/jw/jwFonts.css">
  16. <script async="" src="https://www.clarity.ms/s/0.7.59/clarity.js"></script>
  17. <script async="" src="https://www.clarity.ms/tag/uet/187064656"></script>
  18. <script async="" src="https://snap.licdn.com/li.lms-analytics/insight.old.min.js"></script>
  19. <script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script>
  20. <script async="" src="https://outplay.jungleworks.com/js/build.min.js"></script>
  21. <script src="//bat.bing.com/bat.js" async=""></script>
  23. <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-PM7TNXJ"></script>
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  27. <meta name="ahrefs-site-verification" content="c3630b67e80362361faa37cef157ada4a30828b9bd0689a2b9c6772008d7c4ab">
  32. <script>
  33. (function (o, u, t, p, l, a, y, _, h, q) {
  34. if (!o[p] || !o[p]._q) {
  35. for (; _ < y.length;) l(a, y[_++]);
  36. q = u.getElementsByTagName(t)[0]; h = u.createElement(t); h.async = 1;
  37. h.src = "https://outplay.jungleworks.com/js/build.min.js"; q.parentNode.insertBefore(h, q); o[p] = a;
  38. }
  39. })(window, document, "script", "outplayhq", function (g, r) {
  40. g[r] = function () {
  41. g._q.push([r, arguments]);
  42. };
  43. }, { _q: [], _v: 1 }, ["init", "addEmbeddedForm"], 0);
  44. </script>
  45. <meta name="robots" content="noindex, nofollow">
  46. <meta name="uri-translation" content="on">
  47. <!-- This site is optimized with the Yoast SEO plugin v21.5 - https://yoast.com/wordpress/plugins/seo/ -->
  48. <meta name="description" content="Nous sommes les leaders du marché dans la livraison de colis.">
  49. <meta property="og:locale" content="en_US">
  50. <meta property="og:type" content="website">
  51. <meta property="og:title" content="Yobaale | La livraison sur mesure">
  52. <meta property="og:description" content="Nous sommes les leaders du marché dans la livraison de colis.">
  53. <meta property="og:url" content="https://yobaale.com/">
  54. <meta property="og:site_name" content="Yobaale">
  55. <meta property="article:modified_time" content="2025-01-15T11:29:46+00:00">
  56. <meta property="og:image" content="https://yobaale.com/assets/images/logoyobalej.png">
  57. <meta name="twitter:card" content="summary_large_image">
  58. <meta name="twitter:image" content="https://yobaale.com/assets/images/logoyobalej.png">
  59. <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://yobaale.com/","url":"https://yobaales.com/","name":"Yobaale |
  60. ","isPartOf":{"@id":"https://yobaale.com/#website"},"about":{"@id":"https://yobaale.com/#organization"},"datePublished":"2017-10-27T06:05:51+00:00","dateModified":"2022-06-15T11:29:46+00:00","description":"Nous sommes les leaders du marché dans la livraison de colis.","breadcrumb":{"@id":"https://jungleworks.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://jungleworks.com/"]}]},{"@type":"BreadcrumbList","@id":"https://jungleworks.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://jungleworks.com/#website","url":"https://jungleworks.com/","name":"JungleWorks","description":"Business on the Move","publisher":{"@id":"https://jungleworks.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://jungleworks.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://jungleworks.com/#organization","name":"Jungleworks","url":"https://jungleworks.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://jungleworks.com/#/schema/logo/image/","url":"https://jungleworks.com/wp-content/uploads/2021/08/Jungleworks-Full-Logo.png","contentUrl":"https://jungleworks.com/wp-content/uploads/2021/08/Jungleworks-Full-Logo.png","width":264,"height":50,"caption":"Jungleworks"},"image":{"@id":"https://jungleworks.com/#/schema/logo/image/"}}]}</script>
  61. <!-- / Yoast SEO plugin. -->
  63. <style id="classic-theme-styles-inline-css" type="text/css">
  64. /*! This file is auto-generated */
  65. .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
  66. </style>
  67. <style id="global-styles-inline-css" type="text/css">
  68. :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
  69. :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
  70. :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
  71. :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
  72. </style>
  74. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  76. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/images/faviconyobale.png') }}">
  79. <link rel="stylesheet" id="wp-block-library-css" href="https://yobaale.com/style.min.css?ver=6.6.1" type="text/css" media="all">
  82. <link rel="stylesheet" type="text/css" href="https://jungleworks.com/wp-content/themes/jw/style_jw.css">
  83. <link rel="stylesheet" href="https://yobaale.com/styleNJW.css?ver=1276836337">
  86. <style>
  87. /* Styles personnalisés */
  88. @media (max-width: 991px) {
  89. .footer__container {
  90. margin-bottom: 0px;
  91. padding: 0px;
  92. }
  94. .navbar img {
  95. max-width:90%
  96. }
  97. }
  99. .navbar-custom {
  100. background: linear-gradient(120deg, #3498db, #9b59b6);
  101. background-color: wheat; /* Vert élégant */
  102. padding: 1rem 2rem;
  103. position:fixed;
  104. width:100%;
  105. z-index:999999;
  106. }
  107. .navbar-custom .navbar-brand {
  108. color: #fff;
  109. font-weight: bold;
  110. font-size: 1.5rem;
  111. }
  112. .navbar-custom .navbar-nav .nav-link {
  113. color: #1a3665;
  114. margin-right: 1rem;
  115. transition: color 0.3s;
  116. font-size: 1.5rem;
  117. }
  118. .navbar-custom .navbar-nav li {
  119. padding-left:12px
  120. }
  121. .navbar-custom .navbar-nav .nav-link:hover {
  122. color: #1a3665; /* Doré sur survol */
  123. }
  124. .dropdown-menu>li>a {
  125. clear: both;
  126. font-weight: 400;
  127. color: #333;
  128. font-size: 1.5rem;
  129. }
  131. .nav-item:hover {
  132. background-color: #1a3665; /* Orange */
  133. color: white;
  134. box-shadow: 0px 4px 10px #1a3665;
  135. }
  136. ✅ 3. Effet d'animation avec before (soulignement animé)
  137. Si tu veux un effet stylé sous l'élément, utilise ::before :
  139. css
  140. Copier
  141. Modifier
  142. .nav-item {
  143. position: relative;
  144. padding: 10px 15px;
  145. transition: color 0.3s ease-in-out;
  146. }
  148. .nav-item::before {
  149. content: "";
  150. position: absolute;
  151. bottom: 0;
  152. left: 50%;
  153. width: 0;
  154. height: 3px;
  155. background-color: #1a3665;
  156. transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  157. }
  159. .nav-item:hover {
  160. color: #ffffff;
  161. }
  163. .nav-item:hover::before {
  164. width: 100%;
  165. left: 0;
  166. }
  167. 🔥 Effet cool : une barre colorée animée sous l’élément au hover.
  169. ✅ 4. Effet de dégradé dynamique
  170. Si tu veux un dégradé animé :
  172. css
  173. Copier
  174. Modifier
  175. .nav-item {
  176. padding: 10px 15px;
  177. background: linear-gradient(to right, #ff5733, #ffbd33);
  178. background-size: 200% auto;
  179. transition: background-position 0.5s ease-in-out, color 0.3s;
  180. }
  181. .profilcss {
  182. color:#1a3665;
  184. }
  186. .profilcss :hover {
  188. color: white;
  189. }
  190. .nav-item:hover {
  191. background-position: right center;
  192. color: white;
  193. }
  194. 🔥 Effet cool : le dégradé bouge au hover.
  196. ✅ 5. Ajout de l’effet dans une Navbar Bootstrap
  197. Si tu utilises Bootstrap :
  199. css
  200. Copier
  201. Modifier
  202. .navbar-nav .nav-item .nav-link {
  203. transition: background-color 0.3s ease-in-out, color 0.3s;
  204. padding: 10px 15px;
  205. }
  207. .navbar-nav .nav-item .nav-link:hover {
  209. color: #FFA500;
  210. border-radius: 5px;
  211. }
  213. @media (max-width: 768px) {
  214. .footer__copyright {
  215. font-size: 16px !important;
  216. text-align: center;
  217. }
  219. .bookADemoJw {
  220. width:100%
  221. }
  223. .condition {
  224. float:none;
  225. text-align:center;
  226. }
  227. }
  228. .condition {
  229. float:right;
  230. }
  232. </style>
  234. <style>
  236. .custom-list {
  237. list-style: none; /* Enlève les puces par défaut */
  238. padding: 0;
  239. margin: 0;
  240. padding-left: 1.5rem;
  241. }
  243. .custom-list li {
  244. position: relative; /* Positionnement pour placer l'icône */
  245. padding-left: 3rem; /* Espace pour la puce personnalisée */
  246. margin-bottom: 1rem;
  247. font-size: 1.5rem;
  248. transition: transform 0.3s ease, box-shadow 0.3s ease;
  249. }
  251. .custom-list li:hover {
  252. transform: translateY(-3px);
  253. }
  255. .custom-list li::before {
  256. content: '✔'; /* Remplacez par une icône ou un emoji */
  257. position: absolute;
  258. left: 0.8rem;
  259. top: 50%;
  260. transform: translateY(-50%);
  261. font-size: 1.5rem;
  262. color: #FFA500;
  263. }
  264. </style>
  265. </head>
  266. <body>
  267. <nav class="navbar navbar-expand-lg navbar-custom" >
  268. <div class="container">
  269. <!-- Logo -->
  270. <a href="{{ path('home')}}"> <img src="{{ asset('assets/images/logoyobalej.png') }}" alt="homepage" class="light-logos" width=175px />
  272. </a> <!-- Hamburger Menu (Mobile) -->
  273. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" style="border: 2px solid #faa41a;box-shadow: 0 0 0 3px #1a3665;">
  274. <span class="navbar-toggler-icon" style="width: 2em;height: 2em;"></span>
  275. </button>
  276. <!-- Navigation Links -->
  277. <div class="collapse navbar-collapse" id="navbarNav">
  278. <ul class="navbar-nav ms-auto" style="float:right">
  281. <li class="nav-item">
  282. <a class="nav-link" href="{{ path('app_aboutus_index')}}">A Propos</a>
  283. </li>
  285. <li class="nav-item">
  286. <a class="nav-link" href="{{ path('app_services_index')}}">Nos Services</a>
  287. </li>
  290. <li class="nav-item">
  291. <a class="nav-link" href="{{ path('app_tarification_index')}}">Nos tarifs</a>
  292. </li>
  294. <li class="nav-item">
  295. <a class="nav-link" href="{{ path('contact')}}">Contact</a>
  296. </li>
  301. <li class="nav-item" style="width:auto;float:right;color: inherit !important;background-color: transparent !important;text-decoration: none !important;box-shadow:none;">
  302. {% if not app.user %} <a href="{{ path('app_login')}}" style="border: 1px solid #1a3665;background-color: #faa41a;color: #1a3665;padding: 14px 20px;border-radius:8px">Se connecter</a>
  304. {% endif %}
  305. <a href="{{ path('app_register')}}" style="border: 1px solid #faa41a;background-color: #1a3665;color: #faa41a;padding: 14px 20px;border-radius:8px"> S'inscrire</a>
  307. </li>
  309. {% if (app.user) %}
  310. <li class="nav-item" style="color: inherit !important;background-color: transparent !important;text-decoration: none !important;box-shadow:none;">
  312. <div class="btn-group" style="text-align: -webkit-right;">
  313. <a class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 2rem;padding-top: 7px;cursor:pointer;color:#1a3665;width: fit-content;textContent:right">
  314. <img src="https://yobaale.com/assets/images/users/1.jpg" alt="user"
  315. class="" width="31px" style="float:left;border-radius:8px;margin-top:2px;"/>&nbsp;{{app.user.username}}
  316. </a>
  317. <ul class="dropdown-menu">
  318. <li style="padding-left:0"><a style=" padding: 15px 0px 15px 20px !important;" href="{{ path('app_user_show_livraisons', {'id': app.user.id})}}">Mes livraisons</a></li>
  319. <li style="padding-left:0"><a style=" padding: 15px 10px 15px 20px !important;" href="{{ path('app_user_show_credits', {'id': app.user.id})}}">Mes points de fidélité</a></li>
  320. <li style="padding-left:0"><a style=" padding: 15px 10px 15px 20px !important;" href="{{ path('app_user_profile_show', {'id': app.user.id})}}">Mon Profile</a></li>
  321. <li style="padding-left:0"><a style=" padding: 15px 10px 15px 20px !important;" href="{{ path('app_reset_password_request')}}"> Changer mot de passe&nbsp;&nbsp;</a></li>
  322. <li style="padding-left:0"><a style=" padding: 15px 10px 15px 20px !important;" href="{{ path('app_logout')}}">Déconnexion</a></li>
  323. </ul>
  324. </div>
  325. </li>
  328. {% endif %}
  331. </ul>
  332. </div>
  333. </div>
  334. </nav>
  336. <div class="common_nav_top jungleworksnav_top showheader" style="padding-top:80px">
  337. <style>.headerTopjw{background-color: #f6f6f6;padding: 6px 0px;text-align: right;}.headerTopjw ul{float: right;align-items: center;}.headerTopjw ul li{display: inline-block;margin: 0px 10px;}.headerTopjw ul li a{font-size: 12px;font-weight: 400;line-height: 2.83;letter-spacing: 0.3px;color: #5F6673;display: inline-block;transition: 0.4s;padding: 0px 5px;}.headerTopjw ul li a:hover{color: #377DFF;}.aligncenter{align-items: center !important;}ul.menuPds1{position: absolute;background: #ffffff;-webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%);box-shadow: 0px 54px 50px rgb(67 67 68 / 7%);border-radius: 10px;display: none;margin:0px;height:auto;}ul.menuPds1{left:0px;}.mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan{color: #323B4B;padding: 15px 0px 5px;font-weight: 600;line-height: 1.55;}.common_nav_top.jungleworksnav_top .mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan, .common_nav_top .mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan{font-size: 16px;}ul.secMiSol{background: #fff;position: absolute;padding: 15px;background: #ffffff;-webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%);box-shadow: 0px 54px 50px rgb(67 67 68 / 7%);border-radius: 15px;left: -300px;display:none;margin:0px;height:auto;}.common_nav_top.jungleworksnav_top ul.secMiSol.therowSet{left: 0px;}ul.secMiSol li a{line-height: 1.22222;font-weight: 500;color: #5F6673;display: block;border-bottom: 1px solid #FAFBFC;transition: 0.4s;}.common_nav_top ul.secMiSol li a{font-size: 14px;padding: 12px 0px;}.common_nav_top.jungleworksnav_top ul.secMiSol li a{font-size: 16px;padding: 15px 0px;}ul.secMiSol.theBythes{width: 600px;}ul.secMiSol.theBythes li{width: 50% !important;display: block;}.common_nav_top.jungleworksnav_top ul.menuPds1.icMenuSol{left:0px;}ul.menuPds1.icMenuSol{width: 345px;}.common_nav_top ul.menuPds1.icMenuSol li{width: 50%;}.common_nav_top.jungleworksnav_top ul.secMiSol.oneByones{width: 260px;left:0px;}ul.secMiSol.oneByones{width: 235px;left: -145px;}ul.secMiSol.oneByones li{width: 100%;display: block;margin: 0px;}ul.secMiSol.oneByones li a{padding: 15px 0px 15px 20px !important;position: relative;}ul.secMiSol.oneByones li a:hover{border-bottom: 1px solid #377dff;}.mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan:hover, ul.secMiSol li a:hover{color: #377DFF;}ul.menuPds1 li{padding: 0px 15px;display: block;max-width: 100%;}.common_nav_top ul.menuPds1 li{width: 300px;padding: 0px 15px;position: relative;}.common_nav_top ul.menuPds1 li a{color: #323B4B;font-size: 16px;font-weight: 600;transition: 0.4s;display: block;padding: 15px 15px 15px 40px;border-bottom: 2px solid #fafbfc;line-height: 1.35;}.common_nav_top ul.menuPds1 li a span{display: block !important;margin: 0px !important;padding: 0px !important;font-size: 14px !important;}.common_nav_top ul.menuPds1 li a:hover{color:#377DFF;border-color:#377DFF;}ul.menuPds1 li a span{line-height: 1.22222;font-weight: 400;color: #5F6673;display: inline-block;margin-left: 10px;padding-left: 10px;}.common_nav_top.jungleworksnav_top ul.menuPds1 li a span{font-size: 14px;display: inline-block;margin-left: 10px;position: relative;padding-left: 10px;}ul.menuPds1 li ul.menuPdsprt2{position: relative;background: #ffffff;top: 0px;padding: 0px;z-index: 99999;margin: 0px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 2px solid #FAFBFC;}.mainHeadJwn .menuPds1 .nameMenujwn:before{display:none;}.common_nav_top.jungleworksnav_top ul.menuPds1 li ul.menuPdsprt2{right: auto;}ul.menuPds1 li ul.menuPdsprt2 li{padding: 15px;width: 50% !important;}ul.menuPds1 li ul.menuPdsprt2 li a{display: block;color: #323b4b;font-size: 16px;line-height: 1.2345;transition: 0.4s;font-weight: 600;position: relative;padding: 0px 0px 0px 30px;border-bottom: 0px !important;}ul.menuPds1 li ul.menuPdsprt2 li a:hover{color: #377DFF;}ul.menuPds1 li ul.menuPdsprt2 li a span{font-size: 14px !important;padding: 0px !important;margin: 10px 0px 0px -30px !important;border-left: none !important;display: block !important;} ul.menuPds1 li a:before,ul.secMiSol.oneByones li a:before{content: '';background: url(/wp-content/uploads/2021/04/ProductJwSprite.svg) no-repeat;width: 30px;height: 45px;position: absolute;left: 15px;top: 12px;background-size: 30px;} ul.menuPds1 li a:before,ul.secMiSol.oneByones li a:before{background: url(/wp-content/uploads/2021/12/HeaderJW_imgs.png) no-repeat;background-size: 30px;}a.yeloIconBg:before{background-position-y: -66px !important;}a.tigerIconBg:before{background-position-y: -231px !important;}a.huskyIconBg:before{background-position-y: 0px !important;}a.pantherIconBg:before{background-position-y: -341px !important;}a.tookanIconBg:before{background-position-y: -552px !important;}a.flightmapIconBg:before{background-position-y: -520px !important;}a.jugnooIconBg:before{background-position-y: -636px !important;}a.fuguIconBg:before{background-position-y: -578px !important;}a.katoIconBg:before{background-position-y: -115px !important;}a.hippoIconBg:before{background-position-y: -483px !important;}a.bumblIconBg:before{background-position-y: -752px !important;}a.bulbulIconBg:before{background-position-y: -174px !important;}img.burgerset{display: inline-block;position: absolute;z-index: 9;top: 0px;bottom: 0px;margin: auto;left: 15px;width: 40px;display:none;}.mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan:hover:before{transform: rotate(-90deg);}li.item-hasChildern:hover .menuMainSub{display: flex;}li.item-hasChildern:hover .menuMainSub2{display:block;}
  339. .industries li{
  340. width:calc(100% - 10px)!important;
  341. margin: 20px 5px;
  342. }
  343. .mainHeadJwn .nameMenujwn:before,{
  344. display:none;
  345. }
  346. .common_nav_top.jungleworksnav_top ul.menuPds1.icMenuSol {
  348. padding: 0px 20px 20px;
  349. }
  350. .industries ul.menuPds1 li a:before{
  351. display:none;
  352. }
  353. .industries li .h2{
  354. font-size:18px;
  355. font-weight:700;
  356. }
  357. .common_nav_top.jungleworksnav_top ul.menuPds1.icMenuSol {
  359. padding: 0px 20px 20px;
  360. }
  361. .industries hr {
  362. border-top: 1px solid;
  363. margin:10px 0px;
  364. }
  366. .industries li a:hover{
  367. color:rgb(113, 75, 103);
  368. }
  370. .common_nav_top.jungleworksnav_top .mainHeadJwn ul.proOfferList {
  371. justify-content: center;
  372. }
  373. .industries li:nth-child(1) h2,.industries li:nth-child(1) hr{
  374. color: #FFA500;
  375. }
  376. .industries li:nth-child(2) h2,.industries li:nth-child(2) hr{
  377. color: #31922c;
  378. }
  379. .industries li:nth-child(3) h2,.industries li:nth-child(3) hr{
  380. color: #46529a;
  381. }
  382. .industries li:nth-child(4) h2,.industries li:nth-child(4) hr{
  383. color: #FFA500;
  384. }
  385. .industries li:nth-child(5) h2,.industries li:nth-child(5) hr{
  386. color: #16449b;
  387. }
  388. .industries li:nth-child(6) h2,.industries li:nth-child(6) hr{
  389. color: #8a5027;
  390. }
  391. .btn_blue {
  392. background: #FFA500;
  393. color: #003366;
  394. border-color:#FFA500
  395. }
  396. .btn_blue : hover{
  397. background: #003366;
  398. color: #FFA500;
  399. border-color:#003366
  400. }
  401. .industries ul.menuPds1 li a {
  402. padding: 10px 0px;
  403. }
  404. .industries .menueCTA{
  405. margin:auto;
  406. padding: 20px 0px 10px;
  407. }
  408. .industries ul.menuPds1 li a{
  409. padding: 10px 0px;}
  410. .industries ul.menuPds1 img{
  411. max-width: 100%;
  412. display: inline-block;
  413. width: 20px;
  414. margin-left: 5px;}
  416. ul.menuPds1 li a:before, ul.secMiSol.oneByones li a:before {
  417. content: '';
  418. background: url(https://jungleworks.com/wp-content/uploads/2021/04/ProductJwSprite.svg) no-repeat;
  419. width: 30px;
  420. height: 45px;
  421. position: absolute;
  422. left: 5px;
  423. top: 12px;
  424. background-size: 30px;
  425. }
  426. .paddtb70W {
  427. padding: 40px 0px ;
  428. }
  429. body{background:#fafbfc; }
  430. .industries .menueCTA {
  431. background: white;
  432. color: blue;
  433. border: white;
  434. font-size: 20px;
  435. font-weight: bold;
  436. }
  438. .video-wrapper {
  439. margin: 0;
  440. padding: 0;
  441. border: none;
  442. display: flex;
  443. justify-content: center;
  444. align-items: center;
  445. background: #fff; /* Ajoute un fond noir uniforme */
  446. }
  447. .multipleServJw ul li {
  449. border: 2px solid #faa41a;
  450. border-radius: 7px;
  451. }
  453. .multipleServJw ul li : hover {
  455. border: 2px solidrgb(26, 30, 61);
  456. border-radius: 7px;
  457. }
  458. .multipleServJw ul li a{
  460. border: 2px solid #faa41a;
  461. border-radius: 7px;
  462. }
  463. video {
  464. display: block;
  465. margin: 0;
  466. padding: 0;
  467. border: none;
  468. width: 100%; /* Ajustez si besoin */
  469. height: auto;
  470. object-fit: cover; /* Garde un bon ratio sans bordure */
  471. }
  472. .trustedbyw {
  473. padding: 40px 20px;
  474. }
  476. .multipleServJw ul li a {
  477. display: block;
  478. background: #fff;
  479. padding: 25px 5px;
  480. border: 1px solid #fff;
  481. transition: 0.4s;
  482. border-radius: 16px;
  483. border:#FFA500;
  484. border-radius:5px;
  485. }
  486. .multipleServJw ul li {
  487. width: calc(25% - 14px);
  488. margin: 5px;
  489. text-align: center;
  490. }
  491. .multipleServJw ul li a img {
  492. margin: auto;
  493. display: block;
  494. }
  496. .multipleServJw ul li : hover{
  497. border:#FFA500;
  498. border-radius:5px;
  499. }
  500. ul.menuPds1.icMenuSol li a:before, ul.secMiSol.oneByones li a:before {
  501. background: url(https://jungleworks.com/wp-content/uploads/2021/12/HeaderJW_imgs.png) no-repeat;
  502. background-size: 30px;
  503. }
  504. .common_nav_top.jungleworksnav_top .mainHeadJwn .nameMenujwn.pricing:before{
  505. display:none;
  506. }
  507. @media(max-width:1100px)
  508. {
  509. .industries li{
  510. width:calc(33.33% - 10px)!important;
  513. }
  514. .common_nav_top.jungleworksnav_top ul.menuPds1.icMenuSol {
  515. width: 971px;
  516. left: -348px;
  517. }
  519. }
  520. a.btngitgray {
  521. border: 1px solid #1a3665;
  522. background-color: #faa41a;
  523. color: #ffffff;
  524. }
  525. a.btngitgreen, button.btngitgreen {
  526. background: #1a3665;
  527. color: #fff;
  528. border: 1px solid #faa41a;
  529. }
  530. a.btngitgreen :hover {
  531. background: #faa41a;
  532. color: #fff;
  533. border: 1px solid #faa41a;
  534. }
  535. @media(max-width:991px){ul.secMiSol.oneByones{left: 0px;}ul.menuPds1.icMenuSol, .common_nav_top.jungleworksnav_top ul.menuPds1.icMenuSol{width: 100%;left:0px;}ul.menuPds1{position: relative;left: 0px;border-radius: 8px;margin: 0px 0px 15px;background: #ffffff;-webkit-box-shadow: 0px 54px 50px rgb(67 67 68 / 7%);box-shadow: 0px 54px 50px rgb(67 67 68 / 7%);height: 200px;overflow-y: scroll;}.common_nav_top ul.menuPds1 li a{padding: 10px 15px 10px 20px;}a.yeloIconBg:before{background-position-y: -70px !important;}a.tookanIconBg:before{background-position-y: -555px !important;}a.pantherIconBg:before{background-position-y: -344px !important;}a.hippoIconBg:before{background-position-y: -486px !important;}.common_nav_top.jungleworksnav_top ul.menuPds1 li ul.menuPdsprt2{right: 0px;}ul.menuPds1 li ul.menuPdsprt2 li a{font-size: 16px;}ul.menuPds1 li{padding: 0px;display: block;width: 100% !important;}img.burgerset{left: 15px;width: 30px;}.mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan{padding: 15px 20px 20px 40px;font-size: 16px;}ul.menuPds1 li a span{font-size: 14px;}ul.menuPds1 li ul.menuPdsprt2{right: 0px;position: relative;display: block;box-shadow: none;border-radius: 0px;padding: 0px;}ul.menuPds1 li ul.menuPdsprt2 li{padding: 10px 15px;width: 100% !important;}ul.menuPds1 li ul.menuPdsprt2{border-bottom:0px !important;}ul.secMiSol{position: relative;border-radius: 8px;left:0px;}ul.secMiSol.oneByones, .common_nav_top.jungleworksnav_top ul.secMiSol.therowSet, .common_nav_top.jungleworksnav_top ul.secMiSol.oneByones{width: 100%;}ul.secMiSol.theBythes{width: 100%;height: 218px;overflow-y: scroll;}ul.secMiSol li a{font-size: 14px;}ul.secMiSol.oneByones li, ul.secMiSol.theBythes li{width: 100%; margin: 0px;}.cntJw a{margin: 5px 5px 5px 0px;}li.item-hasChildern ul.menuPds1, li.item-hasChildern:hover .menuMainSub2, li.item-hasChildern:hover .menuMainSub, .mainHeadJwn li.item-hasChildern .nameMenujwn.subsecan, img.burgerset{display:none;}li.item-hasChildern.mobshowmen ul.menuPds1, li.item-hasChildern.mobshowmen .menuMainSub2, li.item-hasChildern.mobshowmen .menuMainSub{display:block;}}.common_nav_top.jungleworksnav_top .mainHeadJwn.headJwfixed, .common_nav_top.jungleworksnav_top .mainHeadJwn{position:fixed;background: #fff;}.common_nav_top .mainHeadJwn, .common_nav_top .mainHeadJwn.headJwfixed{position: relative;background: #377DFF;}.fix_nav_top.top_nav_fixed{position: fixed;top: 0px;left: 0px;right: 0px;margin: auto;z-index: 99999;background: #fff;box-shadow: 0px 0px 22px 1px rgb(205 205 205 / 62%);}span.taglines{position: relative;}span.taglines:before{content: '';position: absolute;width: 10px;height: 2px;background: #5F6673;left: -5px;bottom: 0px;margin: auto;top: 0px;}a.cloudIconBg:before {background-position-y: -463px !important;background-image: url(/wp-content/uploads/2022/05/yeloOfferingsIcons.png) !important;}a.fifteenMinIconBg:before {background-position-y: -415px !important;}a.superIconBg:before {background-position-y: -136px !important;}a.telemedicineIconBg:before {background-position-y: -206px !important;}a.d2cIconBg:before {background-position-y: -276px !important;}a.headCommIconBg:before {background-position-y: -345px !important;}a.fmsIconBg:before {background-position-y: -415px !important;}a.lmsIconBg:before {background-position-y: -486px !important;}a.ceaIconBg:before{background: url(/wp-content/uploads/2021/10/ic_customer.svg) no-repeat !important;background-size: contain !important;top: 16px !important;}a.mapprIconBg:before{background: url(/wp-content/uploads/2021/04/flightmapImg.svg) no-repeat !important;background-size: contain !important;top: 16px !important;}ul.secMiSol.oneByones li a:before{left: 0px !important;top: 7px !important;}a.helpdeskIconBg:before{background-position-y: -838px !important;}a.communityIconBg:before{background-position-y: -906px !important;}a.caseStudiesIconBg:before{background-position-y: -977px !important;}a.newsIconBg:before{background-position-y: -1048px !important;}a.businessAcademyIconBg:before{background-position-y: -838px !important;}a.blogIconBg:before{background-position-y: -1257px !important;}a.partnerNtIconBg:before{background-position-y: -556px !important;}a.pFaqsIconBg:before{background-position-y: -627px !important;}a.partnerIntIconBg:before{background-position-y: -697px !important;}a.partnerDirIconBg:before{background-position-y: -767px !important;}@media(max-width:991px){a.cloudIconBg:before{background-position-y: -468px !important;}a.fifteenMinIconBg:before{background-position-y: -419px !important;}a.superIconBg:before{background-position-y: -140px !important;}a.telemedicineIconBg:before {background-position-y: -209px !important;}a.d2cIconBg:before {background-position-y: -279px !important;}a.headCommIconBg:before {background-position-y: -349px !important;}a.fmsIconBg:before {background-position-y: -419px !important;}a.lmsIconBg:before {background-position-y: -489px !important;}a.ceaIconBg:before{top: 12px !important;}a.mapprIconBg:before{top: 13px !important;}}
  536. /* /wp-content/uploads/2020/10/jungleworks_full.png */
  538. </style>
  539. <style>
  540. body {
  541. /* background-image: url('{{ asset('assets/images/backy.jpg') }}')*/
  542. background-size: cover;
  543. background-position: center;
  544. background-repeat: no-repeat;
  545. background-attachment: fixed;
  546. }
  547. </style>
  548. <style>
  550. @media (max-width: 991px) {
  551. .multipleServJw ul li {
  552. width: calc(50% - 16px);
  553. margin: 8px;
  554. text-align: center;
  555. }
  557. .mainHeadJwn ul.mainMenuJw li.logoJw a img {
  558. max-width: 130px;
  559. }
  560. }
  561. @media (max-width: 991px) {
  562. .cntJw {
  563. padding-top:0
  564. }
  565. }
  566. @media (max-width: 991px) {
  567. .common_nav_top.jungleworksnav_top ul.mainMenuJw {
  568. background: transparent;
  569. }
  571. .cntJw a {
  572. margin: 0;
  573. font-size: 11px;
  574. }
  575. }
  576. @media (max-width: 991px) {
  577. .mainHeadJwn li.item-hasChildern, .mainHeadJwn li.itemOnly {
  578. width: 35%;
  579. }
  580. }
  581. .common_nav_top.jungleworksnav_top .mainHeadJwn {
  582. position: fixed;
  583. background: wheat;
  584. }
  585. .mainMenuJw {
  586. background: wheat;
  587. margin-bottom: 0px;
  588. }
  589. hr {
  590. margin-top: 20px;
  591. margin-bottom: 20px;
  592. border-top: 2px solid #FFA500;
  593. }
  594. .btn {
  595. display: -webkit-inline-box;
  596. display: -ms-inline-flexbox;
  597. display: inline-flex
  598. ;
  599. -webkit-box-pack: center;
  600. -ms-flex-pack: center;
  601. justify-content: center;
  602. -webkit-box-align: center;
  603. -ms-flex-align: center;
  604. align-items: center;
  605. min-width: 212px;
  606. height: 36px;
  607. padding: 0 4px;
  608. border-radius: 5px;
  609. font-family: 'Inter', sans-serif;
  610. font-size: 18px;
  611. line-height: 1.2;
  612. font-weight: 600;
  613. -webkit-transition: all .2s;
  614. -o-transition: all .2s;
  615. transition: all .2s;
  616. }
  617. .common_nav_top.jungleworksnav_top .mainHeadJwn ul.mainMenuJw li.logoJw {
  618. width: auto;
  619. }
  620. .menuPds11 {
  621. width: 200px;
  622. right: 0px;
  623. padding: 0px 20px 20px;
  624. }
  626. .navbar-expand-lg .navbar-nav .dropdown-menu {
  627. margin-top: 22px;
  628. }
  629. .industries li {
  630. width: 100%;
  631. margin: 20px 5px;
  632. }
  634. .common_nav_top.jungleworksnav_top .mainHeadJwn .cntJw {
  635. width: auto;
  636. display: block;
  637. text-align: right;
  638. }
  639. media (max-width: 991px) {
  640. .paddtb70W {
  641. padding: 0px
  642. }
  643. }
  645. .common_nav_top.jungleworksnav_top .mainHeadJwn ul.mainMenuJw li.logoJw {
  646. width: auto;
  647. }
  648. .common_nav_top.jungleworksnav_top .mainHeadJwn {
  649. border-bottom: 2px solid #003366;
  650. }
  652. .ightbluebg {background:none}
  654. .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
  655. display: none;
  656. }
  657. @media (max-width: 991px) {
  658. nav ul, ol {
  659. margin: auto;
  660. text-align: right;
  661. }
  662. }
  663. .accueil {font-weight: bolder;padding-top:15px;font-family: 'Roboto', sans-serif;}
  665. @media (max-width: 768px) {.accueil {font-weight: bold;}
  667. .navbar-custom {
  669. padding: 1rem 0.2rem ;
  671. }
  672. }
  675. </style>
  681. <div class="mainHeadJwn" style="display:none">
  682. <div class="container">
  683. <div class="">
  684. <ul class="adjustbxflex aligncenter mainMenuJw">
  685. <li class="logoJw mainlists adjustbxflex">
  686. <div class="logosIstVals">
  687. <a href="/"> <img src="{{ asset('assets/images/logoyobalej.png') }}" alt="homepage" class="light-logos" width=175px />
  689. </a>
  690. </div>
  691. </li>
  692. <li class="offeringJWn mainlists"> <ul class="proOfferList adjustbxflex">
  694. <li class="item-hasChildern industries"><div class="nameMenujwn">Nos Services </div>
  695. <ul class="menuPds1 menuMainSub adjustbxflex theBythes therowSet icMenuSol" >
  697. <li class="child1">
  698. <h2 class="h2">Livraison &amp; expédition</h2>
  699. <hr>
  700. <a href="#">Livraisons documents</a>
  701. <a href="#">Livraison Express</a>
  702. <a href="#">Livraison standard</a>
  703. <a href="#">Livraison colis lourds</a>
  704. </li>
  709. </ul>
  710. </li>
  712. <li class="item-hasChildern"><div class="nameMenujwn">Partnaires</div>
  714. </li>
  716. <li class="item-hasChildern"><div class="nameMenujwn">Contacts</div>
  718. </li>
  719. </ul>
  720. </li>
  722. <li class="cntJw mainlists" style="width:auto;float:right">
  723. {% if not app.user %}
  724. <a href="{{ path('app_login')}}" class="btntpGit btngitgray">Se connecter</a> {% endif %}
  725. <a href="{{ path('app_register')}}" class="btntpGit btngitgreen " style="width:auto;right:0"> S'inscrire</a>
  727. </li>
  729. {% if (app.user) %}
  730. <li class="item-hasChildern" >
  731. <div class="nameMenujwn" style="width:auto;"><img src="https://yobaale.com/assets/images/users/1.jpg" alt="user"
  732. class="" width="31" style="float:left;border-radius:5px;margin-top:2px;">&nbsp;{{app.user.username}}</div>
  733. <ul class="menuMainSub adjustbxflex secMiSol oneByones" style="border-radius:0">
  734. <li><a style=" padding: 15px 0px 15px 20px !important;" href="{{ path('app_user_show_livraisons', {'id': app.user.id})}}">Mes livraisons</a></li>
  735. <li><a style=" padding: 15px 0px 15px 20px !important;" href="{{ path('app_user_show_credits', {'id': app.user.id})}}">Mes Crédits</a></li>
  736. <li><a style=" padding: 15px 0px 15px 20px !important;" href="{{ path('app_user_profile_show', {'id': app.user.id})}}">Mon Profile</a></li>
  737. <li><a style=" padding: 15px 0px 15px 20px !important;" href="{{ path('app_reset_password_request')}}"> Changer mot de passe</a></li>
  738. <li><a style=" padding: 15px 0px 15px 20px !important;" href="{{ path('app_logout')}}">Déconnexion</a></li>
  739. </ul>
  740. </li>
  745. </ul>
  748. {% endif %}
  753. </ul>
  754. </div>
  755. </div>
  756. </div>
  757. <style>
  760. .header {
  761. height: 30px;
  762. background: repeating-linear-gradient(
  763. -90deg, /* Angle of the stripes */
  764. #FFA500, /* Primary stripe color */
  765. #003366 5px, /* Stripe thickness */
  766. #FFA500 5px, /* Secondary stripe color */
  767. #003366 5px /* Stripe thickness */
  768. );
  769. color: white;
  770. display: flex;
  771. align-items: center;
  772. justify-content: center;
  773. text-align: center;
  774. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  775. }
  777. </style>
  779. <div class="header">
  780. &nbsp;
  781. </div>
  782. <div class="containers">
  784. {% block body %}
  787. <div class="container"><div class="container">&nbsp;</div>
  788. <div class="adjustbxflex aligncenterflex container">
  790. <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
  792. <h2 class="accueil">Yobaale, la livraison flexible, durable et pensée pour vous.
  793. </h2><br/>
  795. <p class="info">Rejoignez la solution de livraison par abonnement qui s’adapte à votre quotidien.</p>
  796. <style>
  797. .line-container {
  798. display: flex;
  799. align-items: center;
  800. justify-content: center;
  801. position: relative;
  802. width: 100%;
  803. margin: 40px 0;
  804. }
  806. .line {
  807. width: 100%;
  808. height: 4px;
  809. background-color: #FFA500;
  810. position: relative;
  811. }
  813. .line::before {
  814. content: '';
  815. position: absolute;
  816. left: 50%;
  817. top: 50%;
  818. transform: translate(-50%, -50%);
  819. width: 20px;
  820. height: 20px;
  821. background-color: white;
  822. border: 4px solid #FFA500;
  823. border-radius: 50%;
  824. }
  825. </style>
  827. <div class="line-container">
  828. <div class="line"></div>
  829. </div>
  833. <ul class="custom-list">
  834. <li>Livraison rapide et fiable</li>
  835. <li>Service client disponible 24/7</li>
  836. <li>Des prix compétitifs</li>
  837. <li>Écologique et durable</li>
  838. </ul>
  839. <br/><br/>
  840. <a href="{{ path('app_livraisons_new_front') }}" type="btn" class="bookADemoJw advantages__btn btn-warning btn btn-lg btn_blue " style="padding:30px 40px;">
  841. <img data-original="{{ asset('images/pD.png') }}" alt="Pickup and Delivery" src="{{ asset('images/pD.png') }}" style="float:left">
  842. <span style="font-size:14px">Demander une livraison<span/>&nbsp;&nbsp;</a>
  843. <br/><br/>
  846. </div>
  848. <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
  849. <video loop="" autoplay="" muted="" playsinline="" style="border-radius: 10px;padding-bottom:3px">
  850. <source src="{{ asset('assets/images/beon_video.mp4') }}" type="video/mp4"></video>
  851. </div>
  853. <br/>
  854. <section class="trustedbyw text-center" ><div class="container"><p class="companies__info h8">Les meilleurs au Sénégal nous font confiance</p>
  855. <div class="row adjustbxflex aligncenterflex"><div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
  856. <img class="lazy_a" src="{{ asset('assets/images/tutti.jpg') }}" style=""></div>
  858. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6"><img class="lazy_a" src="{{ asset('assets/images/brioche.jpg') }}" style=""></div>
  859. <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6"><img class="lazy_a" src="{{ asset('assets/images/tfm.jpg') }}" style="">
  860. </div><div class="col-lg-2 col-md-2 col-sm-4 col-xs-6"><img class="lazy_a" src="{{ asset('assets/images/wave.png') }}" style=""></div>
  861. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6"><img style="max-height: 70px;" class="lazy_a" src="{{ asset('assets/images/om.jpg') }}"></div>
  862. <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6"><img class="lazy_a" src="{{ asset('assets/images/auchan.jpg') }}" style=""></div></div></div>
  863. </section>
  865. {% endblock %}
  867. <section class="lightbluebgs paddtb70W multipleServJw"><div class="container"><h2 class="text-center h3">Nos domaines de livraison</h2>
  868. <p class="info text-center">Avec une flotte de scooters et vélos électriques,Yobaale s’engage pour une livraison éco-durable, respectueuse de l’environnement.</p>
  869. <br/>
  870. <div class="row">
  872. <ul class="adjustbxflex" >
  873. <li><a href="#">
  874. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/food-delivery.svg" alt="Food Delivery" src="https://jungleworks.com/wp-content/uploads/2021/03/food-delivery.svg" class="lazy_a" style="">
  875. <span><br>Alimentation</span></a></li>
  877. <li><a href="#">
  878. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/grocery-delivery.svg" alt="Grocery Delivery" src="https://jungleworks.com/wp-content/uploads/2021/03/grocery-delivery.svg" class="lazy_a" style="">
  879. <span>
  880. <br>Epicerie </span></a></li>
  882. <li><a href="#">
  883. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/home-service.svg" alt="Home Services" src="https://jungleworks.com/wp-content/uploads/2021/03/home-service.svg" class="lazy_a" style="">
  884. <span><br>Services</span></a></li>
  886. <li><a href="#">
  887. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/healthcare.svg" alt="Pharmacy Delivery" src="https://jungleworks.com/wp-content/uploads/2021/03/healthcare.svg" class="lazy_a" style="">
  888. <span>
  889. <br>Pharmacie</span></a></li>
  894. <li><a href="#">
  895. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/flower-delivery.svg" alt="Flower Delivery" src="https://jungleworks.com/wp-content/uploads/2021/03/flower-delivery.svg" class="lazy_a" style="">
  896. <span><br>Fleurs </span></a></li>
  898. <li><a href="#">
  899. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/fleet-management.svg" alt="Fleet Management" src="https://jungleworks.com/wp-content/uploads/2021/03/fleet-management.svg" class="lazy_a" style="">
  900. <span> <br>flotte</span></a></li>
  902. <li><a href="#">
  903. <img data-original="https://jungleworks.com/wp-content/uploads/2021/03/pD.svg" alt="Pickup and Delivery" src="https://jungleworks.com/wp-content/uploads/2021/03/pD.svg" class="lazy_a" style="">
  904. <span><br>Pickup </span></a></li>
  907. <li><a href="#">
  908. <img data-original="https://jungleworks.com/wp-content/uploads/2022/05/beverages_delivery.svg" alt="Beverages Delivery" src="https://jungleworks.com/wp-content/uploads/2022/05/beverages_delivery.svg" class="lazy_a" style="">
  909. <span><br>Boissons </span></a></li>
  912. </ul>
  913. </div>
  914. </div>
  916. <p class="text-center"><a type="button" class="advantages__btn spacet35 ctatextblue" data-toggle="modal" href="/contact">Vous cherchez autre chose ? Contactez-nous.<img class="lazy_a" src="https://jungleworks.com/wp-content/uploads/2021/04/bluerroe.svg" data-original="https://jungleworks.com/wp-content/uploads/2021/04/bluerroe.svg" alt="" style=""></a></p></section>
  922. <footer class="footer" style="background-color:transparent"><div class="footer__center container">
  923. <div class="footer__container adjustbxflex">
  925. <div class="footer__wrap">
  926. <a class="footer__logo" href="/">
  927. <img src="{{ asset('assets/images/logoyobalej.png') }}" alt="Yobale" class="light-logo" style="width:175px" />
  928. </a>
  929. <div class="footer__text">Yobaale, la livraison flexible, durable et pensée pour vous.</div>
  930. <div class="footer__social">
  932. <a class="footer__link" href="https://www.facebook.com/people/Yobaal%C3%A9/61575510563833" target="_blank">
  933. <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
  934. <path d="M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 25.832031 46 A 1.0001 1.0001 0 0 0 26.158203 46 L 31.832031 46 A 1.0001 1.0001 0 0 0 32.158203 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.668484 6 44 7.3315161 44 9 L 44 41 C 44 42.668484 42.668484 44 41 44 L 33 44 L 33 30 L 36.820312 30 L 38.220703 23 L 33 23 L 33 21 C 33 20.442508 33.05305 20.398929 33.240234 20.277344 C 33.427419 20.155758 34.005822 20 35 20 L 38 20 L 38 14.369141 L 37.429688 14.097656 C 37.429688 14.097656 35.132647 13 32 13 C 29.75 13 27.901588 13.896453 26.71875 15.375 C 25.535912 16.853547 25 18.833333 25 21 L 25 23 L 22 23 L 22 30 L 25 30 L 25 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 32 15 C 34.079062 15 35.38736 15.458455 36 15.701172 L 36 18 L 35 18 C 33.849178 18 32.926956 18.0952 32.150391 18.599609 C 31.373826 19.104024 31 20.061492 31 21 L 31 25 L 35.779297 25 L 35.179688 28 L 31 28 L 31 44 L 27 44 L 27 28 L 24 28 L 24 25 L 27 25 L 27 21 C 27 19.166667 27.464088 17.646453 28.28125 16.625 C 29.098412 15.603547 30.25 15 32 15 z"></path>
  935. </svg></a>
  936. <a class="footer__link" href="https://www.instagram.com/yobaale_sn" target="_blank">
  937. <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
  938. <path d="M 16 3 C 8.8324839 3 3 8.8324839 3 16 L 3 34 C 3 41.167516 8.8324839 47 16 47 L 34 47 C 41.167516 47 47 41.167516 47 34 L 47 16 C 47 8.8324839 41.167516 3 34 3 L 16 3 z M 16 5 L 34 5 C 40.086484 5 45 9.9135161 45 16 L 45 34 C 45 40.086484 40.086484 45 34 45 L 16 45 C 9.9135161 45 5 40.086484 5 34 L 5 16 C 5 9.9135161 9.9135161 5 16 5 z M 37 11 A 2 2 0 0 0 35 13 A 2 2 0 0 0 37 15 A 2 2 0 0 0 39 13 A 2 2 0 0 0 37 11 z M 25 14 C 18.936712 14 14 18.936712 14 25 C 14 31.063288 18.936712 36 25 36 C 31.063288 36 36 31.063288 36 25 C 36 18.936712 31.063288 14 25 14 z M 25 16 C 29.982407 16 34 20.017593 34 25 C 34 29.982407 29.982407 34 25 34 C 20.017593 34 16 29.982407 16 25 C 16 20.017593 20.017593 16 25 16 z"></path>
  939. </svg></a>
  941. <a class="footer__link" href="https://www.tiktok.com/@yobaale" target="_blank">
  942. <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
  943. <path d="M 9 4 C 6.2495759 4 4 6.2495759 4 9 L 4 41 C 4 43.750424 6.2495759 46 9 46 L 41 46 C 43.750424 46 46 43.750424 46 41 L 46 9 C 46 6.2495759 43.750424 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.671576 6 44 7.3284241 44 9 L 44 41 C 44 42.671576 42.671576 44 41 44 L 9 44 C 7.3284241 44 6 42.671576 6 41 L 6 9 C 6 7.3284241 7.3284241 6 9 6 z M 26.042969 10 A 1.0001 1.0001 0 0 0 25.042969 10.998047 C 25.042969 10.998047 25.031984 15.873262 25.021484 20.759766 C 25.016184 23.203017 25.009799 25.64879 25.005859 27.490234 C 25.001922 29.331679 25 30.496833 25 30.59375 C 25 32.409009 23.351421 33.892578 21.472656 33.892578 C 19.608867 33.892578 18.121094 32.402853 18.121094 30.539062 C 18.121094 28.675273 19.608867 27.1875 21.472656 27.1875 C 21.535796 27.1875 21.663054 27.208245 21.880859 27.234375 A 1.0001 1.0001 0 0 0 23 26.240234 L 23 22.039062 A 1.0001 1.0001 0 0 0 22.0625 21.041016 C 21.906673 21.031216 21.710581 21.011719 21.472656 21.011719 C 16.223131 21.011719 11.945313 25.289537 11.945312 30.539062 C 11.945312 35.788589 16.223131 40.066406 21.472656 40.066406 C 26.72204 40.066409 31 35.788588 31 30.539062 L 31 21.490234 C 32.454611 22.653646 34.267517 23.390625 36.269531 23.390625 C 36.542588 23.390625 36.802305 23.374442 37.050781 23.351562 A 1.0001 1.0001 0 0 0 37.958984 22.355469 L 37.958984 17.685547 A 1.0001 1.0001 0 0 0 37.03125 16.6875 C 33.886609 16.461891 31.379838 14.012216 31.052734 10.896484 A 1.0001 1.0001 0 0 0 30.058594 10 L 26.042969 10 z M 27.041016 12 L 29.322266 12 C 30.049047 15.2987 32.626734 17.814404 35.958984 18.445312 L 35.958984 21.310547 C 33.820114 21.201935 31.941489 20.134948 30.835938 18.453125 A 1.0001 1.0001 0 0 0 29 19.003906 L 29 30.539062 C 29 34.707538 25.641273 38.066406 21.472656 38.066406 C 17.304181 38.066406 13.945312 34.707538 13.945312 30.539062 C 13.945312 26.538539 17.066083 23.363182 21 23.107422 L 21 25.283203 C 18.286416 25.535721 16.121094 27.762246 16.121094 30.539062 C 16.121094 33.483274 18.528445 35.892578 21.472656 35.892578 C 24.401892 35.892578 27 33.586491 27 30.59375 C 27 30.64267 27.001859 29.335571 27.005859 27.494141 C 27.009759 25.65271 27.016224 23.20692 27.021484 20.763672 C 27.030884 16.376775 27.039186 12.849206 27.041016 12 z"></path>
  944. </svg></a>
  946. </div><div class="languagejw">
  947. <div class="gtranslate_wrapper" id="gt-wrapper-46151377"></div></div></div><div class="footer__row">
  949. <div class="footer__col"><div class="footer__category">Nos Services</div>
  950. <div class="footer__menu">
  951. <a class="footer__item" href="#">Livraisons document</a>
  952. <a class="footer__item" href="#">Livraison Express</a>
  953. <a class="footer__item" href="#">Livraison standard</a>
  954. <a class="footer__item" href="#">Livraison colis lourds</a>
  955. </div>
  956. </div>
  957. <div class="footer__col">
  958. <div class="footer__category">Yobaale</div>
  959. <div class="footer__menu">
  960. <a class="footer__item" href="/programmefidelite">Programme de fidélité</a>
  961. <a class="footer__item" href="#">Fonctionnalités</a>
  962. <a class="footer__item" href="#" target="_blank">Emplois</a>
  963. <a class="footer__item" href="/cgi">Conditions générales</a>
  964. </div>
  965. </div>
  967. <div class="footer__col">
  968. <div class="footer__category">Liens rapides</div>
  969. <div class="footer__menu">
  970. <a class="footer__item" href="/tarification">Nos Tarifs</a>
  971. <a class="footer__item" href="#">Nos Partenaires</a>
  972. <a class="footer__item" href="/services">Nos Services</a>
  973. <a class="footer__item" href="/aboutus">A propos de nous</a>
  974. </div></div>
  975. <div class="footer__col">
  976. <div class="footer__category">Contactez-Nous</div>
  977. <div class="footer__menu">
  982. <div class="addjwset">
  983. <p class="addressSetjw opShow">
  984. <span>Yobaale,</span>
  985. <i>Mermoz VDN <br/>villa nº7284</i>
  986. </p>
  987. <p class="addressSetjw">
  988. <span>Email: contact@yobaale.com</span><br/>
  989. <i>Dakar-Senegal<br>Tel:
  990. <a href="tel:+221772341545"> +221-772341545</a>
  992. </i><br/>
  993. <span>Ninea: 011986273</span>
  997. </p>
  998. </div>
  999. </div>
  1000. </div>
  1001. </div>
  1002. </div>
  1005. <div class="line-container">
  1006. <div class="line"></div>
  1007. </div>
  1008. <style>
  1009. #whatsapp-widget {
  1010. position: fixed;
  1011. bottom: 200px;
  1012. right: 0px;
  1013. z-index: 1000;
  1014. }
  1016. #whatsapp-widget img {
  1017. width: 100px;
  1018. height: 100px;
  1019. border-radius: 50%;
  1020. transition: transform 0.3s;
  1021. }
  1023. #whatsapp-widget img:hover {
  1024. transform: scale(1.1);
  1025. }
  1026. .tool {
  1027. position: relative;
  1028. display: inline-block;
  1029. }
  1031. /* tool text styling */
  1032. .tool-text {
  1033. visibility: hidden;
  1034. width: 125px;
  1035. background-color: black;
  1036. color: #fff;
  1037. text-align: center;
  1038. padding: 5px 0;
  1039. border-radius: 5px;
  1040. position: absolute;
  1041. bottom: 18px;
  1042. left: -132%;
  1043. transform: translateX(-50%);
  1044. white-space: nowrap;
  1045. transition: opacity 0.3s ease;
  1046. }
  1048. .tool-text::after {
  1049. content: "";
  1050. position: absolute;
  1051. top: 40%;
  1052. left: 100%;
  1053. transform: rotateZ(-90deg);
  1054. border-width: 5px;
  1055. border-style: solid;
  1056. border-color: black transparent transparent transparent;
  1057. }
  1058. .tool:hover .tool-text {
  1059. visibility: visible;
  1060. opacity: 1;
  1061. }
  1062. #whatsapp-widget svg{
  1063. width:55px;
  1064. height:auto;
  1065. }
  1066. #whatsapp-widget svg path{
  1067. fill: revert-layer;
  1068. }
  1069. </style>
  1070. <div id="whatsapp-widget">
  1071. <a href="https://wa.me/+221774271878" target="_blank">
  1072. <div class="tool">
  1073. <span class="tool-text">Chat With Us</span>
  1074. <!-- <img src="/wp-content/uploads/2024/11/Frame-1-1.png" alt="Chat with us on WhatsApp"> -->
  1075. <div class="waLogo">
  1076. <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
  1077. <path d="M0 24C0 10.7452 10.7452 0 24 0H99.4413V100H24C10.7451 100 0 89.2548 0 76V24Z" fill="#1FAF38"></path>
  1078. <path d="M15.4925 49.5687C15.4909 55.6238 17.073 61.5361 20.0814 66.7472L15.2048 84.5523L33.4261 79.7746C38.4658 82.5181 44.1125 83.9557 49.8506 83.9562H49.8657C68.8085 83.9562 84.2283 68.5419 84.2364 49.5958C84.24 40.4151 80.668 31.7821 74.178 25.2872C67.6892 18.7928 59.0593 15.2143 49.8643 15.2101C30.9194 15.2101 15.5006 30.6235 15.4928 49.5687" fill="url(#paint0_linear_35_2)"></path>
  1079. <path d="M14.2654 49.5576C14.2635 55.8305 15.9023 61.9542 19.0179 67.352L13.9666 85.7953L32.8411 80.8464C38.0417 83.6819 43.897 85.1768 49.8551 85.1791H49.8705C69.4928 85.1791 85.4665 69.2103 85.4749 49.586C85.4783 40.0754 81.7777 31.1321 75.0559 24.4045C68.3333 17.6777 59.3948 13.9704 49.8705 13.9665C30.2448 13.9665 14.2733 29.933 14.2654 49.5576ZM25.5059 66.4224L24.8012 65.3036C21.8386 60.593 20.2749 55.1495 20.2772 49.5598C20.2833 33.2483 33.5582 19.9777 49.8816 19.9777C57.7867 19.981 65.2157 23.0626 70.8034 28.6536C76.3909 34.2453 79.4654 41.6782 79.4635 49.5838C79.4562 65.8953 66.1811 79.1676 49.8705 79.1676H49.8587C44.5478 79.1648 39.3392 77.7386 34.7967 75.0433L33.7157 74.4023L22.5152 77.3388L25.5059 66.4224Z" fill="url(#paint1_linear_35_2)"></path>
  1080. <path d="M40.9715 34.6782C40.3051 33.1969 39.6037 33.167 38.9699 33.1411C38.4509 33.1187 37.8576 33.1204 37.2648 33.1204C36.6715 33.1204 35.7076 33.3436 34.8928 34.2332C34.0771 35.1237 31.7788 37.2757 31.7788 41.6525C31.7788 46.0293 34.9668 50.2595 35.4112 50.8536C35.8562 51.4466 41.5657 60.7159 50.6081 64.2818C58.1232 67.2452 59.6526 66.6559 61.2836 66.5073C62.9148 66.3592 66.5472 64.3559 67.2883 62.2785C68.0299 60.2014 68.0299 58.4209 67.8076 58.0489C67.5852 57.6782 66.9919 57.4556 66.1023 57.0109C65.2126 56.5662 60.8386 54.4137 60.0232 54.1168C59.2076 53.8201 58.6146 53.6721 58.0213 54.5628C57.428 55.4522 55.7243 57.4556 55.2051 58.0489C54.6864 58.6436 54.1671 58.7176 53.2777 58.2726C52.3875 57.8263 49.5224 56.888 46.1232 53.8575C43.4785 51.4994 41.6931 48.5874 41.1741 47.6966C40.6551 46.8073 41.1185 46.3251 41.5646 45.8818C41.9643 45.4832 42.4545 44.843 42.8998 44.3237C43.3433 43.8042 43.4914 43.4335 43.788 42.8402C44.085 42.2464 43.9364 41.7268 43.7143 41.2818C43.4914 40.8369 41.7626 36.4372 40.9715 34.6782Z" fill="white"></path>
  1081. <defs>
  1082. <linearGradient id="paint0_linear_35_2" x1="3466.78" y1="6949.43" x2="3466.78" y2="15.2101" gradientUnits="userSpaceOnUse">
  1083. <stop stop-color="#1FAF38"></stop>
  1084. <stop offset="1" stop-color="#60D669"></stop>
  1085. </linearGradient>
  1086. <linearGradient id="paint1_linear_35_2" x1="3589.39" y1="7196.84" x2="3589.39" y2="13.9665" gradientUnits="userSpaceOnUse">
  1087. <stop stop-color="#F9F9F9"></stop>
  1088. <stop offset="1" stop-color="white"></stop>
  1089. </linearGradient>
  1090. </defs>
  1091. </svg>
  1093. </div>
  1094. </div>
  1095. </a>
  1096. </div>
  1099. <div class="row adjustbxflex aligncenterflex copyRightjws">
  1100. <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 orderm2">
  1101. <div class="footer__copyright">
  1102. © 2024 YOBAALE. All rights reserved.
  1103. </div>
  1104. </div>
  1105. <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 orderm1">
  1106. <p class="condition"><a href="/cgi" class="footer__item">Conditions générales</a> | <a href="/cgi#confidentialite" class="footer__item">politique de confidentialité</a></p></div>
  1107. </div>
  1108. </div>
  1110. </footer>
  1116. </body>
  1118. </html>