var/cache/dev/twig/27/27ad2e42026242b334359834988e4a18.php line 52

Open in your IDE?
  1. <?php
  2. use Twig\Environment;
  3. use Twig\Error\LoaderError;
  4. use Twig\Error\RuntimeError;
  5. use Twig\Extension\CoreExtension;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  14. /* Theme/Users/User/Security/accueilsite.html.twig */
  15. class __TwigTemplate_f2289c61c8fc7fb48083ddddd1185944 extends Template
  16. {
  17.     private $source;
  18.     private $macros = [];
  19.     public function __construct(Environment $env)
  20.     {
  21.         parent::__construct($env);
  22.         $this->source $this->getSourceContext();
  23.         $this->blocks = [
  24.             'meta' => [$this'block_meta'],
  25.             'title' => [$this'block_title'],
  26.             'userblog_body' => [$this'block_userblog_body'],
  27.             'javascripttemplate' => [$this'block_javascripttemplate'],
  28.         ];
  29.     }
  30.     protected function doGetParent(array $context)
  31.     {
  32.         // line 1
  33.         return "Theme/Users/User/layoutbase.html.twig";
  34.     }
  35.     protected function doDisplay(array $context, array $blocks = [])
  36.     {
  37.         $macros $this->macros;
  38.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  39.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""Theme/Users/User/Security/accueilsite.html.twig"));
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  41.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""Theme/Users/User/Security/accueilsite.html.twig"));
  42.         $this->parent $this->loadTemplate("Theme/Users/User/layoutbase.html.twig""Theme/Users/User/Security/accueilsite.html.twig"1);
  43.         yield from $this->parent->unwrap()->yield($contextarray_merge($this->blocks$blocks));
  44.         
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  46.         
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  48.     }
  49.     // line 2
  50.     public function block_meta($context, array $blocks = [])
  51.     {
  52.         $macros $this->macros;
  53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""meta"));
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""meta"));
  57.         // line 3
  58.         yield "\t";
  59.         yield from $this->yieldParentBlock("meta"$context$blocks);
  60.         yield "
  61. \t<meta name=\"keywords\" content=\"";
  62.         // line 4
  63.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site"$context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.'4$this->source); })()), "html"nulltrue);
  64.         yield ", \"/>
  65. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  66. \t<meta name=\"description\" content=\"";
  67.         // line 6
  68.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site"$context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.'6$this->source); })()), "html"nulltrue);
  69.         yield "\" />
  70. ";
  71.         
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  73.         
  74.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  75.         return; yield '';
  76.     }
  77.     // line 9
  78.     public function block_title($context, array $blocks = [])
  79.     {
  80.         $macros $this->macros;
  81.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  82.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""title"));
  83.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  84.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""title"));
  85.         // line 10
  86.         yield "\t";
  87.         yield from $this->yieldParentBlock("title"$context$blocks);
  88.         yield " - Bienvenue sur le portail web ";
  89.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["site"]) || array_key_exists("site"$context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.'10$this->source); })()), "html"nulltrue);
  90.         yield "
  91. ";
  92.         
  93.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  94.         
  95.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  96.         return; yield '';
  97.     }
  98.     // line 13
  99.     public function block_userblog_body($context, array $blocks = [])
  100.     {
  101.         $macros $this->macros;
  102.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  103.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""userblog_body"));
  104.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  105.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""userblog_body"));
  106.         // line 14
  107.         yield "<style>
  108. .logoslide {
  109.   display: inline-block; /* Pour un alignement horizontal */
  110.   white-space: nowrap; /* Empêche le retour à la ligne */
  111. }
  112. .logo-slide-content {
  113.   display: inline-block; /* Affiche les éléments sur une seule ligne */
  114.   animation: logoslide 10s linear infinite; /* Animation de défilement */
  115. }
  116. @keyframes logoslide {
  117.   from {
  118.     transform: translateX(100%); /* Commence à droite */
  119.   }
  120.   to {
  121.     transform: translateX(-60%); /* Termine à gauche */
  122.   }
  123. }
  124. .logo-img {
  125.   margin: 0 15px; /* Espacement entre les logos */
  126.   height: 50px; /* Hauteur des logos, ajustez selon vos besoins */
  127. }
  128. .logo-slide-container {
  129.   width: 100%; /* Largeur du conteneur, ajustez selon vos besoins */
  130.   overflow: hidden; /* Cache le débordement */
  131. }.carousel img {
  132.   width: 70px;
  133.   max-height: 70px;
  134.   border-radius: 50%;
  135.   margin-right: 1rem;
  136.   overflow: hidden;
  137. ";
  138.         // line 52
  139.         yield "    .section-head.center.wt-small-separator-outer {
  140.         margin-bottom: 50px;
  141.         text-align: center;
  142.     }
  143.     .section-head {
  144.         position: relative;
  145.     }
  146.     .site-text-primary, .wt-small-separator {
  147.         color: #ea130e;
  148.     }
  149.     .wt-small-separator {
  150.         font-family: \"Heebo\", sans-serif;
  151.         text-transform: uppercase;
  152.         letter-spacing: 1px;
  153.         padding-right: 40px;
  154.         font-size: 26px;
  155.         line-height: 26px;
  156.         margin-bottom: 15px;
  157.         position: relative;
  158.         display: inline-block;
  159.         font-weight: 700;
  160.     }
  161.     .section-head.center .wt-small-separator div.sep-leaf-left {
  162.         position: relative;
  163.     }
  164.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  165.         background-color: #ea130e;
  166.     }
  167.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  168.         right: -20px;
  169.         width: 10px;
  170.     }
  171.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  172.         position: absolute;
  173.         content: '';
  174.         height: 22px;
  175.         bottom: 0px;
  176.         top: 0px;
  177.         transform: skew(-20deg);
  178.     }
  179.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  180.         right: -27px;
  181.         width: 4px;
  182.     }
  183.     .section-head.center.wt-small-separator-outer h2 {
  184.         max-width: 630px;
  185.         margin: 0px auto;
  186.     }
  187.     h2 {
  188.         font-size: 60px;
  189.         font-weight: 700;
  190.     }
  191. </style>
  192. <main>
  193.     <!-- Overlay -->
  194.     <div class=\"overlay\" id=\"overlay\"></div>
  195.     <!-- Hero Section -->
  196.     <section class=\"hero\">
  197.         <div class=\"container\">
  198.             <h1 class=\"animate-fade-in\">Révolutionnez Votre Approche de la Comptabilité</h1>
  199.             <p class=\"animate-fade-in delay-1\">Outils Avancés pour la Gestion des Finances, la Préparation Fiscale et le Suivi Budgétaire.</p>
  200.             <div class=\"animate-fade-in delay-2\">
  201.                 <a href=\"#calculator\" class=\"btn-up\">Start Calculating</a>
  202.                 <a href=\"#features\" class=\"btn-up btn-outline\">Learn More</a>
  203.             </div>
  204.         </div>
  205.     </section>
  206.     <section style=\"background: #e6edf7;\">
  207.       <div class=\"container\">
  208.         <div class=\"logo-slide-container\" style=\"background: #fff;\">
  209.           <div class=\"logos mb-4\" class=\"logoslide\"  style=\"padding: 0px 15px;\">
  210.             <div class=\"section-head center wt-small-separator-outer mt-3\" style=\"margin-bottom: 0px;\">
  211.               <div class=\"wt-small-separator site-text-primary\">
  212.                 <div class=\"sep-leaf-left\"></div>
  213.                 <div>Nos partenaires de collaborations</div>
  214.               </div>
  215.             </div>
  216.             <div class=\"logos-images logo-slide-content d-flex gap-4 align-items-center\">
  217.               <img class=\"img-fluid\" src=\"";
  218.         // line 134
  219.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/logo/IMG-20250902-WA0000.jpg"), "html"nulltrue);
  220.         yield "\" alt=\"Company 1\" style=\"width: 50px;\">
  221.               <img class=\"img-fluid\" src=\"";
  222.         // line 135
  223.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/logo/IMG-20250902-WA0001.jpg"), "html"nulltrue);
  224.         yield "\" alt=\"Company 2\" style=\"width: 50px;\">
  225.               <img class=\"img-fluid\" src=\"";
  226.         // line 136
  227.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/logo/IMG-20250902-WA0002.jpg"), "html"nulltrue);
  228.         yield "\" alt=\"Company 3\" style=\"width: 50px;\">
  229.             </div>
  230.           </div>
  231.         </div>
  232.       </div>
  233.     </section>
  234.         <script>
  235.           const logoslideContent = document.querySelector('.logo-slide-content');
  236.           const speed = 10; // Ajustez cette valeur pour changer la vitesse
  237.           logoslideContent.style.animationDuration = `\${speed}s`;
  238.         </script>
  239.         <!-- End Hero-->
  240.     <section class=\"section-services\">
  241. \t<div class=\"container\" style=\"margin-top: 10px;\">
  242. \t\t<div class=\"section-head center wt-small-separator-outer mt-3\" style=\"margin-bottom: 0px;\">
  243.         <div class=\"wt-small-separator site-text-primary\">
  244.           <div class=\"sep-leaf-left\"></div>
  245.           <div>Nos Services</div>
  246.         </div>
  247.     </div>
  248. \t\t<div class=\"row\">
  249.         ";
  250.         // line 163
  251.         $context['_parent'] = $context;
  252.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["liste_service"]) || array_key_exists("liste_service"$context) ? $context["liste_service"] : (function () { throw new RuntimeError('Variable "liste_service" does not exist.'163$this->source); })()));
  253.         $context['_iterated'] = false;
  254.         foreach ($context['_seq'] as $context["_key"] => $context["service"]) {
  255.             // line 164
  256.             yield "\t\t\t\t<!-- Single Service -->
  257. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  258. \t\t\t\t\t<div class=\"single-service\">
  259. \t\t\t\t\t\t<div class=\"content\">
  260. \t\t\t\t\t\t\t<span class=\"icon\">
  261. \t\t\t\t\t\t\t\t<i class=\"fab fa-battle-net\"></i>
  262. \t\t\t\t\t\t\t</span>
  263. \t\t\t\t\t\t\t<h3 class=\"title\">";
  264.             // line 171
  265.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["service"], "name", [], "any"falsefalsefalse171), "html"nulltrue);
  266.             yield "</h3>
  267. \t\t\t\t\t\t\t<p class=\"description\">";
  268.             // line 172
  269.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["service"], "description", [], "any"falsefalsefalse172), "html"nulltrue);
  270.             yield "</p>
  271. \t\t\t\t\t\t\t<a href=\"";
  272.             // line 173
  273.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_service", ["id" => CoreExtension::getAttribute($this->env$this->source$context["service"], "id", [], "any"falsefalsefalse173)]), "html"nulltrue);
  274.             yield "\" class=\"learn-more\">En savoir plus</a>
  275. \t\t\t\t\t\t</div>
  276. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  277. \t\t\t\t\t</div>
  278. \t\t\t\t</div>
  279. \t\t\t\t<!-- / End Single Service -->
  280.         ";
  281.             $context['_iterated'] = true;
  282.         }
  283.         if (!$context['_iterated']) {
  284.             // line 180
  285.             yield "\t\t\t\t<!-- Single Service -->
  286. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  287. \t\t\t\t\t<div class=\"single-service\">
  288. \t\t\t\t\t\t<div class=\"content\">
  289. \t\t\t\t\t\t\t<span class=\"icon\">
  290. \t\t\t\t\t\t\t\t<i class=\"fab fa-asymmetrik\"></i>
  291. \t\t\t\t\t\t\t</span>
  292. \t\t\t\t\t\t\t<h3 class=\"title\">It Management</h3>
  293. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  294. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  295. \t\t\t\t\t\t</div>
  296. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  297. \t\t\t\t\t</div>
  298. \t\t\t\t</div>
  299. \t\t\t\t<!-- / End Single Service -->
  300. \t\t\t\t<!-- Single Service -->
  301. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  302. \t\t\t\t\t<div class=\"single-service\">
  303. \t\t\t\t\t\t<div class=\"content\">
  304. \t\t\t\t\t\t\t<span class=\"icon\">
  305. \t\t\t\t\t\t\t\t<i class=\"fab fa-artstation\"></i>
  306. \t\t\t\t\t\t\t</span>
  307. \t\t\t\t\t\t\t<h3 class=\"title\">Software Development</h3>
  308. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  309. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  310. \t\t\t\t\t\t</div>
  311. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  312. \t\t\t\t\t</div>
  313. \t\t\t\t</div>
  314. \t\t\t\t<!-- / End Single Service -->
  315. \t\t\t\t<!-- Single Service -->
  316. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  317. \t\t\t\t\t<div class=\"single-service\">
  318. \t\t\t\t\t\t<div class=\"content\">
  319. \t\t\t\t\t\t\t<span class=\"icon\">
  320. \t\t\t\t\t\t\t\t<i class=\"fab fa-500px\"></i>
  321. \t\t\t\t\t\t\t</span>
  322. \t\t\t\t\t\t\t<h3 class=\"title\">Brand Strategy</h3>
  323. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  324. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  325. \t\t\t\t\t\t</div>
  326. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  327. \t\t\t\t\t</div>
  328. \t\t\t\t</div>
  329. \t\t\t\t<!-- / End Single Service -->
  330. \t\t\t\t<!-- Single Service -->
  331. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  332. \t\t\t\t\t<div class=\"single-service\">
  333. \t\t\t\t\t\t<div class=\"content\">
  334. \t\t\t\t\t\t\t<span class=\"icon\">
  335. \t\t\t\t\t\t\t\t<i class=\"fas fa-chart-pie\"></i>
  336. \t\t\t\t\t\t\t</span>
  337. \t\t\t\t\t\t\t<h3 class=\"title\">Business Consulting</h3>
  338. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  339. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  340. \t\t\t\t\t\t</div>
  341. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  342. \t\t\t\t\t</div>
  343. \t\t\t\t</div>
  344. \t\t\t\t<!-- / End Single Service -->
  345. \t\t\t\t<!-- Single Service -->
  346. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  347. \t\t\t\t\t<div class=\"single-service\">
  348. \t\t\t\t\t\t<div class=\"content\">
  349. \t\t\t\t\t\t\t<span class=\"icon\">
  350. \t\t\t\t\t\t\t\t<i class=\"fas fa-laptop-code\"></i>
  351. \t\t\t\t\t\t\t</span>
  352. \t\t\t\t\t\t\t<h3 class=\"title\">Website Design</h3>
  353. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  354. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  355. \t\t\t\t\t\t</div>
  356. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  357. \t\t\t\t\t</div>
  358. \t\t\t\t</div>
  359. \t\t\t\t<!-- / End Single Service -->
  360.          ";
  361.         }
  362.         $_parent $context['_parent'];
  363.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['service'], $context['_parent'], $context['loop']);
  364.         $context array_intersect_key($context$_parent) + $_parent;
  365.         // line 256
  366.         yield "\t\t\t</div>
  367.       <div class=\"text-center mt-3\">
  368.           <div class=\"animate-fade-in delay-2\">
  369.             <a href=\"#calculator\" class=\"btn-up\">Affhicher tout</a>
  370.             <a href=\"#features\" class=\"btn-up btn-outline\">Filtrer par département</a>
  371.         </div>
  372.       </div>
  373. \t</div>
  374. </section>
  375.         
  376.         <!-- ======= How it works =======-->
  377.         <section class=\"section howitworks__v1\" id=\"how-it-works\">
  378.           <div class=\"container\">
  379.             <div class=\"section-head center wt-small-separator-outer\">
  380.               <div class=\"wt-small-separator site-text-primary\">
  381.                 <div class=\"sep-leaf-left\"></div>
  382.                 <div>Fonctionnement</div>
  383.               </div>
  384.               <h1 class=\"wt-title\">Comment nous vous accompagnons</h1>
  385.               <p>Nous vous accompagnons à chaque étape, offrant conseils et soutien pour atteindre vos objectifs.</p>
  386.             </div>
  387.             <div class=\"row g-md-5\">
  388.               <div class=\"col-md-6 col-lg-3\">
  389.                 <div class=\"step-card text-center h-100 d-flex flex-column justify-content-start position-relative\">
  390.                   <div>
  391.                     <img class=\"arch-line\" src=\"";
  392.         // line 286
  393.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/arch-line.svg"), "html"nulltrue);
  394.         yield "\" alt=\"FreeBootstrap.net image placeholder\">
  395.                   </div>
  396.                   <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">1</span>
  397.                   <div>
  398.                     <h3 class=\"fs-5 mb-4\">Consultation et Analyse de la Situation</h3>
  399.                     <p>Nous commençons par une rencontre pour cerner vos besoins financiers, puis nous analysons vos documents et votre comptabilité pour repérer les améliorations possibles.</p>
  400.                   </div>
  401.                 </div>
  402.               </div>
  403.               <div class=\"col-md-6 col-lg-3\">
  404.                 <div class=\"step-card text-center h-100 d-flex flex-column justify-content-start position-relative\">
  405.                   <div>
  406.                     <img class=\"arch-line\" src=\"";
  407.         // line 299
  408.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/arch-line.svg"), "html"nulltrue);
  409.         yield "\" alt=\"FreeBootstrap.net image placeholder\">
  410.                   </div>
  411.                   <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">2</span>
  412.                   <h3 class=\"fs-5 mb-4\">Élaboration d’un Plan et Mise en Œuvre</h3>
  413.                   <p>Nous créons un plan sur mesure pour améliorer votre comptabilité et fiscalité, puis nous appliquons les solutions pour garantir une transition facile.</p>
  414.                 </div>
  415.               </div>
  416.               <div class=\"col-md-6 col-lg-3\">
  417.                 <div class=\"step-card last text-center h-100 d-flex flex-column justify-content-start position-relative\">
  418.                   <img class=\"arch-line\" src=\"";
  419.         // line 308
  420.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/arch-line.svg"), "html"nulltrue);
  421.         yield "\" alt=\"FreeBootstrap.net image placeholder\">
  422.                 <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">3</span>
  423.                 <div>
  424.                   <h3 class=\"fs-5 mb-4\">Suivi Régulier</h3>
  425.                   <p>Nous assurons un suivi continu pour ajuster les stratégies en fonction de l'évolution de votre entreprise et des réglementations, garantissant ainsi votre succès durable.</p>
  426.                 </div>
  427.                 </div>
  428.               </div>
  429.               <div class=\"col-md-6 col-lg-3\">
  430.                 <div class=\"step-card last text-center h-100 d-flex flex-column justify-content-start position-relative\">
  431.                 <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">4</span>
  432.                   <div>
  433.                     <h3 class=\"fs-5 mb-4\">Rapports et Conseils</h3>
  434.                     <p>Nous fournissons des rapports réguliers et des conseils proactifs pour vous aider à prendre des décisions éclairées, optimisant ainsi la performance de votre entreprise.</p>
  435.                   </div>
  436.                 </div>
  437.               </div>
  438.             </div>
  439.           </div>
  440.         </section>
  441.         <!-- End How it works-->
  442.         
  443.         <!-- ======= Stats =======-->
  444.         <section class=\"stats__v3 section\" style=\"background-color: #268dcf;\">
  445.           <div class=\"container\">
  446.             <div class=\"row\">
  447.               <div class=\"col-12\">
  448.                 <div class=\"d-flex flex-wrap content rounded-4\">
  449.                   <div class=\"rounded-borders\">
  450.                     <div class=\"rounded-border-1\"></div>
  451.                     <div class=\"rounded-border-2\"></div>
  452.                     <div class=\"rounded-border-3\"></div>
  453.                   </div>
  454.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  455.                     <div class=\"stat-item\">
  456.                       <h3 class=\"fs-1 fw-bold\"><span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"1500\" data-purecounter-duration=\"2\">0</span><span>+</span></h3>
  457.                       <p class=\"mb-0\">Clients Satisfaits</p>
  458.                     </div>
  459.                   </div>
  460.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  461.                     <div class=\"stat-item\">
  462.                       <h3 class=\"fs-1 fw-bold\"> <span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"30\" data-purecounter-duration=\"2\">0</span><span>+</span></h3>
  463.                       <p class=\"mb-0\">Nombre de personnels</p>
  464.                     </div>
  465.                   </div>
  466.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  467.                     <div class=\"stat-item\">
  468.                       <h3 class=\"fs-1 fw-bold\"><span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"3\" data-purecounter-duration=\"2\">0</span></h3>
  469.                       <p class=\"mb-0\">Nos Bureaux</p>
  470.                     </div>
  471.                   </div>
  472.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  473.                     <div class=\"stat-item\">
  474.                       <h3 class=\"fs-1 fw-bold\"><span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"5\" data-purecounter-duration=\"2\">0</span><span>+</span></h3>
  475.                       <p class=\"mb-0\">Années d'expertises</p>
  476.                     </div>
  477.                   </div>
  478.                 </div>
  479.               </div>
  480.             </div>
  481.           </div>
  482.         </section>
  483.         <!-- End Stats-->
  484.         
  485.         <!-- ======= Start Services =======-->
  486.         <section class=\"section services__v3 pt-5\" id=\"services\">
  487.           <div class=\"container\">
  488.             <div class=\"section-head center wt-small-separator-outer\">
  489.               <div class=\"wt-small-separator site-text-primary\">
  490.                 <div class=\"sep-leaf-left\"></div>
  491.                 <div>Nos Départements</div>
  492.               </div>
  493.               <h1 class=\"wt-title\">Départements : gestion et analyse des finances de l'entreprise.</h1>
  494.               ";
  495.         // line 382
  496.         yield "            </div>
  497.             <div class=\"row g-4\">
  498.               ";
  499.         // line 386
  500.         $context['_parent'] = $context;
  501.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["liste_departement"]) || array_key_exists("liste_departement"$context) ? $context["liste_departement"] : (function () { throw new RuntimeError('Variable "liste_departement" does not exist.'386$this->source); })()));
  502.         $context['_iterated'] = false;
  503.         foreach ($context['_seq'] as $context["_key"] => $context["depart"]) {
  504.             // line 387
  505.             yield "              <div class=\"col-md-6 col-lg-4\">
  506.                 <div class=\"card card-hover rounded-4 h-100 d-flex flex-column justify-content-between\">
  507.                   <div class=\"card-header\">
  508.                     <span class=\"star\" data-rating=\"5\"></span>
  509.                   </div>
  510.                   <div class=\"card-body\">
  511.                     <span class=\"icon mb-4\">
  512.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  513.                         <g>
  514.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  515.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  516.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  517.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  518.                         </g>
  519.                       </svg>
  520.                     </span>
  521.                     <h3 class=\"fs-5 mb-3\">";
  522.             // line 403
  523.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["depart"], "name", [], "any"falsefalsefalse403), "html"nulltrue);
  524.             yield "</h3>
  525.                     <p class=\"mb-4\">";
  526.             // line 404
  527.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["depart"], "description", [], "any"falsefalsefalse404), "html"nulltrue);
  528.             yield "</p>
  529.                   </div>
  530.                   <div class=\"card-footer\">
  531.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"";
  532.             // line 407
  533.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_departement", ["id" => CoreExtension::getAttribute($this->env$this->source$context["depart"], "id", [], "any"falsefalsefalse407)]), "html"nulltrue);
  534.             yield "\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  535.                   </div>
  536.                 </div>
  537.               </div>
  538.               ";
  539.             $context['_iterated'] = true;
  540.         }
  541.         if (!$context['_iterated']) {
  542.             // line 412
  543.             yield "              <div class=\"col-md-6 col-lg-4\">
  544.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  545.                   <div class=\"card-header\">
  546.                     <span class=\"star\" data-rating=\"5\"></span>
  547.                   </div>
  548.                   <div class=\"card-body\">
  549.                     <span class=\"icon mb-4\">
  550.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  551.                         <g>
  552.                           <path d=\"m57.936 58.647-4.47-11.871a9.542 9.542 0 0 0-5.914-5.693l-7.659-2.609-1.944-2.116v-2.62a13.043 13.043 0 0 0 4.739-5.175 14.256 14.256 0 0 0 3.237.14 2.909 2.909 0 0 0 2.905-2.906v-5.382a2.895 2.895 0 0 0-1.495-2.523 13.84 13.84 0 0 0-2.807-7.777 1 1 0 0 0-1.597 1.205 11.879 11.879 0 0 1 2.386 6.19c-.012-.01-2.017.036-1.987-.023-4.064-11.113-18.668-11.126-22.702.024h-1.875c.73-9.938 13.556-14.987 21.539-8.81a1 1 0 0 0 1.196-1.605c-9.394-7.24-24.311-1.02-24.754 10.758a2.895 2.895 0 0 0-1.566 2.561v5.382a2.909 2.909 0 0 0 2.905 2.906c.4-.042 2.932.115 3.213-.122a12.843 12.843 0 0 0 4.542 5.038v2.757l-1.825 2.184-7.553 2.521a9.547 9.547 0 0 0-5.917 5.695l-4.47 11.871a1.008 1.008 0 0 0 .935 1.352H49.97a1 1 0 0 0 0-2H36.123l-2.985-7.876 2.014-2.491 2.009 1.746a1.007 1.007 0 0 0 1.643-.594l1.322-8.118 6.785 2.312a7.549 7.549 0 0 1 4.682 4.504L55.555 58H53.97a1 1 0 0 0 0 2H57a1.007 1.007 0 0 0 .936-1.353zm-13.77-39.136h1.759a.906.906 0 0 1 .905.904v5.382a.906.906 0 0 1-.905.906h-1.759zm-24.334 7.192h-1.759a.906.906 0 0 1-.905-.906v-5.382a.906.906 0 0 1 .905-.904h1.76s.038 5.959 0 7.192zm12.146-15.6a10.16 10.16 0 0 1 9.15 6.288L38.85 18.43a4.677 4.677 0 0 1-4.986-.747 6.633 6.633 0 0 0-7.78-.736l-3.91 2.325c1.2-4.704 5.135-8.169 9.803-8.169zM21.832 23.168V21.8l5.273-3.133a4.632 4.632 0 0 1 5.433.51 6.72 6.72 0 0 0 7.15 1.07l2.098-.957a12.113 12.113 0 0 1 .38 2.98c-.464 14.245-18.826 15.065-20.334.9zM35.95 34.706v1.718l-3.968 5.464-4.153-5.473v-1.78a11.242 11.242 0 0 0 8.12.071zm-9.164 3.643 3.852 5.075-3.771 3.28-1.206-7.008zM8.444 58l3.96-10.516a7.551 7.551 0 0 1 4.681-4.505l6.724-2.245 1.387 8.06a1.007 1.007 0 0 0 1.641.585l2.01-1.746 2.013 2.491L27.875 58zm25.54 0h-3.97L32 52.763zm-1.985-9.65-1.642-2.03 1.642-1.428 1.642 1.427zm5.12-1.658-3.772-3.28 3.693-5.085 1.224 1.332z\" fill=\"currentColor\" opacity=\"1\" data-original=\"currentColor\"></path>
  553.                         </g>
  554.                       </svg>
  555.                     </span>
  556.                     <h3 class=\"fs-5 mb-3\">Département Fiscalité</h3>
  557.                     <p class=\"mb-4\">Nous évaluons la performance financière, analysons les données et proposons des recommandations pour améliorer la rentabilité et la croissance.</p>
  558.                   </div>
  559.                   <div class=\"card-footer\">
  560.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  561.                   </div>
  562.                 </div>
  563.               </div>
  564.               <div class=\"col-md-6 col-lg-4\">
  565.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  566.                   <div class=\"card-header\">
  567.                     <span class=\"star\" data-rating=\"5\"></span>
  568.                   </div>
  569.                   <div class=\"card-body\">
  570.                     <span class=\"icon mb-4\">
  571.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  572.                         <g>
  573.                           <path d=\"M35.719 21.413a1 1 0 0 0-1.586 1.218 15.554 15.554 0 0 1 1.806 3.012h-6.1a19.93 19.93 0 0 0-3.417-8.42 15.637 15.637 0 0 1 5.012 2.652 1 1 0 0 0 1.245-1.565 17.676 17.676 0 1 0-11.002 31.51c14.511.067 22.936-16.94 14.042-28.407zm.966 6.23a15.507 15.507 0 0 1 .001 8.994h-6.533a35.942 35.942 0 0 0-.001-8.995zM29.84 38.635h6.102a15.688 15.688 0 0 1-9.534 8.447 19.91 19.91 0 0 0 3.432-8.447zm-1.402-6.491a34.461 34.461 0 0 1-.292 4.492h-12.94a34.731 34.731 0 0 1 .001-8.995h12.938a34.461 34.461 0 0 1 .293 4.503zm-6.812-15.67c2.533-.006 5.021 3.488 6.193 9.168H15.535c1.138-5.63 3.672-9.12 6.092-9.168zm-4.683.734a19.903 19.903 0 0 0-3.429 8.434H7.417a15.707 15.707 0 0 1 9.527-8.434zM6 32.149a15.682 15.682 0 0 1 .671-4.507h6.53a35.936 35.936 0 0 0 0 8.995H6.67A15.558 15.558 0 0 1 6 32.15zm1.413 6.487h6.1a19.912 19.912 0 0 0 3.43 8.446 15.69 15.69 0 0 1-9.53-8.446zm8.118 0h12.29c-2.589 12.171-9.703 12.166-12.29 0zM16.844 8.31H38.91a8.42 8.42 0 0 1 8.4 8.106l-2.018-2.018a1 1 0 0 0-1.414 1.414l3.74 3.74a1 1 0 0 0 1.414 0l3.74-3.74a1 1 0 0 0-1.413-1.414l-2.048 2.047A10.421 10.421 0 0 0 38.911 6.31H16.844a1 1 0 0 0 0 2zM50.105 44.448a1 1 0 0 0-1.413 0l-3.74 3.74a1 1 0 1 0 1.413 1.414l2.018-2.018a8.419 8.419 0 0 1-8.4 8.107H17.916a1 1 0 0 0 0 2h22.067a10.42 10.42 0 0 0 10.401-10.136l2.048 2.047a1 1 0 0 0 1.413-1.414zM58.589 27.13a1 1 0 0 0-1.694 1.062 7.174 7.174 0 1 1-2.549-2.453 1 1 0 1 0 .992-1.736 9.2 9.2 0 1 0-4.545 17.195c7.082.128 11.668-8.14 7.796-14.068z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  574.                           <path d=\"M49.754 34.379a1.001 1.001 0 0 0-1.238-.682c-1.769.767.123 2.972 1.275 3.302a1 1 0 1 0 2-.024 3.075 3.075 0 0 0-1-5.975 1.078 1.078 0 1 1 1.053-1.306 1 1 0 0 0 1.187.77c1.894-.7-.034-3.134-1.24-3.463a1 1 0 1 0-2 .024 3.075 3.075 0 0 0 1 5.975 1.079 1.079 0 1 1-1.037 1.379z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  575.                         </g>
  576.                       </svg>
  577.                     </span>
  578.                     <h3 class=\"fs-5 mb-3\">Département Social &amp; Paie</h3>
  579.                     <p class=\"mb-4\">Nous effectuons la vérification des comptes et l'évaluation des systèmes de contrôle pour assurer la fiabilité de votre comptabilité.</p>
  580.                   </div>
  581.                   <div class=\"card-footer\">
  582.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  583.                   </div>
  584.                 </div>
  585.               </div>
  586.               <div class=\"col-md-6 col-lg-4\">
  587.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  588.                   <div class=\"card-header\">
  589.                     <span class=\"star\" data-rating=\"5\"></span>
  590.                   </div>
  591.                   <div class=\"card-body\">
  592.                     <span class=\"icon mb-4\">
  593.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  594.                         <g>
  595.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  596.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  597.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  598.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  599.                         </g>
  600.                       </svg>
  601.                     </span>
  602.                     <h3 class=\"fs-5 mb-3\">Département Juridique</h3>
  603.                     <p class=\"mb-4\">Nous assurons l'enregistrement des opérations comptables et le suivi des comptes clients et fournisseurs pour garantir une gestion rigoureuse de vos finances.</p>
  604.                   </div>
  605.                   <div class=\"card-footer\">
  606.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  607.                   </div>
  608.                 </div>
  609.               </div>
  610.               <div class=\"col-md-6 col-lg-4\">
  611.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  612.                   <div class=\"card-header\">
  613.                     <span class=\"star\" data-rating=\"5\"></span>
  614.                   </div>
  615.                   <div class=\"card-body\">
  616.                     <span class=\"icon mb-4\">
  617.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  618.                         <g>
  619.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  620.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  621.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  622.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  623.                         </g>
  624.                       </svg>
  625.                     </span>
  626.                     <h3 class=\"fs-5 mb-3\">Département Audit &amp; Contrôle </h3>
  627.                     <p class=\"mb-4\">Nous assurons l'enregistrement des opérations comptables et le suivi des comptes clients et fournisseurs pour garantir une gestion rigoureuse de vos finances.</p>
  628.                   </div>
  629.                   <div class=\"card-footer\">
  630.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  631.                   </div>
  632.                 </div>
  633.               </div>
  634.               <div class=\"col-md-6 col-lg-4\">
  635.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  636.                   <div class=\"card-header\">
  637.                     <span class=\"star\" data-rating=\"5\"></span>
  638.                   </div>
  639.                   <div class=\"card-body\">
  640.                     <span class=\"icon mb-4\">
  641.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  642.                         <g>
  643.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  644.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  645.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  646.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  647.                         </g>
  648.                       </svg>
  649.                     </span>
  650.                     <h3 class=\"fs-5 mb-3\">Département Conseil &amp; Gestion</h3>
  651.                     <p class=\"mb-4\">Nous assurons l'enregistrement des opérations comptables et le suivi des comptes clients et fournisseurs pour garantir une gestion rigoureuse de vos finances.</p>
  652.                   </div>
  653.                   <div class=\"card-footer\">
  654.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  655.                   </div>
  656.                 </div>
  657.               </div>
  658.               ";
  659.         }
  660.         $_parent $context['_parent'];
  661.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['depart'], $context['_parent'], $context['loop']);
  662.         $context array_intersect_key($context$_parent) + $_parent;
  663.         // line 528
  664.         yield "            </div>
  665.           </div>
  666.         </section>
  667.         <!-- Start Testimonial -->
  668.         ";
  669.         // line 544
  670.         yield "
  671.         
  672.         <div class=\"container pt-5\">
  673.           <div class=\"section-head center wt-small-separator-outer\">
  674.             <div class=\"wt-small-separator site-text-primary\">
  675.               <div class=\"sep-leaf-left\"></div>
  676.               <div>Avis</div>
  677.             </div>
  678.             <h1 class=\"wt-title\">Avis Clients et Partenaires</h1>
  679.             <p>Découvrez les témoignages de nos clients et partenaires, reflétant leur satisfaction et confiance en nos services.</p>
  680.           </div>
  681.           <div id=\"testimonialCarousel\" class=\"carousel\">
  682.             <div class=\"carousel-inner\">
  683.               
  684.               ";
  685.         // line 561
  686.         $context['_parent'] = $context;
  687.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["liste_testimonial"]) || array_key_exists("liste_testimonial"$context) ? $context["liste_testimonial"] : (function () { throw new RuntimeError('Variable "liste_testimonial" does not exist.'561$this->source); })()));
  688.         $context['_iterated'] = false;
  689.         foreach ($context['_seq'] as $context["_key"] => $context["testimonial"]) {
  690.             // line 562
  691.             yield "              <div class=\"carousel-item active\">
  692.                 <div class=\"card shadow-sm rounded-3\">
  693.                   <div class=\"quotes display-2 text-body-tertiary\">
  694.                     <i class=\"bi bi-quote\"></i>
  695.                   </div>
  696.                   <div class=\"card-body card-hover\">
  697.                     <p class=\"card-text\">";
  698.             // line 568
  699.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["testimonial"], "description", [], "any"falsefalsefalse568), "html"nulltrue);
  700.             yield "</p>
  701.                     <div class=\"d-flex align-items-center pt-2\">
  702.                       <img src=\"";
  703.             // line 570
  704.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Vich\UploaderBundle\Twig\Extension\UploaderExtensionRuntime')->asset($context["testimonial"]), "html"nulltrue);
  705.             yield "\" alt=\"\">
  706.                       <div>
  707.                         <h5 class=\"card-title fw-bold\">";
  708.             // line 572
  709.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["testimonial"], "autorName", [], "any"falsefalsefalse572), "html"nulltrue);
  710.             yield "</h5>
  711.                         <span class=\"text-secondary\">";
  712.             // line 573
  713.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source$context["testimonial"], "autorPoste", [], "any"falsefalsefalse573), "html"nulltrue);
  714.             yield "</span>
  715.                       </div>
  716.                     </div>
  717.                   </div>
  718.                 </div>
  719.               </div>
  720.               ";
  721.             $context['_iterated'] = true;
  722.         }
  723.         if (!$context['_iterated']) {
  724.             // line 580
  725.             yield "              <div class=\"carousel-item\">
  726.                 <div class=\"card shadow-sm rounded-3\">
  727.                   <div class=\"quotes display-2 text-body-tertiary\">
  728.                     <i class=\"bi bi-quote\"></i>
  729.                   </div>
  730.                   <div class=\"card-body\">
  731.                     <p class=\"card-text\">\"C'est l'outil parfait pour les petites entreprises comme la mienne. Il simplifie la gestion financière et me permet de me concentrer sur mon activité.\"</p>
  732.                     <div class=\"d-flex align-items-center pt-2\">
  733.                       <img src=\"";
  734.             // line 588
  735.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/identite2.jpg"), "html"nulltrue);
  736.             yield "\" alt=\"\">
  737.                       <div>
  738.                         <h5 class=\"card-title fw-bold\">Daje Morena</h5>
  739.                         <span class=\"text-secondary\">CEO, Example Company</span>
  740.                       </div>
  741.                     </div>
  742.                   </div>
  743.                 </div>
  744.               </div>
  745.               <div class=\"carousel-item\">
  746.                 <div class=\"card shadow-sm rounded-3\">
  747.                   <div class=\"quotes display-2 text-body-tertiary\">
  748.                     <i class=\"bi bi-quote\"></i>
  749.                   </div>
  750.                   <div class=\"card-body\">
  751.                     <p class=\"card-text\">\"L'interface est très conviviale, ce qui rend la navigation agréable. J'apprécie particulièrement les fonctionnalités de reporting qui m'aident à prendre des décisions éclairées.\"</p>
  752.                     <div class=\"d-flex align-items-center pt-2\">
  753.                       <img src=\"";
  754.             // line 605
  755.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/client.jpg"), "html"nulltrue);
  756.             yield "\" alt=\"\">
  757.                       <div>
  758.                         <h5 class=\"card-title fw-bold\">Tsayo Joel</h5>
  759.                         <span class=\"text-secondary\">CEO, Example Company</span>
  760.                       </div>
  761.                     </div>
  762.                   </div>
  763.                 </div>
  764.               </div>
  765.               <div class=\"carousel-item\">
  766.                 <div class=\"card shadow-sm rounded-3\">
  767.                   <div class=\"quotes display-2 text-body-tertiary\">
  768.                     <i class=\"bi bi-quote\"></i>
  769.                   </div>
  770.                   <div class=\"card-body\">
  771.                     <p class=\"card-text\">\"Cette plateforme est incroyablement efficace et facile à utiliser. J'ai pu gérer mes finances sans aucune difficulté, et les outils proposés sont très intuitifs.\"</p>
  772.                     <div class=\"d-flex align-items-center pt-2\">
  773.                       <img src=\"";
  774.             // line 622
  775.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/tir-vertical-homme-afro-americain-attrayant-posant-souriant.jpg"), "html"nulltrue);
  776.             yield "\" alt=\"\">
  777.                       <div>
  778.                         <h5 class=\"card-title fw-bold\">Mark Brice</h5>
  779.                         <span class=\"text-secondary\">CEO, Example Company</span>
  780.                       </div>
  781.                     </div>
  782.                   </div>
  783.                 </div>
  784.               </div>
  785.               <div class=\"carousel-item\">
  786.                 <div class=\"card shadow-sm rounded-3\">
  787.                   <div class=\"quotes display-2 text-body-tertiary\">
  788.                     <i class=\"bi bi-quote\"></i>
  789.                   </div>
  790.                   <div class=\"card-body\">
  791.                     <p class=\"card-text\">\"Le suivi de mes dépenses n'a jamais été aussi facile. Les rapports générés sont clairs et m’aident à prendre des décisions financières informées.\"</p>
  792.                     <div class=\"d-flex align-items-center pt-2\">
  793.                       <img src=\"";
  794.             // line 639
  795.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/capture-verticale-homme-afro-americain-seduisant-souriant-camera.jpg"), "html"nulltrue);
  796.             yield "\" alt=\"\">
  797.                       <div>
  798.                         <h5 class=\"card-title fw-bold\">Tayenou Ivan</h5>
  799.                         <span class=\"text-secondary\">CEO, Example Company</span>
  800.                       </div>
  801.                     </div>
  802.                   </div>
  803.                 </div>
  804.               </div>
  805.               <div class=\"carousel-item\">
  806.                 <div class=\"card shadow-sm rounded-3\">
  807.                   <div class=\"quotes display-2 text-body-tertiary\">
  808.                     <i class=\"bi bi-quote\"></i>
  809.                   </div>
  810.                   <div class=\"card-body\">
  811.                     <p class=\"card-text\">\"L'intégration avec d'autres outils que j'utilise est un vrai plus. Cela rend la gestion de mes finances encore plus fluide et efficace.\"</p>
  812.                     <div class=\"d-flex align-items-center pt-2\">
  813.                       <img src=\"";
  814.             // line 656
  815.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/concept-vacances.jpg"), "html"nulltrue);
  816.             yield "\" alt=\"\">
  817.                       <div>
  818.                         <h5 class=\"card-title fw-bold\">Kenne Valdo</h5>
  819.                         <span class=\"text-secondary\">CEO, Example Company</span>
  820.                       </div>
  821.                     </div>
  822.                   </div>
  823.                 </div>
  824.               </div>
  825.               ";
  826.         }
  827.         $_parent $context['_parent'];
  828.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['testimonial'], $context['_parent'], $context['loop']);
  829.         $context array_intersect_key($context$_parent) + $_parent;
  830.         // line 666
  831.         yield "            </div>
  832.             <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#testimonialCarousel\" data-bs-slide=\"prev\">
  833.               <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  834.               <span class=\"visually-hidden\">Previous</span>
  835.             </button>
  836.             <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#testimonialCarousel\" data-bs-slide=\"next\">
  837.               <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  838.               <span class=\"visually-hidden\">Next</span>
  839.             </button>
  840.           </div>
  841.           <div class=\"text-center py-5\">
  842.             <p>Besoin d'assistance ? N'hésitez pas à nous joindre en un clic !</p>
  843.             <a  href=\"";
  844.         // line 678
  845.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_about_struct");
  846.         yield "\" style=\"display: inline-block; padding: 10px 20px; background-color: #268dcf; color: white; text-align: center; text-decoration: none; border-radius: 5px; font-weight: bold;\">
  847.               Obtenez de l'aide
  848.             </a>
  849.           </div>
  850.         </div>
  851. </main>
  852. ";
  853.         // line 688
  854.         yield "  ";
  855.         // line 719
  856.         yield "
  857.   ";
  858.         // line 738
  859.         yield "        ";
  860.         // line 739
  861.         yield "        ";
  862.         // line 747
  863.         yield "
  864. ";
  865.         // line 749
  866.         yield "
  867.   ";
  868.         // line 752
  869.         yield "  ";
  870.         // line 765
  871.         yield "
  872.   ";
  873.         // line 767
  874.         yield "  ";
  875.         // line 798
  876.         yield "
  877.   ";
  878.         // line 801
  879.         yield "  ";
  880.         // line 894
  881.         yield "
  882.   ";
  883.         // line 896
  884.         yield "  ";
  885.         // line 918
  886.         yield "
  887.   ";
  888.         // line 920
  889.         yield "  ";
  890.         // line 982
  891.         yield "
  892.   ";
  893.         // line 984
  894.         yield "  ";
  895.         // line 1024
  896.         yield "
  897.   ";
  898.         // line 1026
  899.         yield "  ";
  900.         // line 1093
  901.         yield "
  902.   ";
  903.         // line 1095
  904.         yield "        ";
  905.         // line 1098
  906.         yield "  ";
  907.         // line 1167
  908.         yield "
  909.   ";
  910.         // line 1169
  911.         yield "  ";
  912.         // line 1203
  913.         yield "
  914. ";
  915.         // line 1205
  916.         yield "    
  917. ";
  918.         
  919.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  920.         
  921.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  922.         return; yield '';
  923.     }
  924.     // line 1209
  925.     public function block_javascripttemplate($context, array $blocks = [])
  926.     {
  927.         $macros $this->macros;
  928.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  929.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascripttemplate"));
  930.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  931.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascripttemplate"));
  932.         // line 1210
  933.         yield "Fancybox.bind('[data-fancybox=\"demo\"]', {
  934.   caption: function (fancybox, carousel, slide) {
  935.     return (
  936.       `\${slide.index + 1} / \${carousel.slides.length} <br />` + slide.caption
  937.     );
  938.   },
  939. });
  940. ";
  941.         
  942.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  943.         
  944.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  945.         return; yield '';
  946.     }
  947.     /**
  948.      * @codeCoverageIgnore
  949.      */
  950.     public function getTemplateName()
  951.     {
  952.         return "Theme/Users/User/Security/accueilsite.html.twig";
  953.     }
  954.     /**
  955.      * @codeCoverageIgnore
  956.      */
  957.     public function isTraitable()
  958.     {
  959.         return false;
  960.     }
  961.     /**
  962.      * @codeCoverageIgnore
  963.      */
  964.     public function getDebugInfo()
  965.     {
  966.         return array (  995 => 1210,  985 => 1209,  972 => 1205,  969 => 1203,  967 => 1169,  964 => 1167,  962 => 1098,  960 => 1095,  957 => 1093,  955 => 1026,  952 => 1024,  950 => 984,  947 => 982,  945 => 920,  942 => 918,  940 => 896,  937 => 894,  935 => 801,  931 => 798,  929 => 767,  926 => 765,  924 => 752,  920 => 749,  917 => 747,  915 => 739,  913 => 738,  910 => 719,  908 => 688,  898 => 678,  884 => 666,  868 => 656,  848 => 639,  828 => 622,  808 => 605,  788 => 588,  778 => 580,  766 => 573,  762 => 572,  757 => 570,  752 => 568,  744 => 562,  739 => 561,  720 => 544,  713 => 528,  592 => 412,  582 => 407,  576 => 404,  572 => 403,  554 => 387,  549 => 386,  543 => 382,  467 => 308,  455 => 299,  439 => 286,  407 => 256,  326 => 180,  314 => 173,  310 => 172,  306 => 171,  297 => 164,  292 => 163,  262 => 136,  258 => 135,  254 => 134,  170 => 52,  131 => 14,  121 => 13,  105 => 10,  95 => 9,  82 => 6,  77 => 4,  72 => 3,  62 => 2,  39 => 1,);
  967.     }
  968.     public function getSourceContext()
  969.     {
  970.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  971. {% block meta %}
  972. \t{{ parent() }}
  973. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  974. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  975. \t<meta name=\"description\" content=\"{{ site }}\" />
  976. {% endblock %}
  977. {% block title %}
  978. \t{{ parent() }} - Bienvenue sur le portail web {{ site }}
  979. {% endblock %}
  980. {% block userblog_body %}
  981. <style>
  982. .logoslide {
  983.   display: inline-block; /* Pour un alignement horizontal */
  984.   white-space: nowrap; /* Empêche le retour à la ligne */
  985. }
  986. .logo-slide-content {
  987.   display: inline-block; /* Affiche les éléments sur une seule ligne */
  988.   animation: logoslide 10s linear infinite; /* Animation de défilement */
  989. }
  990. @keyframes logoslide {
  991.   from {
  992.     transform: translateX(100%); /* Commence à droite */
  993.   }
  994.   to {
  995.     transform: translateX(-60%); /* Termine à gauche */
  996.   }
  997. }
  998. .logo-img {
  999.   margin: 0 15px; /* Espacement entre les logos */
  1000.   height: 50px; /* Hauteur des logos, ajustez selon vos besoins */
  1001. }
  1002. .logo-slide-container {
  1003.   width: 100%; /* Largeur du conteneur, ajustez selon vos besoins */
  1004.   overflow: hidden; /* Cache le débordement */
  1005. }.carousel img {
  1006.   width: 70px;
  1007.   max-height: 70px;
  1008.   border-radius: 50%;
  1009.   margin-right: 1rem;
  1010.   overflow: hidden;
  1011. {# css indice sections  #}
  1012.     .section-head.center.wt-small-separator-outer {
  1013.         margin-bottom: 50px;
  1014.         text-align: center;
  1015.     }
  1016.     .section-head {
  1017.         position: relative;
  1018.     }
  1019.     .site-text-primary, .wt-small-separator {
  1020.         color: #ea130e;
  1021.     }
  1022.     .wt-small-separator {
  1023.         font-family: \"Heebo\", sans-serif;
  1024.         text-transform: uppercase;
  1025.         letter-spacing: 1px;
  1026.         padding-right: 40px;
  1027.         font-size: 26px;
  1028.         line-height: 26px;
  1029.         margin-bottom: 15px;
  1030.         position: relative;
  1031.         display: inline-block;
  1032.         font-weight: 700;
  1033.     }
  1034.     .section-head.center .wt-small-separator div.sep-leaf-left {
  1035.         position: relative;
  1036.     }
  1037.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1038.         background-color: #ea130e;
  1039.     }
  1040.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  1041.         right: -20px;
  1042.         width: 10px;
  1043.     }
  1044.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1045.         position: absolute;
  1046.         content: '';
  1047.         height: 22px;
  1048.         bottom: 0px;
  1049.         top: 0px;
  1050.         transform: skew(-20deg);
  1051.     }
  1052.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1053.         right: -27px;
  1054.         width: 4px;
  1055.     }
  1056.     .section-head.center.wt-small-separator-outer h2 {
  1057.         max-width: 630px;
  1058.         margin: 0px auto;
  1059.     }
  1060.     h2 {
  1061.         font-size: 60px;
  1062.         font-weight: 700;
  1063.     }
  1064. </style>
  1065. <main>
  1066.     <!-- Overlay -->
  1067.     <div class=\"overlay\" id=\"overlay\"></div>
  1068.     <!-- Hero Section -->
  1069.     <section class=\"hero\">
  1070.         <div class=\"container\">
  1071.             <h1 class=\"animate-fade-in\">Révolutionnez Votre Approche de la Comptabilité</h1>
  1072.             <p class=\"animate-fade-in delay-1\">Outils Avancés pour la Gestion des Finances, la Préparation Fiscale et le Suivi Budgétaire.</p>
  1073.             <div class=\"animate-fade-in delay-2\">
  1074.                 <a href=\"#calculator\" class=\"btn-up\">Start Calculating</a>
  1075.                 <a href=\"#features\" class=\"btn-up btn-outline\">Learn More</a>
  1076.             </div>
  1077.         </div>
  1078.     </section>
  1079.     <section style=\"background: #e6edf7;\">
  1080.       <div class=\"container\">
  1081.         <div class=\"logo-slide-container\" style=\"background: #fff;\">
  1082.           <div class=\"logos mb-4\" class=\"logoslide\"  style=\"padding: 0px 15px;\">
  1083.             <div class=\"section-head center wt-small-separator-outer mt-3\" style=\"margin-bottom: 0px;\">
  1084.               <div class=\"wt-small-separator site-text-primary\">
  1085.                 <div class=\"sep-leaf-left\"></div>
  1086.                 <div>Nos partenaires de collaborations</div>
  1087.               </div>
  1088.             </div>
  1089.             <div class=\"logos-images logo-slide-content d-flex gap-4 align-items-center\">
  1090.               <img class=\"img-fluid\" src=\"{{ asset('templateSyscofie/images/logo/IMG-20250902-WA0000.jpg') }}\" alt=\"Company 1\" style=\"width: 50px;\">
  1091.               <img class=\"img-fluid\" src=\"{{ asset('templateSyscofie/images/logo/IMG-20250902-WA0001.jpg') }}\" alt=\"Company 2\" style=\"width: 50px;\">
  1092.               <img class=\"img-fluid\" src=\"{{ asset('templateSyscofie/images/logo/IMG-20250902-WA0002.jpg') }}\" alt=\"Company 3\" style=\"width: 50px;\">
  1093.             </div>
  1094.           </div>
  1095.         </div>
  1096.       </div>
  1097.     </section>
  1098.         <script>
  1099.           const logoslideContent = document.querySelector('.logo-slide-content');
  1100.           const speed = 10; // Ajustez cette valeur pour changer la vitesse
  1101.           logoslideContent.style.animationDuration = `\${speed}s`;
  1102.         </script>
  1103.         <!-- End Hero-->
  1104.     <section class=\"section-services\">
  1105. \t<div class=\"container\" style=\"margin-top: 10px;\">
  1106. \t\t<div class=\"section-head center wt-small-separator-outer mt-3\" style=\"margin-bottom: 0px;\">
  1107.         <div class=\"wt-small-separator site-text-primary\">
  1108.           <div class=\"sep-leaf-left\"></div>
  1109.           <div>Nos Services</div>
  1110.         </div>
  1111.     </div>
  1112. \t\t<div class=\"row\">
  1113.         {% for service in liste_service %}
  1114. \t\t\t\t<!-- Single Service -->
  1115. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1116. \t\t\t\t\t<div class=\"single-service\">
  1117. \t\t\t\t\t\t<div class=\"content\">
  1118. \t\t\t\t\t\t\t<span class=\"icon\">
  1119. \t\t\t\t\t\t\t\t<i class=\"fab fa-battle-net\"></i>
  1120. \t\t\t\t\t\t\t</span>
  1121. \t\t\t\t\t\t\t<h3 class=\"title\">{{ service.name }}</h3>
  1122. \t\t\t\t\t\t\t<p class=\"description\">{{ service.description }}</p>
  1123. \t\t\t\t\t\t\t<a href=\"{{ path('produit_service_service', {'id': service.id}) }}\" class=\"learn-more\">En savoir plus</a>
  1124. \t\t\t\t\t\t</div>
  1125. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1126. \t\t\t\t\t</div>
  1127. \t\t\t\t</div>
  1128. \t\t\t\t<!-- / End Single Service -->
  1129.         {% else %}
  1130. \t\t\t\t<!-- Single Service -->
  1131. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1132. \t\t\t\t\t<div class=\"single-service\">
  1133. \t\t\t\t\t\t<div class=\"content\">
  1134. \t\t\t\t\t\t\t<span class=\"icon\">
  1135. \t\t\t\t\t\t\t\t<i class=\"fab fa-asymmetrik\"></i>
  1136. \t\t\t\t\t\t\t</span>
  1137. \t\t\t\t\t\t\t<h3 class=\"title\">It Management</h3>
  1138. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1139. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1140. \t\t\t\t\t\t</div>
  1141. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1142. \t\t\t\t\t</div>
  1143. \t\t\t\t</div>
  1144. \t\t\t\t<!-- / End Single Service -->
  1145. \t\t\t\t<!-- Single Service -->
  1146. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1147. \t\t\t\t\t<div class=\"single-service\">
  1148. \t\t\t\t\t\t<div class=\"content\">
  1149. \t\t\t\t\t\t\t<span class=\"icon\">
  1150. \t\t\t\t\t\t\t\t<i class=\"fab fa-artstation\"></i>
  1151. \t\t\t\t\t\t\t</span>
  1152. \t\t\t\t\t\t\t<h3 class=\"title\">Software Development</h3>
  1153. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1154. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1155. \t\t\t\t\t\t</div>
  1156. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1157. \t\t\t\t\t</div>
  1158. \t\t\t\t</div>
  1159. \t\t\t\t<!-- / End Single Service -->
  1160. \t\t\t\t<!-- Single Service -->
  1161. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1162. \t\t\t\t\t<div class=\"single-service\">
  1163. \t\t\t\t\t\t<div class=\"content\">
  1164. \t\t\t\t\t\t\t<span class=\"icon\">
  1165. \t\t\t\t\t\t\t\t<i class=\"fab fa-500px\"></i>
  1166. \t\t\t\t\t\t\t</span>
  1167. \t\t\t\t\t\t\t<h3 class=\"title\">Brand Strategy</h3>
  1168. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1169. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1170. \t\t\t\t\t\t</div>
  1171. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1172. \t\t\t\t\t</div>
  1173. \t\t\t\t</div>
  1174. \t\t\t\t<!-- / End Single Service -->
  1175. \t\t\t\t<!-- Single Service -->
  1176. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1177. \t\t\t\t\t<div class=\"single-service\">
  1178. \t\t\t\t\t\t<div class=\"content\">
  1179. \t\t\t\t\t\t\t<span class=\"icon\">
  1180. \t\t\t\t\t\t\t\t<i class=\"fas fa-chart-pie\"></i>
  1181. \t\t\t\t\t\t\t</span>
  1182. \t\t\t\t\t\t\t<h3 class=\"title\">Business Consulting</h3>
  1183. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1184. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1185. \t\t\t\t\t\t</div>
  1186. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1187. \t\t\t\t\t</div>
  1188. \t\t\t\t</div>
  1189. \t\t\t\t<!-- / End Single Service -->
  1190. \t\t\t\t<!-- Single Service -->
  1191. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1192. \t\t\t\t\t<div class=\"single-service\">
  1193. \t\t\t\t\t\t<div class=\"content\">
  1194. \t\t\t\t\t\t\t<span class=\"icon\">
  1195. \t\t\t\t\t\t\t\t<i class=\"fas fa-laptop-code\"></i>
  1196. \t\t\t\t\t\t\t</span>
  1197. \t\t\t\t\t\t\t<h3 class=\"title\">Website Design</h3>
  1198. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1199. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1200. \t\t\t\t\t\t</div>
  1201. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1202. \t\t\t\t\t</div>
  1203. \t\t\t\t</div>
  1204. \t\t\t\t<!-- / End Single Service -->
  1205.          {% endfor %}
  1206. \t\t\t</div>
  1207.       <div class=\"text-center mt-3\">
  1208.           <div class=\"animate-fade-in delay-2\">
  1209.             <a href=\"#calculator\" class=\"btn-up\">Affhicher tout</a>
  1210.             <a href=\"#features\" class=\"btn-up btn-outline\">Filtrer par département</a>
  1211.         </div>
  1212.       </div>
  1213. \t</div>
  1214. </section>
  1215.         
  1216.         <!-- ======= How it works =======-->
  1217.         <section class=\"section howitworks__v1\" id=\"how-it-works\">
  1218.           <div class=\"container\">
  1219.             <div class=\"section-head center wt-small-separator-outer\">
  1220.               <div class=\"wt-small-separator site-text-primary\">
  1221.                 <div class=\"sep-leaf-left\"></div>
  1222.                 <div>Fonctionnement</div>
  1223.               </div>
  1224.               <h1 class=\"wt-title\">Comment nous vous accompagnons</h1>
  1225.               <p>Nous vous accompagnons à chaque étape, offrant conseils et soutien pour atteindre vos objectifs.</p>
  1226.             </div>
  1227.             <div class=\"row g-md-5\">
  1228.               <div class=\"col-md-6 col-lg-3\">
  1229.                 <div class=\"step-card text-center h-100 d-flex flex-column justify-content-start position-relative\">
  1230.                   <div>
  1231.                     <img class=\"arch-line\" src=\"{{ asset('templateSyscofie/images/arch-line.svg') }}\" alt=\"FreeBootstrap.net image placeholder\">
  1232.                   </div>
  1233.                   <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">1</span>
  1234.                   <div>
  1235.                     <h3 class=\"fs-5 mb-4\">Consultation et Analyse de la Situation</h3>
  1236.                     <p>Nous commençons par une rencontre pour cerner vos besoins financiers, puis nous analysons vos documents et votre comptabilité pour repérer les améliorations possibles.</p>
  1237.                   </div>
  1238.                 </div>
  1239.               </div>
  1240.               <div class=\"col-md-6 col-lg-3\">
  1241.                 <div class=\"step-card text-center h-100 d-flex flex-column justify-content-start position-relative\">
  1242.                   <div>
  1243.                     <img class=\"arch-line\" src=\"{{ asset('templateSyscofie/images/arch-line.svg') }}\" alt=\"FreeBootstrap.net image placeholder\">
  1244.                   </div>
  1245.                   <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">2</span>
  1246.                   <h3 class=\"fs-5 mb-4\">Élaboration d’un Plan et Mise en Œuvre</h3>
  1247.                   <p>Nous créons un plan sur mesure pour améliorer votre comptabilité et fiscalité, puis nous appliquons les solutions pour garantir une transition facile.</p>
  1248.                 </div>
  1249.               </div>
  1250.               <div class=\"col-md-6 col-lg-3\">
  1251.                 <div class=\"step-card last text-center h-100 d-flex flex-column justify-content-start position-relative\">
  1252.                   <img class=\"arch-line\" src=\"{{ asset('templateSyscofie/images/arch-line.svg') }}\" alt=\"FreeBootstrap.net image placeholder\">
  1253.                 <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">3</span>
  1254.                 <div>
  1255.                   <h3 class=\"fs-5 mb-4\">Suivi Régulier</h3>
  1256.                   <p>Nous assurons un suivi continu pour ajuster les stratégies en fonction de l'évolution de votre entreprise et des réglementations, garantissant ainsi votre succès durable.</p>
  1257.                 </div>
  1258.                 </div>
  1259.               </div>
  1260.               <div class=\"col-md-6 col-lg-3\">
  1261.                 <div class=\"step-card last text-center h-100 d-flex flex-column justify-content-start position-relative\">
  1262.                 <span class=\"step-number rounded-circle text-center fw-bold mb-5 mx-auto\">4</span>
  1263.                   <div>
  1264.                     <h3 class=\"fs-5 mb-4\">Rapports et Conseils</h3>
  1265.                     <p>Nous fournissons des rapports réguliers et des conseils proactifs pour vous aider à prendre des décisions éclairées, optimisant ainsi la performance de votre entreprise.</p>
  1266.                   </div>
  1267.                 </div>
  1268.               </div>
  1269.             </div>
  1270.           </div>
  1271.         </section>
  1272.         <!-- End How it works-->
  1273.         
  1274.         <!-- ======= Stats =======-->
  1275.         <section class=\"stats__v3 section\" style=\"background-color: #268dcf;\">
  1276.           <div class=\"container\">
  1277.             <div class=\"row\">
  1278.               <div class=\"col-12\">
  1279.                 <div class=\"d-flex flex-wrap content rounded-4\">
  1280.                   <div class=\"rounded-borders\">
  1281.                     <div class=\"rounded-border-1\"></div>
  1282.                     <div class=\"rounded-border-2\"></div>
  1283.                     <div class=\"rounded-border-3\"></div>
  1284.                   </div>
  1285.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  1286.                     <div class=\"stat-item\">
  1287.                       <h3 class=\"fs-1 fw-bold\"><span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"1500\" data-purecounter-duration=\"2\">0</span><span>+</span></h3>
  1288.                       <p class=\"mb-0\">Clients Satisfaits</p>
  1289.                     </div>
  1290.                   </div>
  1291.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  1292.                     <div class=\"stat-item\">
  1293.                       <h3 class=\"fs-1 fw-bold\"> <span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"30\" data-purecounter-duration=\"2\">0</span><span>+</span></h3>
  1294.                       <p class=\"mb-0\">Nombre de personnels</p>
  1295.                     </div>
  1296.                   </div>
  1297.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  1298.                     <div class=\"stat-item\">
  1299.                       <h3 class=\"fs-1 fw-bold\"><span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"3\" data-purecounter-duration=\"2\">0</span></h3>
  1300.                       <p class=\"mb-0\">Nos Bureaux</p>
  1301.                     </div>
  1302.                   </div>
  1303.                   <div class=\"col-12 col-sm-6 col-md-3 mb-4 mb-md-0 text-center\" data-aos=\"fade-up\" data-aos-delay=\"0\">
  1304.                     <div class=\"stat-item\">
  1305.                       <h3 class=\"fs-1 fw-bold\"><span class=\"purecounter\" data-purecounter-start=\"0\" data-purecounter-end=\"5\" data-purecounter-duration=\"2\">0</span><span>+</span></h3>
  1306.                       <p class=\"mb-0\">Années d'expertises</p>
  1307.                     </div>
  1308.                   </div>
  1309.                 </div>
  1310.               </div>
  1311.             </div>
  1312.           </div>
  1313.         </section>
  1314.         <!-- End Stats-->
  1315.         
  1316.         <!-- ======= Start Services =======-->
  1317.         <section class=\"section services__v3 pt-5\" id=\"services\">
  1318.           <div class=\"container\">
  1319.             <div class=\"section-head center wt-small-separator-outer\">
  1320.               <div class=\"wt-small-separator site-text-primary\">
  1321.                 <div class=\"sep-leaf-left\"></div>
  1322.                 <div>Nos Départements</div>
  1323.               </div>
  1324.               <h1 class=\"wt-title\">Départements : gestion et analyse des finances de l'entreprise.</h1>
  1325.               {# <p data-aos=\"fade-up\" data-aos-delay=\"200\">Découvrez les témoignages de nos clients et partenaires, reflétant leur satisfaction et confiance en nos services.</p> #}
  1326.             </div>
  1327.             <div class=\"row g-4\">
  1328.               {% for depart in liste_departement %}
  1329.               <div class=\"col-md-6 col-lg-4\">
  1330.                 <div class=\"card card-hover rounded-4 h-100 d-flex flex-column justify-content-between\">
  1331.                   <div class=\"card-header\">
  1332.                     <span class=\"star\" data-rating=\"5\"></span>
  1333.                   </div>
  1334.                   <div class=\"card-body\">
  1335.                     <span class=\"icon mb-4\">
  1336.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  1337.                         <g>
  1338.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1339.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1340.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1341.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1342.                         </g>
  1343.                       </svg>
  1344.                     </span>
  1345.                     <h3 class=\"fs-5 mb-3\">{{ depart.name }}</h3>
  1346.                     <p class=\"mb-4\">{{ depart.description }}</p>
  1347.                   </div>
  1348.                   <div class=\"card-footer\">
  1349.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"{{ path('produit_service_departement', {'id': depart.id}) }}\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  1350.                   </div>
  1351.                 </div>
  1352.               </div>
  1353.               {% else %}
  1354.               <div class=\"col-md-6 col-lg-4\">
  1355.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  1356.                   <div class=\"card-header\">
  1357.                     <span class=\"star\" data-rating=\"5\"></span>
  1358.                   </div>
  1359.                   <div class=\"card-body\">
  1360.                     <span class=\"icon mb-4\">
  1361.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  1362.                         <g>
  1363.                           <path d=\"m57.936 58.647-4.47-11.871a9.542 9.542 0 0 0-5.914-5.693l-7.659-2.609-1.944-2.116v-2.62a13.043 13.043 0 0 0 4.739-5.175 14.256 14.256 0 0 0 3.237.14 2.909 2.909 0 0 0 2.905-2.906v-5.382a2.895 2.895 0 0 0-1.495-2.523 13.84 13.84 0 0 0-2.807-7.777 1 1 0 0 0-1.597 1.205 11.879 11.879 0 0 1 2.386 6.19c-.012-.01-2.017.036-1.987-.023-4.064-11.113-18.668-11.126-22.702.024h-1.875c.73-9.938 13.556-14.987 21.539-8.81a1 1 0 0 0 1.196-1.605c-9.394-7.24-24.311-1.02-24.754 10.758a2.895 2.895 0 0 0-1.566 2.561v5.382a2.909 2.909 0 0 0 2.905 2.906c.4-.042 2.932.115 3.213-.122a12.843 12.843 0 0 0 4.542 5.038v2.757l-1.825 2.184-7.553 2.521a9.547 9.547 0 0 0-5.917 5.695l-4.47 11.871a1.008 1.008 0 0 0 .935 1.352H49.97a1 1 0 0 0 0-2H36.123l-2.985-7.876 2.014-2.491 2.009 1.746a1.007 1.007 0 0 0 1.643-.594l1.322-8.118 6.785 2.312a7.549 7.549 0 0 1 4.682 4.504L55.555 58H53.97a1 1 0 0 0 0 2H57a1.007 1.007 0 0 0 .936-1.353zm-13.77-39.136h1.759a.906.906 0 0 1 .905.904v5.382a.906.906 0 0 1-.905.906h-1.759zm-24.334 7.192h-1.759a.906.906 0 0 1-.905-.906v-5.382a.906.906 0 0 1 .905-.904h1.76s.038 5.959 0 7.192zm12.146-15.6a10.16 10.16 0 0 1 9.15 6.288L38.85 18.43a4.677 4.677 0 0 1-4.986-.747 6.633 6.633 0 0 0-7.78-.736l-3.91 2.325c1.2-4.704 5.135-8.169 9.803-8.169zM21.832 23.168V21.8l5.273-3.133a4.632 4.632 0 0 1 5.433.51 6.72 6.72 0 0 0 7.15 1.07l2.098-.957a12.113 12.113 0 0 1 .38 2.98c-.464 14.245-18.826 15.065-20.334.9zM35.95 34.706v1.718l-3.968 5.464-4.153-5.473v-1.78a11.242 11.242 0 0 0 8.12.071zm-9.164 3.643 3.852 5.075-3.771 3.28-1.206-7.008zM8.444 58l3.96-10.516a7.551 7.551 0 0 1 4.681-4.505l6.724-2.245 1.387 8.06a1.007 1.007 0 0 0 1.641.585l2.01-1.746 2.013 2.491L27.875 58zm25.54 0h-3.97L32 52.763zm-1.985-9.65-1.642-2.03 1.642-1.428 1.642 1.427zm5.12-1.658-3.772-3.28 3.693-5.085 1.224 1.332z\" fill=\"currentColor\" opacity=\"1\" data-original=\"currentColor\"></path>
  1364.                         </g>
  1365.                       </svg>
  1366.                     </span>
  1367.                     <h3 class=\"fs-5 mb-3\">Département Fiscalité</h3>
  1368.                     <p class=\"mb-4\">Nous évaluons la performance financière, analysons les données et proposons des recommandations pour améliorer la rentabilité et la croissance.</p>
  1369.                   </div>
  1370.                   <div class=\"card-footer\">
  1371.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  1372.                   </div>
  1373.                 </div>
  1374.               </div>
  1375.               <div class=\"col-md-6 col-lg-4\">
  1376.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  1377.                   <div class=\"card-header\">
  1378.                     <span class=\"star\" data-rating=\"5\"></span>
  1379.                   </div>
  1380.                   <div class=\"card-body\">
  1381.                     <span class=\"icon mb-4\">
  1382.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  1383.                         <g>
  1384.                           <path d=\"M35.719 21.413a1 1 0 0 0-1.586 1.218 15.554 15.554 0 0 1 1.806 3.012h-6.1a19.93 19.93 0 0 0-3.417-8.42 15.637 15.637 0 0 1 5.012 2.652 1 1 0 0 0 1.245-1.565 17.676 17.676 0 1 0-11.002 31.51c14.511.067 22.936-16.94 14.042-28.407zm.966 6.23a15.507 15.507 0 0 1 .001 8.994h-6.533a35.942 35.942 0 0 0-.001-8.995zM29.84 38.635h6.102a15.688 15.688 0 0 1-9.534 8.447 19.91 19.91 0 0 0 3.432-8.447zm-1.402-6.491a34.461 34.461 0 0 1-.292 4.492h-12.94a34.731 34.731 0 0 1 .001-8.995h12.938a34.461 34.461 0 0 1 .293 4.503zm-6.812-15.67c2.533-.006 5.021 3.488 6.193 9.168H15.535c1.138-5.63 3.672-9.12 6.092-9.168zm-4.683.734a19.903 19.903 0 0 0-3.429 8.434H7.417a15.707 15.707 0 0 1 9.527-8.434zM6 32.149a15.682 15.682 0 0 1 .671-4.507h6.53a35.936 35.936 0 0 0 0 8.995H6.67A15.558 15.558 0 0 1 6 32.15zm1.413 6.487h6.1a19.912 19.912 0 0 0 3.43 8.446 15.69 15.69 0 0 1-9.53-8.446zm8.118 0h12.29c-2.589 12.171-9.703 12.166-12.29 0zM16.844 8.31H38.91a8.42 8.42 0 0 1 8.4 8.106l-2.018-2.018a1 1 0 0 0-1.414 1.414l3.74 3.74a1 1 0 0 0 1.414 0l3.74-3.74a1 1 0 0 0-1.413-1.414l-2.048 2.047A10.421 10.421 0 0 0 38.911 6.31H16.844a1 1 0 0 0 0 2zM50.105 44.448a1 1 0 0 0-1.413 0l-3.74 3.74a1 1 0 1 0 1.413 1.414l2.018-2.018a8.419 8.419 0 0 1-8.4 8.107H17.916a1 1 0 0 0 0 2h22.067a10.42 10.42 0 0 0 10.401-10.136l2.048 2.047a1 1 0 0 0 1.413-1.414zM58.589 27.13a1 1 0 0 0-1.694 1.062 7.174 7.174 0 1 1-2.549-2.453 1 1 0 1 0 .992-1.736 9.2 9.2 0 1 0-4.545 17.195c7.082.128 11.668-8.14 7.796-14.068z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1385.                           <path d=\"M49.754 34.379a1.001 1.001 0 0 0-1.238-.682c-1.769.767.123 2.972 1.275 3.302a1 1 0 1 0 2-.024 3.075 3.075 0 0 0-1-5.975 1.078 1.078 0 1 1 1.053-1.306 1 1 0 0 0 1.187.77c1.894-.7-.034-3.134-1.24-3.463a1 1 0 1 0-2 .024 3.075 3.075 0 0 0 1 5.975 1.079 1.079 0 1 1-1.037 1.379z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1386.                         </g>
  1387.                       </svg>
  1388.                     </span>
  1389.                     <h3 class=\"fs-5 mb-3\">Département Social &amp; Paie</h3>
  1390.                     <p class=\"mb-4\">Nous effectuons la vérification des comptes et l'évaluation des systèmes de contrôle pour assurer la fiabilité de votre comptabilité.</p>
  1391.                   </div>
  1392.                   <div class=\"card-footer\">
  1393.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  1394.                   </div>
  1395.                 </div>
  1396.               </div>
  1397.               <div class=\"col-md-6 col-lg-4\">
  1398.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  1399.                   <div class=\"card-header\">
  1400.                     <span class=\"star\" data-rating=\"5\"></span>
  1401.                   </div>
  1402.                   <div class=\"card-body\">
  1403.                     <span class=\"icon mb-4\">
  1404.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  1405.                         <g>
  1406.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1407.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1408.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1409.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1410.                         </g>
  1411.                       </svg>
  1412.                     </span>
  1413.                     <h3 class=\"fs-5 mb-3\">Département Juridique</h3>
  1414.                     <p class=\"mb-4\">Nous assurons l'enregistrement des opérations comptables et le suivi des comptes clients et fournisseurs pour garantir une gestion rigoureuse de vos finances.</p>
  1415.                   </div>
  1416.                   <div class=\"card-footer\">
  1417.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  1418.                   </div>
  1419.                 </div>
  1420.               </div>
  1421.               <div class=\"col-md-6 col-lg-4\">
  1422.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  1423.                   <div class=\"card-header\">
  1424.                     <span class=\"star\" data-rating=\"5\"></span>
  1425.                   </div>
  1426.                   <div class=\"card-body\">
  1427.                     <span class=\"icon mb-4\">
  1428.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  1429.                         <g>
  1430.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1431.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1432.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1433.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1434.                         </g>
  1435.                       </svg>
  1436.                     </span>
  1437.                     <h3 class=\"fs-5 mb-3\">Département Audit &amp; Contrôle </h3>
  1438.                     <p class=\"mb-4\">Nous assurons l'enregistrement des opérations comptables et le suivi des comptes clients et fournisseurs pour garantir une gestion rigoureuse de vos finances.</p>
  1439.                   </div>
  1440.                   <div class=\"card-footer\">
  1441.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  1442.                   </div>
  1443.                 </div>
  1444.               </div>
  1445.               <div class=\"col-md-6 col-lg-4\">
  1446.                 <div class=\"card rounded-4 h-100 d-flex flex-column justify-content-between\">
  1447.                   <div class=\"card-header\">
  1448.                     <span class=\"star\" data-rating=\"5\"></span>
  1449.                   </div>
  1450.                   <div class=\"card-body\">
  1451.                     <span class=\"icon mb-4\">
  1452.                       <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0\" y=\"0\" viewbox=\"0 0 64 64\" style=\"enable-background:new 0 0 512 512\" xml:space=\"preserve\">
  1453.                         <g>
  1454.                           <path d=\"M50.327 4H25.168a6.007 6.007 0 0 0-6 6v5.11h-8.375a3.154 3.154 0 0 0-3.12 3.18v5.47a1 1 0 0 0 .724.961 3.204 3.204 0 0 1 0 6.097 1 1 0 0 0-.724.962v5.49a3.154 3.154 0 0 0 3.12 3.18H34.5c-2.147 8.057 9.408 12.135 12.77 4.441a1 1 0 0 0-1.841-.779 4.778 4.778 0 1 1-4.403-6.636c1.039-.159 2.453 1.082 3.063-.225.449-1.37-1.383-1.598-2.336-1.734V31.8a1 1 0 0 0-.72-.96 3.21 3.21 0 0 1 0-6.11 1 1 0 0 0 .72-.96v-5.48a3.154 3.154 0 0 0-3.12-3.18H21.168V10a4.004 4.004 0 0 1 4-4h3.21l1.24 3.066a3.982 3.982 0 0 0 3.708 2.503h8.826a3.984 3.984 0 0 0 3.71-2.503L47.1 6h3.228a4.004 4.004 0 0 1 4 4v1.6a1 1 0 0 0 2 0V10a6.007 6.007 0 0 0-6-6ZM38.633 17.11a1.153 1.153 0 0 1 1.12 1.18v4.792a5.234 5.234 0 0 0 0 9.405V35.6a6.789 6.789 0 0 0-4.333 2.85H10.793a1.153 1.153 0 0 1-1.12-1.18v-4.8a5.232 5.232 0 0 0 0-9.401V18.29a1.153 1.153 0 0 1 1.12-1.18Zm5.375-8.793a1.994 1.994 0 0 1-1.856 1.252h-8.826a1.991 1.991 0 0 1-1.854-1.252l-.934-2.312H44.94Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1455.                           <path d=\"M55.327 14.6a1 1 0 0 0-1 1V54a4.004 4.004 0 0 1-4 4H25.168a4.004 4.004 0 0 1-4-4V43.45a1 1 0 0 0-2 0V54a6.007 6.007 0 0 0 6 6h25.16a6.007 6.007 0 0 0 6-6V15.6a1 1 0 0 0-1-1Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1456.                           <path d=\"M41.185 54.52a1 1 0 0 0 0-2h-6.891a1 1 0 0 0 0 2ZM24.713 28.383a.853.853 0 1 1-.835 1.028.998.998 0 0 0-1.184-.775c-1.765.61-.18 2.94 1.017 3.265-.271 1.919 2.27 1.926 2-.003a2.852 2.852 0 0 0-.998-5.515.851.851 0 1 1 .821-1.084 1 1 0 0 0 1.926-.54 2.857 2.857 0 0 0-1.749-1.893v-.518a1 1 0 0 0-2 0v.521a2.852 2.852 0 0 0 1.002 5.514Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1457.                           <path d=\"M24.713 36.43a9.092 9.092 0 0 0 9.082-9.082c-.499-12.047-17.666-12.045-18.163 0a9.092 9.092 0 0 0 9.08 9.082Zm0-16.163a7.09 7.09 0 0 1 7.082 7.081c-.371 9.388-13.793 9.387-14.163 0a7.09 7.09 0 0 1 7.08-7.081ZM46.413 37.53l-4.757 4.757-1.68-1.68a1 1 0 0 0-1.413 1.415l2.386 2.386a1 1 0 0 0 1.414 0l5.464-5.464a1 1 0 0 0-1.414-1.414Z\" fill=\"currentColor\" opacity=\"1\" data-original=\"#000000\"></path>
  1458.                         </g>
  1459.                       </svg>
  1460.                     </span>
  1461.                     <h3 class=\"fs-5 mb-3\">Département Conseil &amp; Gestion</h3>
  1462.                     <p class=\"mb-4\">Nous assurons l'enregistrement des opérations comptables et le suivi des comptes clients et fournisseurs pour garantir une gestion rigoureuse de vos finances.</p>
  1463.                   </div>
  1464.                   <div class=\"card-footer\">
  1465.                     <a class=\"special-link d-inline-flex gap-2 align-items-center text-decoration-none\" href=\"#\"><span class=\"icons\"><i class=\"icon-1 bi bi-arrow-right-short\"></i><i class=\"icon-2 bi bi-arrow-right-short\"> </i></span><span class=\"voir-plus\">Voir plus</span></a>
  1466.                   </div>
  1467.                 </div>
  1468.               </div>
  1469.               {% endfor %}
  1470.             </div>
  1471.           </div>
  1472.         </section>
  1473.         <!-- Start Testimonial -->
  1474.         {# <section class=\"section howitworks__v1\" id=\"how-it-works\">
  1475.           <div class=\"container\">
  1476.             <div class=\"row\">
  1477.               <div class=\"col-md-6 text-center mx-auto\">
  1478.                 <span class=\"subtitle text-uppercase mb-3\" data-aos=\"fade-up\" data-aos-delay=\"0\">Avis</span>
  1479.                 <h2 data-aos=\"fade-up\" data-aos-delay=\"100\">Avis Clients et Partenaires</h2>
  1480.                 <p data-aos=\"fade-up\" data-aos-delay=\"200\">Découvrez les témoignages de nos clients et partenaires, reflétant leur satisfaction et confiance en nos services.</p>
  1481.               </div>
  1482.             </div>
  1483.           </div>
  1484.         </section> #}
  1485.         
  1486.         <div class=\"container pt-5\">
  1487.           <div class=\"section-head center wt-small-separator-outer\">
  1488.             <div class=\"wt-small-separator site-text-primary\">
  1489.               <div class=\"sep-leaf-left\"></div>
  1490.               <div>Avis</div>
  1491.             </div>
  1492.             <h1 class=\"wt-title\">Avis Clients et Partenaires</h1>
  1493.             <p>Découvrez les témoignages de nos clients et partenaires, reflétant leur satisfaction et confiance en nos services.</p>
  1494.           </div>
  1495.           <div id=\"testimonialCarousel\" class=\"carousel\">
  1496.             <div class=\"carousel-inner\">
  1497.               
  1498.               {% for testimonial in liste_testimonial %}
  1499.               <div class=\"carousel-item active\">
  1500.                 <div class=\"card shadow-sm rounded-3\">
  1501.                   <div class=\"quotes display-2 text-body-tertiary\">
  1502.                     <i class=\"bi bi-quote\"></i>
  1503.                   </div>
  1504.                   <div class=\"card-body card-hover\">
  1505.                     <p class=\"card-text\">{{ testimonial.description }}</p>
  1506.                     <div class=\"d-flex align-items-center pt-2\">
  1507.                       <img src=\"{{ vich_uploader_asset(testimonial) }}\" alt=\"\">
  1508.                       <div>
  1509.                         <h5 class=\"card-title fw-bold\">{{ testimonial.autorName }}</h5>
  1510.                         <span class=\"text-secondary\">{{ testimonial.autorPoste }}</span>
  1511.                       </div>
  1512.                     </div>
  1513.                   </div>
  1514.                 </div>
  1515.               </div>
  1516.               {% else %}
  1517.               <div class=\"carousel-item\">
  1518.                 <div class=\"card shadow-sm rounded-3\">
  1519.                   <div class=\"quotes display-2 text-body-tertiary\">
  1520.                     <i class=\"bi bi-quote\"></i>
  1521.                   </div>
  1522.                   <div class=\"card-body\">
  1523.                     <p class=\"card-text\">\"C'est l'outil parfait pour les petites entreprises comme la mienne. Il simplifie la gestion financière et me permet de me concentrer sur mon activité.\"</p>
  1524.                     <div class=\"d-flex align-items-center pt-2\">
  1525.                       <img src=\"{{ asset('templateSyscofie/images/identite2.jpg') }}\" alt=\"\">
  1526.                       <div>
  1527.                         <h5 class=\"card-title fw-bold\">Daje Morena</h5>
  1528.                         <span class=\"text-secondary\">CEO, Example Company</span>
  1529.                       </div>
  1530.                     </div>
  1531.                   </div>
  1532.                 </div>
  1533.               </div>
  1534.               <div class=\"carousel-item\">
  1535.                 <div class=\"card shadow-sm rounded-3\">
  1536.                   <div class=\"quotes display-2 text-body-tertiary\">
  1537.                     <i class=\"bi bi-quote\"></i>
  1538.                   </div>
  1539.                   <div class=\"card-body\">
  1540.                     <p class=\"card-text\">\"L'interface est très conviviale, ce qui rend la navigation agréable. J'apprécie particulièrement les fonctionnalités de reporting qui m'aident à prendre des décisions éclairées.\"</p>
  1541.                     <div class=\"d-flex align-items-center pt-2\">
  1542.                       <img src=\"{{ asset('templateSyscofie/images/client.jpg') }}\" alt=\"\">
  1543.                       <div>
  1544.                         <h5 class=\"card-title fw-bold\">Tsayo Joel</h5>
  1545.                         <span class=\"text-secondary\">CEO, Example Company</span>
  1546.                       </div>
  1547.                     </div>
  1548.                   </div>
  1549.                 </div>
  1550.               </div>
  1551.               <div class=\"carousel-item\">
  1552.                 <div class=\"card shadow-sm rounded-3\">
  1553.                   <div class=\"quotes display-2 text-body-tertiary\">
  1554.                     <i class=\"bi bi-quote\"></i>
  1555.                   </div>
  1556.                   <div class=\"card-body\">
  1557.                     <p class=\"card-text\">\"Cette plateforme est incroyablement efficace et facile à utiliser. J'ai pu gérer mes finances sans aucune difficulté, et les outils proposés sont très intuitifs.\"</p>
  1558.                     <div class=\"d-flex align-items-center pt-2\">
  1559.                       <img src=\"{{ asset('templateSyscofie/images/tir-vertical-homme-afro-americain-attrayant-posant-souriant.jpg') }}\" alt=\"\">
  1560.                       <div>
  1561.                         <h5 class=\"card-title fw-bold\">Mark Brice</h5>
  1562.                         <span class=\"text-secondary\">CEO, Example Company</span>
  1563.                       </div>
  1564.                     </div>
  1565.                   </div>
  1566.                 </div>
  1567.               </div>
  1568.               <div class=\"carousel-item\">
  1569.                 <div class=\"card shadow-sm rounded-3\">
  1570.                   <div class=\"quotes display-2 text-body-tertiary\">
  1571.                     <i class=\"bi bi-quote\"></i>
  1572.                   </div>
  1573.                   <div class=\"card-body\">
  1574.                     <p class=\"card-text\">\"Le suivi de mes dépenses n'a jamais été aussi facile. Les rapports générés sont clairs et m’aident à prendre des décisions financières informées.\"</p>
  1575.                     <div class=\"d-flex align-items-center pt-2\">
  1576.                       <img src=\"{{ asset('templateSyscofie/images/capture-verticale-homme-afro-americain-seduisant-souriant-camera.jpg') }}\" alt=\"\">
  1577.                       <div>
  1578.                         <h5 class=\"card-title fw-bold\">Tayenou Ivan</h5>
  1579.                         <span class=\"text-secondary\">CEO, Example Company</span>
  1580.                       </div>
  1581.                     </div>
  1582.                   </div>
  1583.                 </div>
  1584.               </div>
  1585.               <div class=\"carousel-item\">
  1586.                 <div class=\"card shadow-sm rounded-3\">
  1587.                   <div class=\"quotes display-2 text-body-tertiary\">
  1588.                     <i class=\"bi bi-quote\"></i>
  1589.                   </div>
  1590.                   <div class=\"card-body\">
  1591.                     <p class=\"card-text\">\"L'intégration avec d'autres outils que j'utilise est un vrai plus. Cela rend la gestion de mes finances encore plus fluide et efficace.\"</p>
  1592.                     <div class=\"d-flex align-items-center pt-2\">
  1593.                       <img src=\"{{ asset('templateSyscofie/images/concept-vacances.jpg') }}\" alt=\"\">
  1594.                       <div>
  1595.                         <h5 class=\"card-title fw-bold\">Kenne Valdo</h5>
  1596.                         <span class=\"text-secondary\">CEO, Example Company</span>
  1597.                       </div>
  1598.                     </div>
  1599.                   </div>
  1600.                 </div>
  1601.               </div>
  1602.               {% endfor %}
  1603.             </div>
  1604.             <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#testimonialCarousel\" data-bs-slide=\"prev\">
  1605.               <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>
  1606.               <span class=\"visually-hidden\">Previous</span>
  1607.             </button>
  1608.             <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#testimonialCarousel\" data-bs-slide=\"next\">
  1609.               <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>
  1610.               <span class=\"visually-hidden\">Next</span>
  1611.             </button>
  1612.           </div>
  1613.           <div class=\"text-center py-5\">
  1614.             <p>Besoin d'assistance ? N'hésitez pas à nous joindre en un clic !</p>
  1615.             <a  href=\"{{ path('produit_service_about_struct') }}\" style=\"display: inline-block; padding: 10px 20px; background-color: #268dcf; color: white; text-align: center; text-decoration: none; border-radius: 5px; font-weight: bold;\">
  1616.               Obtenez de l'aide
  1617.             </a>
  1618.           </div>
  1619.         </div>
  1620. </main>
  1621. {# <!-- End Services --> #}
  1622. {# <!-- ======= Hero Section ======= --> #}
  1623. {# <section id=\"hero\" class=\"hero\"> #}
  1624.   {# <div class=\"container position-relative\">
  1625.     {% if slide != null %}
  1626.     <div class=\"row gy-5\" data-aos=\"fade-in\">
  1627.       <div class=\"col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start\">
  1628.         <h2>{{ slide.title }}</h2>
  1629.         <p>{{ slide.description }}</p>
  1630.         <div class=\"d-flex justify-content-center justify-content-lg-start\">
  1631.           <a href=\"{{ slide.link }}\" class=\"btn-get-started\">Nous contactez</a>
  1632.           <a href=\"{{ slide.videolink }}\" class=\"glightbox btn-watch-video d-flex align-items-center\"><i class=\"bi bi-play-circle\"></i><span>En savoir plus</span></a>
  1633.         </div>
  1634.       </div>
  1635.       <div class=\"col-lg-6 order-1 order-lg-2\">
  1636.         <img src=\"{{ vich_uploader_asset(slide) }}\" class=\"img-fluid\" alt=\"{{ slide.title }}\" data-aos=\"zoom-out\" data-aos-delay=\"100\">
  1637.       </div>
  1638.     </div>
  1639.     {% else %}
  1640.     <div class=\"row gy-5\" data-aos=\"fade-in\">
  1641.       <div class=\"col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start\">
  1642.         <h2>Bien être optimal pour la <span>pérennisation</span> d'une productivité croissante.</h2>
  1643.         <p>Nous proposons aux travailleurs des mesures préventives personnalisées qui peuvent être mises en œuvre de manière durable ; l'état de bien-être des travailleurs est ainsi maintenu.</p>
  1644.         <div class=\"d-flex justify-content-center justify-content-lg-start\">
  1645.           <a href=\"{{ path('produit_service_contacts') }}\" class=\"btn-get-started\">Nous contactez</a>
  1646.           <a href=\"https://www.youtube.com/watch?v=LXb3EKWsInQ\" class=\"glightbox btn-watch-video d-flex align-items-center\"><i class=\"bi bi-play-circle\"></i><span>En savoir plus</span></a>
  1647.         </div>
  1648.       </div>
  1649.       <div class=\"col-lg-6 order-1 order-lg-2\">
  1650.         <img src=\"{{ asset('template/assets/img/hero-img.svg') }}\" class=\"img-fluid\" alt=\"\" data-aos=\"zoom-out\" data-aos-delay=\"100\">
  1651.       </div>
  1652.     </div>
  1653.     {% endif %}
  1654.   </div> #}
  1655.   {# {% if aboutParam != null %}
  1656.   <div class=\"icon-boxes position-relative\">
  1657.     <div class=\"container position-relative\">
  1658.       <div class=\"row gy-4 mt-5\">
  1659.         {% set liste_param = aboutParam.getFirstItems() %}
  1660.         {% for param in liste_param|slice(0,4) %}
  1661.         <div class=\"col-xl-3 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">
  1662.           <div class=\"icon-box\">
  1663.             <div class=\"icon\"><i class=\"bi bi-easel\"></i></div>
  1664.             <h4 class=\"title\">
  1665.               <a href=\"{% if param.article != null %}{{ path('produit_service_detail_about_param_description', {'id': param.id }) }}{% endif %}\" class=\"stretched-link\">
  1666.                 {{ param.valeur }}
  1667.                 
  1668.                 <div class=\"mt-3\"><span style=\"font-size: 12px; text-decoration: underline;\">En savoir plus</span></div>
  1669.               </a>
  1670.             </h4>
  1671.           </div>
  1672.         </div> #}
  1673.         {# <!--End Icon Box --> #}
  1674.         {# {% endfor %}
  1675.       </div>
  1676.     </div>
  1677.   </div>
  1678.   {% endif %}
  1679. </section> #}
  1680. {# <!-- End Hero Section --> #}
  1681. {# <main id=\"main\"> #}
  1682.   {# <!-- ======= Clients Section ======= --> #}
  1683.   {# <section id=\"clients\" class=\"clients\">
  1684.     <div class=\"container\" data-aos=\"zoom-out\">
  1685.       <div class=\"clients-slider swiper\">
  1686.         <div class=\"swiper-wrapper align-items-center\">
  1687.           {% for imgpartenaire in liste_partenaire %}
  1688.           <a href=\"{{ imgpartenaire.link }}\"  class=\"swiper-slide\" target=\"_blank\"><img src=\"{{ vich_uploader_asset(imgpartenaire) }}\" class=\"img-fluid\" alt=\"\"></a>
  1689.           {% else %}
  1690.           <a href=\"\" class=\"swiper-slide\"><img src=\"{{ asset('template/assets/img/clients/client-1.png') }}\" class=\"img-fluid\" alt=\"\"></a>
  1691.           {% endfor %}
  1692.         </div>
  1693.       </div>
  1694.     </div>
  1695.   </section><!-- End Clients Section --> #}
  1696.   {# <!-- ======= Stats Counter Section ======= --> #}
  1697.   {# <section id=\"stats-counter\" class=\"stats-counter\">
  1698.     <div class=\"container\" data-aos=\"fade-up\">
  1699.       <div class=\"row gy-4 align-items-center\">
  1700.         <div class=\"col-lg-6\">
  1701.           <img src=\"{{ asset('template/assets/img/stats-img.svg') }}\" alt=\"\" class=\"img-fluid\">
  1702.         </div>
  1703.         <div class=\"col-lg-6\">
  1704.           <h1>Chiffres clés</h1>
  1705.           <div class=\"stats-item d-flex align-items-center\">
  1706.             <span data-purecounter-start=\"0\" data-purecounter-end=\"12\" data-purecounter-duration=\"1\" class=\"purecounter\"></span>
  1707.             <p><strong>%</strong>  de la baisse de productivité est liés aux accidents de travail</p>
  1708.           </div><!-- End Stats Item -->
  1709.           <div class=\"stats-item d-flex align-items-center\">
  1710.             <span data-purecounter-start=\"0\" data-purecounter-end=\"8\" data-purecounter-duration=\"1\" class=\"purecounter\"></span>
  1711.             <p><strong>%</strong> de la baisse de productivité est liés aux maladies liées au travail </p>
  1712.           </div><!-- End Stats Item -->
  1713.           <div class=\"stats-item d-flex align-items-center\">
  1714.             <span data-purecounter-start=\"0\" data-purecounter-end=\"10\" data-purecounter-duration=\"1\" class=\"purecounter\"></span>
  1715.             <p><strong>Entreprises</strong> nous ont déjà fait confiance pour résoudre ce manque à ganger</p>
  1716.           </div><!-- End Stats Item -->
  1717.         </div>
  1718.       </div>
  1719.     </div>
  1720.   </section><!-- End Stats Counter Section --> #}
  1721.   {# <!-- ======= Our Services Section ======= --> #}
  1722.   {# <section id=\"services\" class=\"services sections-bg\">
  1723.     <div class=\"container\" data-aos=\"fade-up\">
  1724.       {% if aboutService != null %}
  1725.       <div class=\"section-header\">
  1726.         <h2>{{ aboutService.title }}</h2>
  1727.         <p>{{ aboutService.valeur }}</p>
  1728.       </div>
  1729.       {% else %}
  1730.       <div class=\"section-header\">
  1731.         <h2>Nos Services</h2>
  1732.         <p>{{ site }} c'est 8 ans d'expérience dans le domaine de la santé au travail. Nous vous accompagnons avec les services suivants</p>
  1733.       </div>
  1734.       {% endif %}
  1735.       {{ render(controller(\"App\\\\Controller\\\\Produit\\\\Service\\\\ServiceController:topservices\", {'limit': 6})) }}
  1736.       <div class=\"text-center mt-3\">
  1737.         <a href=\"{{ path('produit_service_services') }}\" class=\"readmore stretched-link\">Afficher la liste complète <i class=\"bi bi-arrow-right\"></i></a>
  1738.       </div>
  1739.     </div>
  1740.   </section><!-- End Our Services Section -->
  1741.   <!-- ======= Testimonials Section ======= -->
  1742.   <section id=\"testimonials\" class=\"testimonials\">
  1743.     <div class=\"container\" data-aos=\"fade-up\">
  1744.       {% if aboutTestimonial != null %}
  1745.       <div class=\"section-header\">
  1746.         <h2>{{ aboutTestimonial.title }}</h2>
  1747.         <p>{{ aboutTestimonial.valeur }}</p>
  1748.       </div>
  1749.       {% else %}
  1750.       <div class=\"section-header\">
  1751.         <h2>Testimonials</h2>
  1752.         <p>Voluptatem quibusdam ut ullam perferendis repellat non ut consequuntur est eveniet deleniti fignissimos eos quam</p>
  1753.       </div>
  1754.       {% endif %}
  1755.       <div class=\"slides-3 swiper\" data-aos=\"fade-up\" data-aos-delay=\"100\">
  1756.         <div class=\"swiper-wrapper\">
  1757.           {% for testimonial in liste_testimonial %}
  1758.           <div class=\"swiper-slide\">
  1759.             <div class=\"testimonial-wrap\">
  1760.               <div class=\"testimonial-item\">
  1761.                 <div class=\"d-flex align-items-center\">
  1762.                   <img src=\"{{ vich_uploader_asset(testimonial) }}\" class=\"testimonial-img flex-shrink-0\" alt=\"{{ testimonial.autorName }}\">
  1763.                   <div>
  1764.                     <h3>{{ testimonial.autorName }}</h3>
  1765.                     <h4>{{ testimonial.autorPoste }}</h4>
  1766.                     <div class=\"stars\">
  1767.                       <i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i>
  1768.                     </div>
  1769.                   </div>
  1770.                 </div>
  1771.                 <p>
  1772.                   <i class=\"bi bi-quote quote-icon-left\"></i>
  1773.                   {{ testimonial.description }}
  1774.                   <i class=\"bi bi-quote quote-icon-right\"></i>
  1775.                 </p>
  1776.               </div>
  1777.             </div>
  1778.           </div><!-- End testimonial item -->
  1779.           {% else %}
  1780.           <div class=\"swiper-slide\">
  1781.             <div class=\"testimonial-wrap\">
  1782.               <div class=\"testimonial-item\">
  1783.                 <div class=\"d-flex align-items-center\">
  1784.                   <img src=\"{{ asset('template/assets/img/testimonials/testimonials-2.jpg') }}\" class=\"testimonial-img flex-shrink-0\" alt=\"\">
  1785.                   <div>
  1786.                     <h3>Sara Wilsson</h3>
  1787.                     <h4>Designer</h4>
  1788.                     <div class=\"stars\">
  1789.                       <i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i><i class=\"bi bi-star-fill\"></i>
  1790.                     </div>
  1791.                   </div>
  1792.                 </div>
  1793.                 <p>
  1794.                   <i class=\"bi bi-quote quote-icon-left\"></i>
  1795.                   Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
  1796.                   <i class=\"bi bi-quote quote-icon-right\"></i>
  1797.                 </p>
  1798.               </div>
  1799.             </div>
  1800.           </div><!-- End testimonial item -->
  1801.           {% endfor %}
  1802.         </div>
  1803.         <div class=\"swiper-pagination\"></div>
  1804.       </div>
  1805.     </div>
  1806.   </section><!-- End Testimonials Section --> #}
  1807.   {# <!-- ======= Portfolio Section ======= --> #}
  1808.   {# <section id=\"portfolio\" class=\"portfolio\" style=\"background: #2fa84b;\">
  1809.     <div class=\"container\" data-aos=\"fade-up\">
  1810.       <div class=\"section-header\" style=\"padding-bottom: 0px;\">
  1811.         {% if aboutCalltoaction != null %}
  1812.         <h2 style=\"color: #fff;\">{{ aboutCalltoaction.title }}</h2>
  1813.         <p style=\"color: #fff;\">{{ aboutCalltoaction.valeur }}</p>
  1814.         <div class=\"text-center mt-4\">
  1815.           <a href=\"{{ aboutCalltoaction.link }}\" class=\"btn-get-call-action\">Toutes nos interventions</a>
  1816.         </div>
  1817.         {% else %}
  1818.         <h2 style=\"color: #fff;\">Nos interventions sur le terrain</h2>
  1819.         <p style=\"color: #fff;\">Quam sed id excepturi ccusantium dolorem ut quis dolores nisi llum nostrum enim velit qui ut et autem uia reprehenderit sunt deleniti</p>
  1820.         <div class=\"text-center mt-4\">
  1821.           <a href=\"{{ path('produit_service_galery') }}\" class=\"btn-get-call-action\">En savoir plus</a>
  1822.         </div>
  1823.         {% endif %}
  1824.         
  1825.       </div>
  1826.     </div>
  1827.   </section><!-- End Portfolio Section --> #}
  1828.   {# <!-- ======= Our Team Section ======= --> #}
  1829.   {# <section id=\"team\" class=\"team\">
  1830.     <div class=\"container\" data-aos=\"fade-up\">
  1831.       {% if aboutDetailteam != null %}
  1832.       <div class=\"section-header\">
  1833.         <h2>{{ aboutDetailteam.title }}</h2>
  1834.         <p>{{ aboutDetailteam.valeur }}</p>
  1835.       </div>
  1836.       {% else %}
  1837.       <div class=\"section-header\">
  1838.         <h2>Our Team</h2>
  1839.         <p>Nulla dolorum nulla nesciunt rerum facere sed ut inventore quam porro nihil id ratione ea sunt quis dolorem dolore earum</p>
  1840.       </div>
  1841.       {% endif %}
  1842.       <div class=\"row gy-4\">
  1843.         {% for team in liste_team %}
  1844.         <div class=\"col-xl-3 col-md-6 d-flex\" data-aos=\"fade-up\" data-aos-delay=\"100\">
  1845.           <div class=\"member\">
  1846.             <img src=\"{{ vich_uploader_asset(team) }}\" class=\"img-fluid\" alt=\"\">
  1847.             <h4>{{ team.autorName }}</h4>
  1848.             <span>{{ team.autorPoste }}</span>
  1849.             <div class=\"social\">
  1850.               {% if team.twitter != null %}
  1851.               <a href=\"{{ team.twitter }}\" target=\"_blank\"><i class=\"bi bi-twitter\"></i></a>
  1852.               {% endif %}
  1853.               {% if team.facebook != null %}
  1854.               <a href=\"{{ team.facebook }}\" target=\"_blank\"><i class=\"bi bi-facebook\"></i></a>
  1855.               {% endif %}
  1856.               {% if team.linkedIn != null %}
  1857.               <a href=\"{{ team.linkedIn }}\" target=\"_blank\"><i class=\"bi bi-instagram\"></i></a>
  1858.               {% endif %}
  1859.               {% if team.youtube != null %}
  1860.               <a href=\"{{ team.youtube }}\" target=\"_blank\"><i class=\"bi bi-instagram\"></i></a>
  1861.               {% endif %}
  1862.               {% if team.instagram != null %}
  1863.               <a href=\"{{ team.instagram }}\" target=\"_blank\"><i class=\"bi bi-instagram\"></i></a>
  1864.               {% endif %}
  1865.             </div>
  1866.           </div>
  1867.         </div><!-- End Team Member -->
  1868.         {% else %}
  1869.         <div class=\"col-xl-3 col-md-6 d-flex\" data-aos=\"fade-up\" data-aos-delay=\"200\">
  1870.           <div class=\"member\">
  1871.             <img src=\"{{ asset('template/assets/img/team/team-2.jpg') }}\" class=\"img-fluid\" alt=\"\">
  1872.             <h4>Sarah Jhinson</h4>
  1873.             <span>Marketing</span>
  1874.             <div class=\"social\">
  1875.               <a href=\"\"><i class=\"bi bi-twitter\"></i></a>
  1876.               <a href=\"\"><i class=\"bi bi-facebook\"></i></a>
  1877.               <a href=\"\"><i class=\"bi bi-instagram\"></i></a>
  1878.               <a href=\"\"><i class=\"bi bi-linkedin\"></i></a>
  1879.             </div>
  1880.           </div>
  1881.         </div><!-- End Team Member -->
  1882.         {% endfor %}
  1883.       </div>
  1884.     </div> 
  1885.   </section><!-- End Our Team Section -->#}
  1886.   {# <!-- ======= Pricing Section ======= --> #}
  1887.   {# <section id=\"pricing\" class=\"pricing sections-bg\">
  1888.     <div class=\"container\" data-aos=\"fade-up\">
  1889.       {% if aboutPricing != null %}
  1890.       <div class=\"section-header\">
  1891.         <h2>{{ aboutPricing.title }}</h2>
  1892.         <p>{{ aboutPricing.valeur }}</p>
  1893.       </div>
  1894.       {% else %}
  1895.       <div class=\"section-header\">
  1896.         <h2>Pricing</h2>
  1897.         <p>Aperiam dolorum et et wuia molestias qui eveniet numquam nihil porro incidunt dolores placeat sunt id nobis omnis tiledo stran delop</p>
  1898.       </div>
  1899.       {% endif %}
  1900.       <div class=\"row g-4 py-lg-5\" data-aos=\"zoom-out\" data-aos-delay=\"100\">
  1901.         {% for produit in liste_produit %}
  1902.         <div class=\"col-lg-4\">
  1903.           <div class=\"pricing-item {% if produit.choixauteur == true %}featured{% endif %}\">
  1904.             <h3>{{ produit.nom }}</h3>
  1905.             <div class=\"icon\">
  1906.               <i class=\"bi bi-box\"></i>
  1907.             </div>
  1908.             <h4><sup>{{ devise }}</sup>{{ produit.newprise }}<span> / {{ produit.rapport }}</span></h4>
  1909.             <ul>
  1910.               {% set list_caract = produit.getListeCaracteristiqueProduit() %}
  1911.               {% for caract in list_caract %}
  1912.               <li class=\"{% if caract.isChecked == false %}na{% endif %}\"><i class=\"{% if caract.isChecked == false %}bi bi-x{% else %}bi bi-check{% endif %}\"></i> {% if caract.isChecked == false %} <span>{{ caract.caracteristique.nom }}</span>{% else %}{{ caract.caracteristique.nom }}{% endif %}  </li>
  1913.               {% endfor %}
  1914.             </ul>
  1915.             <div class=\"text-center\"><a href=\"#\" class=\"buy-btn\">Commandez</a></div>
  1916.           </div>
  1917.         </div><!-- End Pricing Item -->
  1918.         {% endfor %}
  1919.       </div>
  1920.     </div>
  1921.   </section><!-- End Pricing Section --> #}
  1922.   {# <!-- ======= Frequently Asked Questions Section ======= --> #}
  1923.   {# <section id=\"faq\" class=\"faq\">
  1924.     <div class=\"container\" data-aos=\"fade-up\">
  1925.       <div class=\"row gy-4\">
  1926.         <div class=\"col-lg-4\">
  1927.           
  1928.           {% if aboutFaq != null %}
  1929.           <div class=\"content px-xl-5\">
  1930.             <h3>{{ aboutFaq.title|raw }}</h3>
  1931.             <p>
  1932.               {{ aboutFaq.valeur }}
  1933.             </p>
  1934.           </div>
  1935.           {% else %}
  1936.           <div class=\"content px-xl-5\">
  1937.             <h3>Frequently Asked <strong>Questions</strong></h3>
  1938.             <p>
  1939.               Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit
  1940.             </p>
  1941.           </div>
  1942.           {% endif %}
  1943.         </div>
  1944.         <div class=\"col-lg-8\">
  1945.           <div class=\"accordion accordion-flush\" id=\"faqlist\" data-aos=\"fade-up\" data-aos-delay=\"100\">
  1946.             {% for faq in liste_faq|slice(0,7) %}
  1947.             <div class=\"accordion-item\">
  1948.               <h3 class=\"accordion-header\">
  1949.                 <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq-content-{{ faq.id }}\">
  1950.                   <span class=\"num\">{{ loop.index }}.</span>
  1951.                   {{ faq.question }}
  1952.                 </button>
  1953.               </h3>
  1954.               <div id=\"faq-content-{{ faq.id }}\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqlist\">
  1955.                 <div class=\"accordion-body\">
  1956.                   {{ faq.response }}
  1957.                 </div>
  1958.               </div>
  1959.             </div><!-- # Faq item-->
  1960.             {% else %}
  1961.             <div class=\"accordion-item\">
  1962.               <h3 class=\"accordion-header\">
  1963.                 <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq-content-2\">
  1964.                   <span class=\"num\">2.</span>
  1965.                   Qu'est-ce qu'un accident du travail (ou un accident lié au travail) ? 
  1966.                 </button>
  1967.               </h3>
  1968.               <div id=\"faq-content-2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqlist\">
  1969.                 <div class=\"accordion-body\">
  1970.                   Un accident du travail, tout comme une maladie professionnelle, résulte de l'interaction entre le travailleur et le danger. Ici, l'interaction produit des effets négatifs de façon soudaine et non sur une longue période. C'est pourquoi on dit qu'il s'agit d'un accident simplement parce que les dommages subis par le corps sont soudains.
  1971.                 </div>
  1972.               </div>
  1973.             </div><!-- # Faq item-->
  1974.             {% endfor %}
  1975.           </div>
  1976.         </div>
  1977.       </div>
  1978.     </div>
  1979.   </section><!-- End Frequently Asked Questions Section --> #}
  1980.   {# <!-- ======= Recent Blog Posts Section ======= --> #}
  1981.         {# </div><!-- End post list item -->
  1982.         {% endfor %}
  1983.       </div><!-- End recent posts list --> #}
  1984.   {# <section id=\"recent-posts\" class=\"recent-posts sections-bg\">
  1985.     <div class=\"container\" data-aos=\"fade-up\">
  1986.       {% if aboutBlog != null %}
  1987.       <div class=\"section-header\">
  1988.         <h2>{{ aboutBlog.title }}</h2>
  1989.         <p>{{ aboutBlog.valeur }}</p>
  1990.       </div>
  1991.       {% else %}
  1992.       <div class=\"section-header\">
  1993.         <h2>Recent Blog Posts</h2>
  1994.         <p>Aperiam dolorum et et wuia molestias qui eveniet numquam nihil porro incidunt dolores placeat sunt id nobis omnis tiledo stran delop</p>
  1995.       </div>
  1996.       {% endif %}
  1997.       <div class=\"row gy-4\">
  1998.         {% for article in liste_blog %}
  1999.         <div class=\"col-xl-4 col-md-6\">
  2000.           <article>
  2001.             <div class=\"post-img\">
  2002.               <img src=\"{% if article.imgarticle != null  %}{{ vich_uploader_asset(article.imgarticle) }}{% else %}{{ asset('template/assets/img/blog/blog-3.jpg') }}{% endif %}\" alt=\"\" class=\"img-fluid\">
  2003.             </div>
  2004.             <p class=\"post-category\">{{ article.typearticle.name }}</p>
  2005.             <h2 class=\"title\">
  2006.               <a href=\"{{ path('produit_service_description_article_blog', {'id': article.id }) }}\">{{ article.title }}</a>
  2007.             </h2>
  2008.             <div class=\"d-flex align-items-center\">
  2009.               <img src=\"{{ asset('template/images/co.png') }}\" alt=\"\" class=\"img-fluid post-author-img flex-shrink-0\">
  2010.               <div class=\"post-meta\">
  2011.                 <p class=\"post-author\">{{ article.user.name(50) }}</p>
  2012.                 <p class=\"post-date\">
  2013.                   <time datetime=\"2022-01-01\">{{ article.createdAt|date('d') }} {{ article.createdAt|date('M') }} {{ article.createdAt|date('Y') }}</time>
  2014.                 </p>
  2015.               </div>
  2016.             </div>
  2017.           </article>
  2018.         </div><!-- End post list item -->
  2019.         {% else %}
  2020.         <div class=\"col-xl-4 col-md-6\">
  2021.           <article>
  2022.             <div class=\"post-img\">
  2023.               <img src=\"{{ asset('template/assets/img/blog/blog-3.jpg') }}\" alt=\"\" class=\"img-fluid\">
  2024.             </div>
  2025.             <p class=\"post-category\">Entertainment</p>
  2026.             <h2 class=\"title\">
  2027.               <a href=\"#!\">Possimus soluta ut id suscipit ea ut in quo quia et soluta</a>
  2028.             </h2>
  2029.             <div class=\"d-flex align-items-center\">
  2030.               <img src=\"{{ asset('template/assets/img/blog/blog-author-3.jpg') }}\" alt=\"\" class=\"img-fluid post-author-img flex-shrink-0\">
  2031.               <div class=\"post-meta\">
  2032.                 <p class=\"post-author\">Mark Dower</p>
  2033.                 <p class=\"post-date\">
  2034.                   <time datetime=\"2022-01-01\">Jun 22, 2022</time>
  2035.                 </p>
  2036.               </div>
  2037.             </div>
  2038.           </article>
  2039.       
  2040.     </div>
  2041.   </section><!-- End Recent Blog Posts Section --> #}
  2042.   {# <!-- ======= Contact Section ======= --> #}
  2043.   {# <section id=\"contact\" class=\"contact\">
  2044.     <div class=\"container\" data-aos=\"fade-up\">
  2045.       <div class=\"section-header\">
  2046.         {% if aboutIntervention != null %}
  2047.         <h2>{{ aboutIntervention.title }}</h2>
  2048.         <p>{{ aboutIntervention.valeur }}</p>
  2049.         {% else %}
  2050.         <h2>Nos interventions</h2>
  2051.         <p>Nulla dolorum nulla nesciunt rerum facere sed ut inventore quam porro nihil id ratione ea sunt quis dolorem dolore earum</p>
  2052.         {% endif %}
  2053.       </div>
  2054.       <div class=\"grid imglist\">
  2055.         {% for intervention in liste_intervention|slice(0,2) %}
  2056.           {% set liste_images = intervention.getFirstImages() %}
  2057.           {% if loop.index == 1 %}
  2058.             <div class=\"row padding-bottom--sm\">
  2059.                 {% for itemIng in liste_images|slice(0,3) %}
  2060.                 <a class=\"col col--4\" data-fancybox=\"demo\" data-src=\"{{ vich_uploader_asset(itemIng) }}\" data-caption=\"{{ itemIng.title }}\"><img src=\"{{ vich_uploader_asset(itemIng) }}\" style=\"max-width: 100%;\"></a>
  2061.                 {% endfor %}
  2062.             </div>
  2063.           {% elseif(loop.index == 2) %}
  2064.             <div class=\"row mt-4\">
  2065.               {% for itemIng in liste_images|slice(0,3) %}
  2066.                 <a class=\"col col--4\" data-fancybox=\"demo\" data-src=\"{{ vich_uploader_asset(itemIng) }}\" data-caption=\"{{ itemIng.title }}\"><img src=\"{{ vich_uploader_asset(itemIng) }}\" style=\"max-width: 100%;\"></a>
  2067.               {% endfor %}
  2068.             </div>
  2069.           {% endif %}
  2070.         {% endfor %}
  2071.       </div>
  2072.     </div>
  2073.   </section><!-- End Contact Section --> #}
  2074. {# </main><!-- End #main --> #}
  2075.     
  2076. {% endblock %}
  2077. {% block javascripttemplate %}
  2078. Fancybox.bind('[data-fancybox=\"demo\"]', {
  2079.   caption: function (fancybox, carousel, slide) {
  2080.     return (
  2081.       `\${slide.index + 1} / \${carousel.slides.length} <br />` + slide.caption
  2082.     );
  2083.   },
  2084. });
  2085. {% endblock %}""Theme/Users/User/Security/accueilsite.html.twig""/home/syscofie/public_html/syscofie/templates/Theme/Users/User/Security/accueilsite.html.twig");
  2086.     }
  2087. }