var/cache/dev/twig/86/867fcb6df4bdb839c98164a7c345aba0.php line 41

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* Theme/Produit/Service/Service/cabinets.html.twig */
  17. class __TwigTemplate_992d58615017d000fdc360294c22835c extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->blocks = [
  29.             'meta' => [$this, 'block_meta'],
  30.             'title' => [$this, 'block_title'],
  31.             'userblog_body' => [$this, 'block_userblog_body'],
  32.         ];
  33.     }
  35.     protected function doGetParent(array $context)
  36.     {
  37.         // line 1
  38.         return "Theme/Users/User/layoutbase.html.twig";
  39.     }
  41.     protected function doDisplay(array $context, array $blocks = [])
  42.     {
  43.         $macros = $this->macros;
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/cabinets.html.twig"));
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/cabinets.html.twig"));
  50.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutbase.html.twig", "Theme/Produit/Service/Service/cabinets.html.twig", 1);
  51.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  52.         
  53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  55.         
  56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  58.     }
  60.     // line 2
  61.     public function block_meta($context, array $blocks = [])
  62.     {
  63.         $macros = $this->macros;
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  70.         // line 3
  71.         yield "\t";
  72.         yield from $this->yieldParentBlock("meta", $context, $blocks);
  73.         yield "
  74. \t<meta name=\"keywords\" content=\"";
  75.         // line 4
  76.         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", null, true);
  77.         yield ", \"/>
  78. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  79. \t<meta name=\"description\" content=\"";
  80.         // line 6
  81.         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", null, true);
  82.         yield "\"/>
  83. ";
  84.         
  85.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  87.         
  88.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  90.         return; yield '';
  91.     }
  93.     // line 9
  94.     public function block_title($context, array $blocks = [])
  95.     {
  96.         $macros = $this->macros;
  97.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  98.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  100.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  103.         // line 10
  104.         yield "\t";
  105.         yield from $this->yieldParentBlock("title", $context, $blocks);
  106.         yield "
  107. \t- Détails du service ..
  108. ";
  109.         
  110.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  112.         
  113.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  115.         return; yield '';
  116.     }
  118.     // line 14
  119.     public function block_userblog_body($context, array $blocks = [])
  120.     {
  121.         $macros = $this->macros;
  122.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  123.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  125.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  126.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  128.         // line 15
  129.         yield "<style>
  130. ";
  131.         // line 17
  132.         yield "\t .section-head.center.wt-small-separator-outer {
  133.         margin-bottom: 50px;
  134.         text-align: left;
  135.     }
  137.     .section-head.center.wt-small-separator-outer1 {
  138.         margin-bottom: 50px;
  139.         text-align: center;
  140.     }
  141.     .section-head {
  142.         position: relative;
  143.     }
  144.     .site-text-primary, .wt-small-separator {
  145.         color: #ea130e;
  146.     }
  147.     .wt-small-separator {
  148.         font-family: \"Heebo\", sans-serif;
  149.         text-transform: uppercase;
  150.         letter-spacing: 1px;
  151.         padding-right: 40px;
  152.         font-size: 26px;
  153.         line-height: 26px;
  154.         margin-bottom: 15px;
  155.         position: relative;
  156.         display: inline-block;
  157.         font-weight: 700;
  158.     }
  159.     .section-head.center .wt-small-separator div.sep-leaf-left {
  160.         position: relative;
  161.     }
  162.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  163.         background-color: #ea130e;
  164.     }
  165.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  166.         right: -20px;
  167.         width: 10px;
  168.     }
  169.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  170.         position: absolute;
  171.         content: '';
  172.         height: 22px;
  173.         bottom: 0px;
  174.         top: 0px;
  175.         transform: skew(-20deg);
  176.     }
  177.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  178.         right: -27px;
  179.         width: 4px;
  180.     }
  181.     .section-head.center.wt-small-separator-outer h2 {
  182.         max-width: 630px;
  183.         margin: 0px auto;
  184.     }
  186. ";
  187.         // line 72
  188.         yield "\t\tbutton {
  189.   margin: 20px;
  190. }
  191. .custom-btn {
  192.   width: 130px;
  193.   height: 40px;
  194.   color: #fff;
  195.   border-radius: 5px;
  196.   padding: 10px 25px;
  197.   font-family: 'Lato', sans-serif;
  198.   font-weight: 500;
  199.   background: transparent;
  200.   cursor: pointer;
  201.   transition: all 0.3s ease;
  202.   position: relative;
  203.   display: inline-block;
  204.    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
  205.    7px 7px 20px 0px rgba(0,0,0,.1),
  206.    4px 4px 5px 0px rgba(0,0,0,.1);
  207.   outline: none;
  208. }
  209. .btn-5 {
  210.   width: 130px;
  211.   height: 40px;
  212.   line-height: 42px;
  213.   padding: 0;
  214.   border: none;
  215.   background: rgb(255,27,0);
  216. background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
  217. }
  218. .btn-5:hover {
  219.   color: #f0094a;
  220.   background: transparent;
  221.    box-shadow:none;
  222. }
  223. .btn-5:before,
  224. .btn-5:after{
  225.   content:'';
  226.   position:absolute;
  227.   top:0;
  228.   right:0;
  229.   height:2px;
  230.   width:0;
  231.   background: #f0094a;
  232.   box-shadow:
  233.    -1px -1px 5px 0px #fff,
  234.    7px 7px 20px 0px #0003,
  235.    4px 4px 5px 0px #0002;
  236.   transition:400ms ease all;
  237. }
  238. .btn-5:after{
  239.   right:inherit;
  240.   top:inherit;
  241.   left:0;
  242.   bottom:0;
  243. }
  244. .btn-5:hover:before,
  245. .btn-5:hover:after{
  246.   width:100%;
  247.   transition:800ms ease all;
  248. }
  250. ";
  251.         // line 135
  252.         yield "  .news-container {
  253.   position: relative;
  254.   display: inline-block;
  255.   box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px,
  256.     rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
  257. }
  259. .news-container .img-fluid {
  260.   float: left;
  261.   height: 450px;
  262.   width: 800px;
  263.   margin-left: none;
  264. }
  267. .news-container .news-overlay {
  268.   position: absolute;
  269.   top: 0;
  270.   left: 0;
  271.   width: 100%;
  272.   height: 100%;
  273.   background: rgba(29, 154, 182, 0.67);
  274.   opacity: 0.8;
  275.   transition: opacity 500ms ease-in-out;
  276. }
  277. .news-container:hover .news-overlay {
  278.   opacity: 0.9;
  279. }
  280. .news-overlay span {
  281.   position: absolute;
  282.   top: 50%;
  283.   left: 50%;
  284.   transform: translate(-50%, -50%);
  285.   color: #fff;
  286.   margin: -5px -20px;
  287. }
  289. /* ----------------------------------------- css faq ------------------------------------ */
  290. .wrapper {
  291.   width: 60%;
  292. }
  295. .container-faq {
  296.   background-color: #268ecfce ;
  297.   color: black;
  298.   border-radius: 20px;
  299.   box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);
  300.   margin: 20px 0;
  301. }
  303. .question {
  304.   color : white;
  305.   font-size: 1.2rem;
  306.   font-weight: 600;
  307.   padding: 20px 80px 20px 20px;
  308.   position: relative;
  309.   display: flex;
  310.   align-items: center;
  311.   cursor: pointer;
  312. }
  314. .question::after {
  315.   content: \"\\002B\";
  316.   font-size: 2.2rem;
  317.   position: absolute;
  318.   right: 20px;
  319.   transition: 0.2s;
  320. }
  322. .question.active::after {
  323.   transform: rotate(45deg);
  324. }
  326. .answercont {
  327.   max-height: 0;
  328.   overflow: hidden;
  329.   transition: 0.3s;
  330. }
  332. .answer {
  333.   padding: 0 20px 20px;
  334.   line-height: 1.5rem;
  335. }
  337. .question.active + .answercont {
  338. }
  340. @media screen and (max-width: 790px){
  341.   html {
  342.     font-size: 14px;
  343.   }
  344.   .wrapper {
  345.   width: 80%;
  346. }
  347. }
  349. .answercont .answer a { 
  350.   color: white;
  351. }
  353. .answercont .answer a:hover { 
  354.   color: red;
  355. }
  357. ";
  358.         // line 241
  359.         yield ".blockquote {
  360.   padding: 1rem 2rem;
  361.   border-inline-start: 9px solid hsl(245, 80%, 80%);
  362. }
  364. .blockquote p {
  365.   font-family: var(--prismatica-font-tertiary);
  366.   font-size: 1.5rem;
  367. }
  369. /*** visual badge label only, not for form labels ***/
  370. .badge {
  371.   position: relative;
  372.   top: 0;
  373.   vertical-align: top;
  375.   width: auto;
  376.   min-height: 0.8rem;
  378.   display: inline-flex;
  379.   align-items: center;
  380.   justify-content: center;
  381.   flex-direction: column;
  383.   font-family: var(--prismatica-font-primary);
  384.   font-size: 0.6rem;
  385.   line-height: 1;
  386.   font-weight: 600;
  387.   text-transform: uppercase;
  388.   letter-spacing: 1px;
  389.   color: hsl(180, 80%, 20%);
  391.   background-color: hsl(180, 80%, 60%);
  393.   padding: 0.4rem;
  394.   margin-block: 0.5rem;
  396.   border-radius: 4px;
  397. }
  399. .section1 a {
  400.   text-decoration: none;
  401.   color: none;
  402. }
  404. .section1 a:hover {
  405.   text-decoration: none;
  406.   color: #d513199b;
  407. }
  409. .overlayImg {
  410.   position: absolute;
  411.   top: 60;
  412.   left: 0;
  413.   right: 0;
  414.   bottom: -60;
  415.   background-color: rgba(0, 0, 0, 0.5); /* Couleur sombre avec transparence */
  416. }        
  418. .hero__text {
  419.   position: relative;
  420.   z-index: 1; /* Pour que le texte soit au-dessus de l'overlay */
  421.   color: white;
  422.   text-align: center;
  423.   padding: 20px;
  424. }
  426. .hero__image-wrapper {
  427.   background-size: cover;
  428. }
  431. </style>
  433. \t<section class=\"hero\">
  434. \t\t<div class=\"hero__image-wrapper\">
  435. \t\t\t";
  436.         // line 318
  437.         yield "\t\t\t<img style=\"opacity: 1\" id=\"hero__image\" src=\"";
  438.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/graphiques-financiers.jpg"), "html", null, true);
  439.         yield "\" alt=\"Picsum placeholder image\"/>
  440. \t\t</div>
  441.     <div class=\"overlayImg\"></div>
  442. \t\t<div class=\"hero__text\">
  443. \t\t\t<h1>Cabinets de Comptabilité : Votre Partenaire pour la Gestion Financière</h1>
  444. \t\t\t<p>Explorez notre répertoire de cabinets de comptabilité pour bénéficier d'une expertise professionnelle dans la gestion de vos finances et l'optimisation fiscale.</p>
  445. \t\t\t<button id=\"hero__img-refresh\">Glissez pour explorez <i class=\"bi bi-arrow-down\"></i></button>
  446. \t\t</div>
  447. \t</section>
  448. \t<section class=\"mt-4\" style=\"padding-top: 60px; padding-bottom: 30px; background-color: #84858223;\">
  449. \t\t<div class=\"container\">
  450. \t\t\t<div class=\"row g-4\">
  451. \t\t\t\t<div class=\"col-12 col-md-4\">
  452. \t\t\t\t\t<div class=\"bg-white p-3 rounded-4 shadow-sm d-flex align-items-center section1\">
  453. \t\t\t\t\t\t<div class=\"bg-primary text-white d-flex align-items-center justify-content-center rounded-circle\" style=\"width: 65px; height: 48px; margin-right: 1rem;\">
  454. \t\t\t\t\t\t\t<i class=\"bi bi-folder\" style=\"font-size: 30px;\"></i>
  455. \t\t\t\t\t\t</div>
  456.               <a href=\"";
  457.         // line 335
  458.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_services");
  459.         yield "\">
  460. \t\t\t\t\t\t    <div>
  461. \t\t\t\t\t\t    \t<h3 class=\"fw-bold mb-1\">Services Offerts</h3>
  462. \t\t\t\t\t\t    \t<p>Découvrez les services proposés par nos différents cabinets.</p>
  463. \t\t\t\t\t\t    </div>
  464.               </a>
  465. \t\t\t\t\t</div>
  466. \t\t\t\t</div>
  467. \t\t\t\t<div class=\"col-12 col-md-4\">
  468. \t\t\t\t\t<div class=\"bg-white p-3 rounded-4 shadow-sm d-flex align-items-center section1\">
  469. \t\t\t\t\t\t<div class=\"bg-primary text-white d-flex align-items-center justify-content-center rounded-circle\" style=\"width: 50px; height: 48px; margin-right: 1rem;\">
  470. \t\t\t\t\t\t\t<i class=\"bi bi-check-circle\" style=\"font-size: 30px;\"></i>
  471. \t\t\t\t\t\t</div>
  472.             <a href=\"";
  473.         // line 348
  474.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_galery");
  475.         yield "\">
  476. \t\t\t\t\t\t  <div>
  477. \t\t\t\t\t\t  \t<h3 class=\"fw-bold mb-1\">Nos Interventions</h3>
  478. \t\t\t\t\t\t  \t<p>Exemples concrets de succès avec nos clients.</p>
  479. \t\t\t\t\t\t  </div>
  480.             </a>
  481. \t\t\t\t\t</div>
  482. \t\t\t\t</div>
  483. \t\t\t\t<div class=\"col-12 col-md-4\">
  484. \t\t\t\t\t<div class=\"bg-white p-3 rounded-4 shadow-sm d-flex align-items-center section1\">
  485. \t\t\t\t\t\t<div class=\"bg-primary text-white d-flex align-items-center justify-content-center rounded-circle\" style=\"width: 50px; height: 48px; margin-right: 1rem;\">
  486. \t\t\t\t\t\t\t<i class=\"bi bi-book\" style=\"font-size: 30px;\"></i>
  487. \t\t\t\t\t\t</div>
  488.             <a href=\"";
  489.         // line 361
  490.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_blog_pagine");
  491.         yield "\">
  492. \t\t\t\t\t\t  <div>
  493. \t\t\t\t\t\t  \t<h3 class=\"fw-bold mb-1\">Blog et Ressources</h3>
  494. \t\t\t\t\t\t  \t<p>Articles et conseils pour optimiser votre gestion</p>
  495. \t\t\t\t\t\t  </div>
  496. \t\t\t\t\t\t</a>
  497. \t\t\t\t\t</div>
  498. \t\t\t\t</div>
  499. \t\t\t</div>
  500. \t\t</div>
  501. \t</section>
  503. \t<section class=\"section services__v3\" id=\"services\" style=\"background-color: #ffff;\">
  504. \t\t<section class=\" section services__v3\" id=\"services\" style=\"\">
  505. \t\t\t<div class=\"section-head center wt-small-separator-outer container\">
  506.     \t\t<div class=\"wt-small-separator site-text-primary\">
  507.     \t\t    <div class=\"sep-leaf-left\"></div>
  508.     \t\t    <div>Cabinet Yaounde</div>
  509.     \t\t</div>
  510.     \t\t";
  511.         // line 381
  512.         yield "
  513.     \t</div>
  514. \t\t\t";
  515.         // line 397
  516.         yield "      <div class=\"container\">
  517.         <div class=\"row\" style=\"margin-top: -40px;\">
  518.           <div class=\"col-xl-5 col-lg-5 col-md-5 col-sm-12 mt-3\">
  519.             <div class=\"news-container\">
  520.               <a href=\"#\">
  521.                 <img class=\"img-fluid rounded mb-md-0\" src=\"";
  522.         // line 402
  523.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/cabinet1.jpg"), "html", null, true);
  524.         yield "\" alt=\"alt\">
  525.               </a>
  526.               <div class=\"news-overlay rounded\">
  527.                 <span>
  528.                   <h3 style=\"font-weight: bold;\">Yaounde</h3>
  529.                   ";
  530.         // line 408
  531.         yield "                  <p style=\"font-weight: bold;\">
  532.                     <i class=\"bi bi-phone\"></i> 656 56 00 14</p>
  533.                   <p style=\"font-weight: bold;\"><i class=\"bi bi-geo-alt\"> </i>Carrefour terre rouge</p>
  534.                   <a class=\"btn btn-primary\" href=\"#\">Notre cabinet à Yaounde
  535.                     <i class=\"bi bi-chevron-right\"></i>
  536.                   </a>
  537.                 </span>
  538.               </div>
  539.             </div>
  540.           </div>
  541.           <div class=\"col-xl-7 col-lg-7 col-md-7 col-sm-12 mt-3\">
  542.             <div class=\"\">
  543.               <h1 class=\"wt-title\">Expertise Comptable Locale pour un Succès Global à Yaounde avec Syscofie</h1>
  544.               <p>Notre équipe d'experts à Yaoundé combine une expertise locale avec une vision globale. Nous vous aidons à naviguer dans le monde complexe de la comptabilité tout en vous permettant de vous concentrer sur votre développement.</p>
  545.               <div class=\"badge\">
  546.                 <span>C1</span>
  547.               </div>
  548.               <h6>
  549.                 Mots du cabinet
  550.               </h6>
  551.               <blockquote class=\"blockquote\">
  552.                 <p>
  553.                   “Syscofie : Votre Expertise Comptable Locale pour Réussir Globalement à Yaoundé.”
  554.                 </p>
  555.                 <p>
  556.                   <cite>― La maison du contribuable</cite>
  557.                 </p>
  558.               </blockquote>
  559.             </div>
  560.           </div>
  561.         </div>
  562.       </div>
  563.     </section>
  565.     <section class=\" section services__v3\" id=\"services\" style=\"margin-top: 40px;\">
  566. \t\t\t<div class=\"section-head center wt-small-separator-outer container\">
  567.     \t\t<div class=\"wt-small-separator site-text-primary\">
  568.     \t\t    <div class=\"sep-leaf-left\"></div>
  569.     \t\t    <div>Cabinet Douala</div>
  570.     \t\t</div>
  572.     \t</div>
  574.       <div class=\"container\">
  575.         <div class=\"row\" style=\"margin-top: -40px;\">
  576.           <div class=\"col-xl-5 col-lg-5 col-md-5 col-sm-12 mt-3\">
  577.             <div class=\"news-container\">
  578.               <a href=\"#\">
  579.                 <img class=\"img-fluid rounded mb-md-0\" src=\"";
  580.         // line 456
  581.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/formateur-explique-specificites-du-logiciel-au-nouvel-employe_74855-1666.jpg"), "html", null, true);
  582.         yield "\" alt=\"alt\">
  583.               </a>
  584.               <div class=\"news-overlay rounded\">
  585.                 <span>
  586.                   <h3 style=\"font-weight: bold;\">Douala</h3>
  587.                   <div class=\"shorttextlength\">
  588.                     ";
  589.         // line 463
  590.         yield "                    <p style=\"font-weight: bold;\">
  591.                       <i class=\"bi bi-phone\"></i> 656 56 00 14</p>
  592.                     <p style=\"font-weight: bold;\"> <i class=\"bi bi-geo-alt\"></i> Akwa</p>
  593.                   </div>
  594.                   <a class=\"btn btn-primary\" href=\"#\">Notre cabinet à Douala
  595.                     <i class=\"bi bi-chevron-right\"></i>
  596.                   </a>
  597.                 </span>
  598.               </div>
  599.             </div>
  600.           </div>
  601.           <div class=\"col-xl-7 col-lg-7 col-md-7 col-sm-12 mt-3\">
  602.             <div class=\"\">
  603.               <h1 class=\"wt-title\">Cabinet Comptable Syscofie : Ancré dans Douala pour mieux vous servir</h1>
  604.               <p>Fort de notre connaissance approfondie de l'économie locale, notre cabinet, situé à Douala, est dédié à répondre aux défis uniques de votre entreprise. Nous sommes là pour vous accompagner à chaque étape de votre croissance.</p>
  605.               <div class=\"badge\">
  606.                 <span>C2</span>
  607.               </div>
  608.               <h6>
  609.                 Mots du cabinet
  610.               </h6>
  611.               <blockquote class=\"blockquote\">
  612.                 <p>
  613.                   “Votre croissance, notre priorité : expertise locale pour relever vos défis uniques.”
  614.                 </p>
  615.                 <p>
  616.                   <cite>― La maison du contribuable</cite>
  617.                 </p>
  618.               </blockquote>
  619.             </div>
  620.           </div>
  621.         </div>
  622.       </div>
  623.     </section>
  625.     <section class=\" section services__v3\" id=\"services\" style=\"margin-top: 40px;\">
  626. \t\t\t<div class=\"section-head center wt-small-separator-outer container\">
  627.     \t\t<div class=\"wt-small-separator site-text-primary\">
  628.     \t\t    <div class=\"sep-leaf-left\"></div>
  629.     \t\t    <div>Cabinet Bafoussam</div>
  630.     \t\t</div>
  632.     \t</div>
  633.       <div class=\"container\">
  634.         <div class=\"row\" style=\"margin-top: -40px;\">
  635.           <div class=\"col-xl-5 col-lg-5 col-md-5 col-sm-12 mt-3\">
  636.             <div class=\"news-container\">
  637.               <a href=\"#\">
  638.                 <img class=\"img-fluid rounded mb-md-0\" src=\"";
  639.         // line 511
  640.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/cabinet2.jpg"), "html", null, true);
  641.         yield "\" alt=\"alt\">
  642.               </a>
  643.               <div class=\"news-overlay rounded\">
  644.                 <span class=\"btn-cab\">
  645.                   <h3 style=\"font-weight: bold;\">Bafoussam</h3>
  646.                   ";
  647.         // line 517
  648.         yield "                  <p style=\"font-weight: bold;\">
  649.                     <i class=\"bi bi-phone\"></i> 656 56 00 14</p>
  650.                   <p style=\"font-weight: bold;\"> <i class=\"bi bi-geo-alt\"></i> Carrefour terre rouge</p>
  651.                   <a class=\"btn btn-primary\" href=\"#\">Notre cabinet à Bafoussam
  652.                     <i class=\"bi bi-chevron-right\"></i>
  653.                   </a>
  654.                 </span>
  655.               </div>
  656.             </div>
  657.           </div>
  658.           <div class=\"col-xl-7 col-lg-7 col-md-7 col-sm-12 mt-3\">
  659.             <div class=\"\">
  660.               <h1 class=\"wt-title\">Développez Votre Activité avec Nos Experts de Bafoussam</h1>
  661.               <p>Avec notre équipe d'experts basée à Bafoussam, vous bénéficiez d'un accompagnement stratégique pour faire croître votre entreprise. Nous sommes là pour vous aider à identifier des opportunités et à surmonter les défis financiers.</p>
  662.               <div class=\"badge\">
  663.                 <span>C3</span>
  664.               </div>
  665.               <h6>
  666.                 Mots du cabinet
  667.               </h6>
  668.               <blockquote class=\"blockquote\">
  669.                 <p>
  670.                   “Élevez votre activité avec l'expertise inégalée de nos spécialistes à Bafoussam.”
  671.                 </p>
  672.                 <p>
  673.                   <cite>― La maison du contribuable</cite>
  674.                 </p>
  675.               </blockquote>
  676.             </div>
  677.           </div>
  678.         </div>
  679.       </div>
  680.     </section>
  681.   </section>
  683.   <section class=\" section services__v3\" id=\"services\" style=\"margin-top: 40px;\">
  684. \t\t<div class=\"section-head center wt-small-separator-outer1 container\">
  685.     \t<div class=\"wt-small-separator site-text-primary\">
  686.     \t    <div class=\"sep-leaf-left\"></div>
  687.     \t    <div>FAQ</div>
  688.     \t</div>
  689.       <h1 class=\"wt-title\">Questions fréquentes sur comment trouver un cabinet comptable pour son entreprise</h1>
  690.     </div>
  691.     <div class=\"container my-4\">
  692.       <div class=\"text-center mb-3\">
  693.           <img class=\"img-fluid rounded\" src=\"";
  694.         // line 562
  695.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/SVG/FAQ.svg"), "html", null, true);
  696.         yield "\" alt=\"alt\">
  697.       </div>
  698.       <div class=\"row\">
  700.         <div class=\"col-md-6\">
  701.           <div class=\"container-faq\">
  702.             <div class=\"question\">
  703.               Quels sont les avantages d'une collaboration à long terme avec un cabinet comptable ?
  704.             </div>
  705.             <div class=\"answercont\">
  706.               <div class=\"answer\">
  707.                 Une relation à long terme favorise la compréhension approfondie de votre entreprise, permettant ainsi des conseils plus adaptés et une gestion proactive des enjeux financiers.<br><br>
  709.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  710.               </div>
  711.             </div>
  712.           </div>
  713.         </div>
  715.         <div class=\"col-md-6\">
  716.           <div class=\"container-faq\">
  717.             <div class=\"question\">
  718.               Comment un cabinet comptable peut-il m’aider en matière de stratégie fiscale ?
  719.             </div>
  720.             <div class=\"answercont\">
  721.               <div class=\"answer\">
  722.                 Ils peuvent analyser votre situation financière pour identifier des opportunités d’optimisation fiscale, minimiser les impôts dus et planifier des investissements stratégiques.<br><br>
  724.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  725.               </div>
  726.             </div>
  727.           </div>
  728.         </div>
  730.         <div class=\"col-md-6\">
  731.           <div class=\"container-faq\">
  732.             <div class=\"question\">
  733.               Comment un cabinet d'expertise comptable peut-il contribuer à la croissance de mon entreprise ?
  734.             </div>
  735.             <div class=\"answercont\">
  736.               <div class=\"answer\">
  737.                  En fournissant des analyses financières régulières, des conseils stratégiques et en vous aidant à prendre des décisions basées sur des données solides<br><br>
  739.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  740.               </div>
  741.             </div>
  742.           </div>
  743.         </div>
  745.         <div class=\"col-md-6\">
  746.           <div class=\"container-faq\">
  747.             <div class=\"question\">
  748.               Quelles sont les principales missions d’un cabinet d'expertise comptable ?
  749.             </div>
  750.             <div class=\"answercont\">
  751.               <div class=\"answer\">
  752.                 Les missions incluent la tenue de la comptabilité, la préparation des déclarations fiscales, le conseil en gestion, l’audit et l’assistance lors de contrôles fiscaux.<br><br>
  754.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  755.               </div>
  756.             </div>
  757.           </div>
  758.         </div>
  760.         <div class=\"row\">
  761.           <div class=\"col-md-12 mt-3 mb-5\">
  762.             <h3 class=\"text-center\">SYSCOFIE CONSULTING<h3>
  763.           </div>
  764.         </div>
  766.       </div>
  769.     </div>
  770.   </section>
  771. \t
  772. \t<script>
  773. \t\t";
  774.         // line 645
  775.         yield "
  776.     ";
  777.         // line 663
  778.         yield "
  779.     let questions = document.querySelectorAll(\".question\");
  780.       questions.forEach(question => {
  781.       // Ajoutez la classe active par défaut
  782.       question.classList.add(\"active\");
  783.       const answer = question.nextElementSibling;
  784.       answer.style.maxHeight = answer.scrollHeight + \"px\"; // Ouvre toutes les réponses
  786.       question.addEventListener(\"click\", event => {
  787.         const active = document.querySelector(\".question.active\");
  788.         if (active && active !== question) {
  789.             active.classList.toggle(\"active\");
  790.             active.nextElementSibling.style.maxHeight = 0; // Ferme la réponse active
  791.         }
  792.         question.classList.toggle(\"active\");
  793.         if (question.classList.contains(\"active\")) {
  794.             answer.style.maxHeight = answer.scrollHeight + \"px\"; // Ouvre la réponse
  795.         } else {
  796.             answer.style.maxHeight = 0; // Ferme la réponse
  797.         }
  798.       });
  799.     });
  801. \t</script>
  802. ";
  803.         
  804.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  806.         
  807.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  809.         return; yield '';
  810.     }
  812.     /**
  813.      * @codeCoverageIgnore
  814.      */
  815.     public function getTemplateName()
  816.     {
  817.         return "Theme/Produit/Service/Service/cabinets.html.twig";
  818.     }
  820.     /**
  821.      * @codeCoverageIgnore
  822.      */
  823.     public function isTraitable()
  824.     {
  825.         return false;
  826.     }
  828.     /**
  829.      * @codeCoverageIgnore
  830.      */
  831.     public function getDebugInfo()
  832.     {
  833.         return array (  778 => 663,  775 => 645,  695 => 562,  648 => 517,  640 => 511,  590 => 463,  581 => 456,  531 => 408,  523 => 402,  516 => 397,  512 => 381,  490 => 361,  474 => 348,  458 => 335,  437 => 318,  359 => 241,  252 => 135,  188 => 72,  132 => 17,  129 => 15,  119 => 14,  104 => 10,  94 => 9,  81 => 6,  76 => 4,  71 => 3,  61 => 2,  38 => 1,);
  834.     }
  836.     public function getSourceContext()
  837.     {
  838.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  839. {% block meta %}
  840. \t{{ parent() }}
  841. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  842. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  843. \t<meta name=\"description\" content=\"{{ site }}\"/>
  844. {% endblock %}
  846. {% block title %}
  847. \t{{ parent() }}
  848. \t- Détails du service ..
  849. {% endblock %}
  850.   
  851. {% block userblog_body %}
  852. <style>
  853. {# ---------------------------------------------- css separator ---------------------------------------------------- #}
  854. \t .section-head.center.wt-small-separator-outer {
  855.         margin-bottom: 50px;
  856.         text-align: left;
  857.     }
  859.     .section-head.center.wt-small-separator-outer1 {
  860.         margin-bottom: 50px;
  861.         text-align: center;
  862.     }
  863.     .section-head {
  864.         position: relative;
  865.     }
  866.     .site-text-primary, .wt-small-separator {
  867.         color: #ea130e;
  868.     }
  869.     .wt-small-separator {
  870.         font-family: \"Heebo\", sans-serif;
  871.         text-transform: uppercase;
  872.         letter-spacing: 1px;
  873.         padding-right: 40px;
  874.         font-size: 26px;
  875.         line-height: 26px;
  876.         margin-bottom: 15px;
  877.         position: relative;
  878.         display: inline-block;
  879.         font-weight: 700;
  880.     }
  881.     .section-head.center .wt-small-separator div.sep-leaf-left {
  882.         position: relative;
  883.     }
  884.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  885.         background-color: #ea130e;
  886.     }
  887.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  888.         right: -20px;
  889.         width: 10px;
  890.     }
  891.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  892.         position: absolute;
  893.         content: '';
  894.         height: 22px;
  895.         bottom: 0px;
  896.         top: 0px;
  897.         transform: skew(-20deg);
  898.     }
  899.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  900.         right: -27px;
  901.         width: 4px;
  902.     }
  903.     .section-head.center.wt-small-separator-outer h2 {
  904.         max-width: 630px;
  905.         margin: 0px auto;
  906.     }
  908. {# ----------------------------------------------- css baniere ------------------------------------------------------ #}
  909. \t\tbutton {
  910.   margin: 20px;
  911. }
  912. .custom-btn {
  913.   width: 130px;
  914.   height: 40px;
  915.   color: #fff;
  916.   border-radius: 5px;
  917.   padding: 10px 25px;
  918.   font-family: 'Lato', sans-serif;
  919.   font-weight: 500;
  920.   background: transparent;
  921.   cursor: pointer;
  922.   transition: all 0.3s ease;
  923.   position: relative;
  924.   display: inline-block;
  925.    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
  926.    7px 7px 20px 0px rgba(0,0,0,.1),
  927.    4px 4px 5px 0px rgba(0,0,0,.1);
  928.   outline: none;
  929. }
  930. .btn-5 {
  931.   width: 130px;
  932.   height: 40px;
  933.   line-height: 42px;
  934.   padding: 0;
  935.   border: none;
  936.   background: rgb(255,27,0);
  937. background: linear-gradient(0deg, rgba(255,27,0,1) 0%, rgba(251,75,2,1) 100%);
  938. }
  939. .btn-5:hover {
  940.   color: #f0094a;
  941.   background: transparent;
  942.    box-shadow:none;
  943. }
  944. .btn-5:before,
  945. .btn-5:after{
  946.   content:'';
  947.   position:absolute;
  948.   top:0;
  949.   right:0;
  950.   height:2px;
  951.   width:0;
  952.   background: #f0094a;
  953.   box-shadow:
  954.    -1px -1px 5px 0px #fff,
  955.    7px 7px 20px 0px #0003,
  956.    4px 4px 5px 0px #0002;
  957.   transition:400ms ease all;
  958. }
  959. .btn-5:after{
  960.   right:inherit;
  961.   top:inherit;
  962.   left:0;
  963.   bottom:0;
  964. }
  965. .btn-5:hover:before,
  966. .btn-5:hover:after{
  967.   width:100%;
  968.   transition:800ms ease all;
  969. }
  971. {# ----------------------------------------------- css image cabinet ------------------------------------------------------ #}
  972.   .news-container {
  973.   position: relative;
  974.   display: inline-block;
  975.   box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px,
  976.     rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
  977. }
  979. .news-container .img-fluid {
  980.   float: left;
  981.   height: 450px;
  982.   width: 800px;
  983.   margin-left: none;
  984. }
  987. .news-container .news-overlay {
  988.   position: absolute;
  989.   top: 0;
  990.   left: 0;
  991.   width: 100%;
  992.   height: 100%;
  993.   background: rgba(29, 154, 182, 0.67);
  994.   opacity: 0.8;
  995.   transition: opacity 500ms ease-in-out;
  996. }
  997. .news-container:hover .news-overlay {
  998.   opacity: 0.9;
  999. }
  1000. .news-overlay span {
  1001.   position: absolute;
  1002.   top: 50%;
  1003.   left: 50%;
  1004.   transform: translate(-50%, -50%);
  1005.   color: #fff;
  1006.   margin: -5px -20px;
  1007. }
  1009. /* ----------------------------------------- css faq ------------------------------------ */
  1010. .wrapper {
  1011.   width: 60%;
  1012. }
  1015. .container-faq {
  1016.   background-color: #268ecfce ;
  1017.   color: black;
  1018.   border-radius: 20px;
  1019.   box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);
  1020.   margin: 20px 0;
  1021. }
  1023. .question {
  1024.   color : white;
  1025.   font-size: 1.2rem;
  1026.   font-weight: 600;
  1027.   padding: 20px 80px 20px 20px;
  1028.   position: relative;
  1029.   display: flex;
  1030.   align-items: center;
  1031.   cursor: pointer;
  1032. }
  1034. .question::after {
  1035.   content: \"\\002B\";
  1036.   font-size: 2.2rem;
  1037.   position: absolute;
  1038.   right: 20px;
  1039.   transition: 0.2s;
  1040. }
  1042. .question.active::after {
  1043.   transform: rotate(45deg);
  1044. }
  1046. .answercont {
  1047.   max-height: 0;
  1048.   overflow: hidden;
  1049.   transition: 0.3s;
  1050. }
  1052. .answer {
  1053.   padding: 0 20px 20px;
  1054.   line-height: 1.5rem;
  1055. }
  1057. .question.active + .answercont {
  1058. }
  1060. @media screen and (max-width: 790px){
  1061.   html {
  1062.     font-size: 14px;
  1063.   }
  1064.   .wrapper {
  1065.   width: 80%;
  1066. }
  1067. }
  1069. .answercont .answer a { 
  1070.   color: white;
  1071. }
  1073. .answercont .answer a:hover { 
  1074.   color: red;
  1075. }
  1077. {# css contenu right image cabinet  #}
  1078. .blockquote {
  1079.   padding: 1rem 2rem;
  1080.   border-inline-start: 9px solid hsl(245, 80%, 80%);
  1081. }
  1083. .blockquote p {
  1084.   font-family: var(--prismatica-font-tertiary);
  1085.   font-size: 1.5rem;
  1086. }
  1088. /*** visual badge label only, not for form labels ***/
  1089. .badge {
  1090.   position: relative;
  1091.   top: 0;
  1092.   vertical-align: top;
  1094.   width: auto;
  1095.   min-height: 0.8rem;
  1097.   display: inline-flex;
  1098.   align-items: center;
  1099.   justify-content: center;
  1100.   flex-direction: column;
  1102.   font-family: var(--prismatica-font-primary);
  1103.   font-size: 0.6rem;
  1104.   line-height: 1;
  1105.   font-weight: 600;
  1106.   text-transform: uppercase;
  1107.   letter-spacing: 1px;
  1108.   color: hsl(180, 80%, 20%);
  1110.   background-color: hsl(180, 80%, 60%);
  1112.   padding: 0.4rem;
  1113.   margin-block: 0.5rem;
  1115.   border-radius: 4px;
  1116. }
  1118. .section1 a {
  1119.   text-decoration: none;
  1120.   color: none;
  1121. }
  1123. .section1 a:hover {
  1124.   text-decoration: none;
  1125.   color: #d513199b;
  1126. }
  1128. .overlayImg {
  1129.   position: absolute;
  1130.   top: 60;
  1131.   left: 0;
  1132.   right: 0;
  1133.   bottom: -60;
  1134.   background-color: rgba(0, 0, 0, 0.5); /* Couleur sombre avec transparence */
  1135. }        
  1137. .hero__text {
  1138.   position: relative;
  1139.   z-index: 1; /* Pour que le texte soit au-dessus de l'overlay */
  1140.   color: white;
  1141.   text-align: center;
  1142.   padding: 20px;
  1143. }
  1145. .hero__image-wrapper {
  1146.   background-size: cover;
  1147. }
  1150. </style>
  1152. \t<section class=\"hero\">
  1153. \t\t<div class=\"hero__image-wrapper\">
  1154. \t\t\t{#<img style=\"opacity: 0.5\" id=\"hero__image\" src=\"https://picsum.photos/1280/720\" alt=\"Picsum placeholder image\"/>#}
  1155. \t\t\t<img style=\"opacity: 1\" id=\"hero__image\" src=\"{{ asset('templateSyscofie/images/graphiques-financiers.jpg') }}\" alt=\"Picsum placeholder image\"/>
  1156. \t\t</div>
  1157.     <div class=\"overlayImg\"></div>
  1158. \t\t<div class=\"hero__text\">
  1159. \t\t\t<h1>Cabinets de Comptabilité : Votre Partenaire pour la Gestion Financière</h1>
  1160. \t\t\t<p>Explorez notre répertoire de cabinets de comptabilité pour bénéficier d'une expertise professionnelle dans la gestion de vos finances et l'optimisation fiscale.</p>
  1161. \t\t\t<button id=\"hero__img-refresh\">Glissez pour explorez <i class=\"bi bi-arrow-down\"></i></button>
  1162. \t\t</div>
  1163. \t</section>
  1164. \t<section class=\"mt-4\" style=\"padding-top: 60px; padding-bottom: 30px; background-color: #84858223;\">
  1165. \t\t<div class=\"container\">
  1166. \t\t\t<div class=\"row g-4\">
  1167. \t\t\t\t<div class=\"col-12 col-md-4\">
  1168. \t\t\t\t\t<div class=\"bg-white p-3 rounded-4 shadow-sm d-flex align-items-center section1\">
  1169. \t\t\t\t\t\t<div class=\"bg-primary text-white d-flex align-items-center justify-content-center rounded-circle\" style=\"width: 65px; height: 48px; margin-right: 1rem;\">
  1170. \t\t\t\t\t\t\t<i class=\"bi bi-folder\" style=\"font-size: 30px;\"></i>
  1171. \t\t\t\t\t\t</div>
  1172.               <a href=\"{{ path('produit_service_services') }}\">
  1173. \t\t\t\t\t\t    <div>
  1174. \t\t\t\t\t\t    \t<h3 class=\"fw-bold mb-1\">Services Offerts</h3>
  1175. \t\t\t\t\t\t    \t<p>Découvrez les services proposés par nos différents cabinets.</p>
  1176. \t\t\t\t\t\t    </div>
  1177.               </a>
  1178. \t\t\t\t\t</div>
  1179. \t\t\t\t</div>
  1180. \t\t\t\t<div class=\"col-12 col-md-4\">
  1181. \t\t\t\t\t<div class=\"bg-white p-3 rounded-4 shadow-sm d-flex align-items-center section1\">
  1182. \t\t\t\t\t\t<div class=\"bg-primary text-white d-flex align-items-center justify-content-center rounded-circle\" style=\"width: 50px; height: 48px; margin-right: 1rem;\">
  1183. \t\t\t\t\t\t\t<i class=\"bi bi-check-circle\" style=\"font-size: 30px;\"></i>
  1184. \t\t\t\t\t\t</div>
  1185.             <a href=\"{{ path('produit_service_galery') }}\">
  1186. \t\t\t\t\t\t  <div>
  1187. \t\t\t\t\t\t  \t<h3 class=\"fw-bold mb-1\">Nos Interventions</h3>
  1188. \t\t\t\t\t\t  \t<p>Exemples concrets de succès avec nos clients.</p>
  1189. \t\t\t\t\t\t  </div>
  1190.             </a>
  1191. \t\t\t\t\t</div>
  1192. \t\t\t\t</div>
  1193. \t\t\t\t<div class=\"col-12 col-md-4\">
  1194. \t\t\t\t\t<div class=\"bg-white p-3 rounded-4 shadow-sm d-flex align-items-center section1\">
  1195. \t\t\t\t\t\t<div class=\"bg-primary text-white d-flex align-items-center justify-content-center rounded-circle\" style=\"width: 50px; height: 48px; margin-right: 1rem;\">
  1196. \t\t\t\t\t\t\t<i class=\"bi bi-book\" style=\"font-size: 30px;\"></i>
  1197. \t\t\t\t\t\t</div>
  1198.             <a href=\"{{ path('produit_service_blog_pagine') }}\">
  1199. \t\t\t\t\t\t  <div>
  1200. \t\t\t\t\t\t  \t<h3 class=\"fw-bold mb-1\">Blog et Ressources</h3>
  1201. \t\t\t\t\t\t  \t<p>Articles et conseils pour optimiser votre gestion</p>
  1202. \t\t\t\t\t\t  </div>
  1203. \t\t\t\t\t\t</a>
  1204. \t\t\t\t\t</div>
  1205. \t\t\t\t</div>
  1206. \t\t\t</div>
  1207. \t\t</div>
  1208. \t</section>
  1210. \t<section class=\"section services__v3\" id=\"services\" style=\"background-color: #ffff;\">
  1211. \t\t<section class=\" section services__v3\" id=\"services\" style=\"\">
  1212. \t\t\t<div class=\"section-head center wt-small-separator-outer container\">
  1213.     \t\t<div class=\"wt-small-separator site-text-primary\">
  1214.     \t\t    <div class=\"sep-leaf-left\"></div>
  1215.     \t\t    <div>Cabinet Yaounde</div>
  1216.     \t\t</div>
  1217.     \t\t{# <h1 class=\"wt-title\">cabinet Yaounde</h1> #}
  1219.     \t</div>
  1220. \t\t\t{# <div class=\"container\">
  1221. \t\t\t\t<div class=\"row align-items-center\">
  1222. \t\t\t\t\t<div class=\"col-auto\">
  1223. \t\t\t\t\t\t<img src=\"{{ asset('templateSyscofie/images/person-sq-2-min.jpg') }}\" alt=\"Description de l'image\" class=\"img-fluid\" style=\"width: 300px; height: 100%;\">
  1224. \t\t\t\t\t</div>
  1225. \t\t\t\t\t<div class=\"col text-center\">
  1226. \t\t\t\t\t\t<h3 class=\"fw-bold\">Comment nous retrouver ?</h3>
  1227. \t\t\t\t\t\t<p class=\"text-muted\">Ceci est une description ou un texte explicatif.</p>
  1228. \t\t\t\t\t</div>
  1229. \t\t\t\t\t<div class=\"col-auto\">
  1230. \t\t\t\t\t\t<button class=\"custom-btn btn-5\"><span>Nous joindre</span></button>
  1231. \t\t\t\t\t</div>
  1232. \t\t\t\t</div>
  1233. \t\t\t</div> #}
  1234.       <div class=\"container\">
  1235.         <div class=\"row\" style=\"margin-top: -40px;\">
  1236.           <div class=\"col-xl-5 col-lg-5 col-md-5 col-sm-12 mt-3\">
  1237.             <div class=\"news-container\">
  1238.               <a href=\"#\">
  1239.                 <img class=\"img-fluid rounded mb-md-0\" src=\"{{ asset('templateSyscofie/images/cabinet1.jpg') }}\" alt=\"alt\">
  1240.               </a>
  1241.               <div class=\"news-overlay rounded\">
  1242.                 <span>
  1243.                   <h3 style=\"font-weight: bold;\">Yaounde</h3>
  1244.                   {# <p style=\"font-weight: bold;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit..</p> #}
  1245.                   <p style=\"font-weight: bold;\">
  1246.                     <i class=\"bi bi-phone\"></i> 656 56 00 14</p>
  1247.                   <p style=\"font-weight: bold;\"><i class=\"bi bi-geo-alt\"> </i>Carrefour terre rouge</p>
  1248.                   <a class=\"btn btn-primary\" href=\"#\">Notre cabinet à Yaounde
  1249.                     <i class=\"bi bi-chevron-right\"></i>
  1250.                   </a>
  1251.                 </span>
  1252.               </div>
  1253.             </div>
  1254.           </div>
  1255.           <div class=\"col-xl-7 col-lg-7 col-md-7 col-sm-12 mt-3\">
  1256.             <div class=\"\">
  1257.               <h1 class=\"wt-title\">Expertise Comptable Locale pour un Succès Global à Yaounde avec Syscofie</h1>
  1258.               <p>Notre équipe d'experts à Yaoundé combine une expertise locale avec une vision globale. Nous vous aidons à naviguer dans le monde complexe de la comptabilité tout en vous permettant de vous concentrer sur votre développement.</p>
  1259.               <div class=\"badge\">
  1260.                 <span>C1</span>
  1261.               </div>
  1262.               <h6>
  1263.                 Mots du cabinet
  1264.               </h6>
  1265.               <blockquote class=\"blockquote\">
  1266.                 <p>
  1267.                   “Syscofie : Votre Expertise Comptable Locale pour Réussir Globalement à Yaoundé.”
  1268.                 </p>
  1269.                 <p>
  1270.                   <cite>― La maison du contribuable</cite>
  1271.                 </p>
  1272.               </blockquote>
  1273.             </div>
  1274.           </div>
  1275.         </div>
  1276.       </div>
  1277.     </section>
  1279.     <section class=\" section services__v3\" id=\"services\" style=\"margin-top: 40px;\">
  1280. \t\t\t<div class=\"section-head center wt-small-separator-outer container\">
  1281.     \t\t<div class=\"wt-small-separator site-text-primary\">
  1282.     \t\t    <div class=\"sep-leaf-left\"></div>
  1283.     \t\t    <div>Cabinet Douala</div>
  1284.     \t\t</div>
  1286.     \t</div>
  1288.       <div class=\"container\">
  1289.         <div class=\"row\" style=\"margin-top: -40px;\">
  1290.           <div class=\"col-xl-5 col-lg-5 col-md-5 col-sm-12 mt-3\">
  1291.             <div class=\"news-container\">
  1292.               <a href=\"#\">
  1293.                 <img class=\"img-fluid rounded mb-md-0\" src=\"{{ asset('templateSyscofie/images/formateur-explique-specificites-du-logiciel-au-nouvel-employe_74855-1666.jpg') }}\" alt=\"alt\">
  1294.               </a>
  1295.               <div class=\"news-overlay rounded\">
  1296.                 <span>
  1297.                   <h3 style=\"font-weight: bold;\">Douala</h3>
  1298.                   <div class=\"shorttextlength\">
  1299.                     {# <p style=\"font-weight: bold;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> #}
  1300.                     <p style=\"font-weight: bold;\">
  1301.                       <i class=\"bi bi-phone\"></i> 656 56 00 14</p>
  1302.                     <p style=\"font-weight: bold;\"> <i class=\"bi bi-geo-alt\"></i> Akwa</p>
  1303.                   </div>
  1304.                   <a class=\"btn btn-primary\" href=\"#\">Notre cabinet à Douala
  1305.                     <i class=\"bi bi-chevron-right\"></i>
  1306.                   </a>
  1307.                 </span>
  1308.               </div>
  1309.             </div>
  1310.           </div>
  1311.           <div class=\"col-xl-7 col-lg-7 col-md-7 col-sm-12 mt-3\">
  1312.             <div class=\"\">
  1313.               <h1 class=\"wt-title\">Cabinet Comptable Syscofie : Ancré dans Douala pour mieux vous servir</h1>
  1314.               <p>Fort de notre connaissance approfondie de l'économie locale, notre cabinet, situé à Douala, est dédié à répondre aux défis uniques de votre entreprise. Nous sommes là pour vous accompagner à chaque étape de votre croissance.</p>
  1315.               <div class=\"badge\">
  1316.                 <span>C2</span>
  1317.               </div>
  1318.               <h6>
  1319.                 Mots du cabinet
  1320.               </h6>
  1321.               <blockquote class=\"blockquote\">
  1322.                 <p>
  1323.                   “Votre croissance, notre priorité : expertise locale pour relever vos défis uniques.”
  1324.                 </p>
  1325.                 <p>
  1326.                   <cite>― La maison du contribuable</cite>
  1327.                 </p>
  1328.               </blockquote>
  1329.             </div>
  1330.           </div>
  1331.         </div>
  1332.       </div>
  1333.     </section>
  1335.     <section class=\" section services__v3\" id=\"services\" style=\"margin-top: 40px;\">
  1336. \t\t\t<div class=\"section-head center wt-small-separator-outer container\">
  1337.     \t\t<div class=\"wt-small-separator site-text-primary\">
  1338.     \t\t    <div class=\"sep-leaf-left\"></div>
  1339.     \t\t    <div>Cabinet Bafoussam</div>
  1340.     \t\t</div>
  1342.     \t</div>
  1343.       <div class=\"container\">
  1344.         <div class=\"row\" style=\"margin-top: -40px;\">
  1345.           <div class=\"col-xl-5 col-lg-5 col-md-5 col-sm-12 mt-3\">
  1346.             <div class=\"news-container\">
  1347.               <a href=\"#\">
  1348.                 <img class=\"img-fluid rounded mb-md-0\" src=\"{{ asset('templateSyscofie/images/cabinet2.jpg') }}\" alt=\"alt\">
  1349.               </a>
  1350.               <div class=\"news-overlay rounded\">
  1351.                 <span class=\"btn-cab\">
  1352.                   <h3 style=\"font-weight: bold;\">Bafoussam</h3>
  1353.                   {# <p style=\"font-weight: bold;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> #}
  1354.                   <p style=\"font-weight: bold;\">
  1355.                     <i class=\"bi bi-phone\"></i> 656 56 00 14</p>
  1356.                   <p style=\"font-weight: bold;\"> <i class=\"bi bi-geo-alt\"></i> Carrefour terre rouge</p>
  1357.                   <a class=\"btn btn-primary\" href=\"#\">Notre cabinet à Bafoussam
  1358.                     <i class=\"bi bi-chevron-right\"></i>
  1359.                   </a>
  1360.                 </span>
  1361.               </div>
  1362.             </div>
  1363.           </div>
  1364.           <div class=\"col-xl-7 col-lg-7 col-md-7 col-sm-12 mt-3\">
  1365.             <div class=\"\">
  1366.               <h1 class=\"wt-title\">Développez Votre Activité avec Nos Experts de Bafoussam</h1>
  1367.               <p>Avec notre équipe d'experts basée à Bafoussam, vous bénéficiez d'un accompagnement stratégique pour faire croître votre entreprise. Nous sommes là pour vous aider à identifier des opportunités et à surmonter les défis financiers.</p>
  1368.               <div class=\"badge\">
  1369.                 <span>C3</span>
  1370.               </div>
  1371.               <h6>
  1372.                 Mots du cabinet
  1373.               </h6>
  1374.               <blockquote class=\"blockquote\">
  1375.                 <p>
  1376.                   “Élevez votre activité avec l'expertise inégalée de nos spécialistes à Bafoussam.”
  1377.                 </p>
  1378.                 <p>
  1379.                   <cite>― La maison du contribuable</cite>
  1380.                 </p>
  1381.               </blockquote>
  1382.             </div>
  1383.           </div>
  1384.         </div>
  1385.       </div>
  1386.     </section>
  1387.   </section>
  1389.   <section class=\" section services__v3\" id=\"services\" style=\"margin-top: 40px;\">
  1390. \t\t<div class=\"section-head center wt-small-separator-outer1 container\">
  1391.     \t<div class=\"wt-small-separator site-text-primary\">
  1392.     \t    <div class=\"sep-leaf-left\"></div>
  1393.     \t    <div>FAQ</div>
  1394.     \t</div>
  1395.       <h1 class=\"wt-title\">Questions fréquentes sur comment trouver un cabinet comptable pour son entreprise</h1>
  1396.     </div>
  1397.     <div class=\"container my-4\">
  1398.       <div class=\"text-center mb-3\">
  1399.           <img class=\"img-fluid rounded\" src=\"{{ asset('templateSyscofie/images/SVG/FAQ.svg') }}\" alt=\"alt\">
  1400.       </div>
  1401.       <div class=\"row\">
  1403.         <div class=\"col-md-6\">
  1404.           <div class=\"container-faq\">
  1405.             <div class=\"question\">
  1406.               Quels sont les avantages d'une collaboration à long terme avec un cabinet comptable ?
  1407.             </div>
  1408.             <div class=\"answercont\">
  1409.               <div class=\"answer\">
  1410.                 Une relation à long terme favorise la compréhension approfondie de votre entreprise, permettant ainsi des conseils plus adaptés et une gestion proactive des enjeux financiers.<br><br>
  1412.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  1413.               </div>
  1414.             </div>
  1415.           </div>
  1416.         </div>
  1418.         <div class=\"col-md-6\">
  1419.           <div class=\"container-faq\">
  1420.             <div class=\"question\">
  1421.               Comment un cabinet comptable peut-il m’aider en matière de stratégie fiscale ?
  1422.             </div>
  1423.             <div class=\"answercont\">
  1424.               <div class=\"answer\">
  1425.                 Ils peuvent analyser votre situation financière pour identifier des opportunités d’optimisation fiscale, minimiser les impôts dus et planifier des investissements stratégiques.<br><br>
  1427.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  1428.               </div>
  1429.             </div>
  1430.           </div>
  1431.         </div>
  1433.         <div class=\"col-md-6\">
  1434.           <div class=\"container-faq\">
  1435.             <div class=\"question\">
  1436.               Comment un cabinet d'expertise comptable peut-il contribuer à la croissance de mon entreprise ?
  1437.             </div>
  1438.             <div class=\"answercont\">
  1439.               <div class=\"answer\">
  1440.                  En fournissant des analyses financières régulières, des conseils stratégiques et en vous aidant à prendre des décisions basées sur des données solides<br><br>
  1442.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  1443.               </div>
  1444.             </div>
  1445.           </div>
  1446.         </div>
  1448.         <div class=\"col-md-6\">
  1449.           <div class=\"container-faq\">
  1450.             <div class=\"question\">
  1451.               Quelles sont les principales missions d’un cabinet d'expertise comptable ?
  1452.             </div>
  1453.             <div class=\"answercont\">
  1454.               <div class=\"answer\">
  1455.                 Les missions incluent la tenue de la comptabilité, la préparation des déclarations fiscales, le conseil en gestion, l’audit et l’assistance lors de contrôles fiscaux.<br><br>
  1457.                 <a href=\"#\">Plus de questions? Contactez-nous</a>
  1458.               </div>
  1459.             </div>
  1460.           </div>
  1461.         </div>
  1463.         <div class=\"row\">
  1464.           <div class=\"col-md-12 mt-3 mb-5\">
  1465.             <h3 class=\"text-center\">SYSCOFIE CONSULTING<h3>
  1466.           </div>
  1467.         </div>
  1469.       </div>
  1472.     </div>
  1473.   </section>
  1474. \t
  1475. \t<script>
  1476. \t\t{# var imgRefreshBtn = document.getElementById(\"hero__img-refresh\");
  1477. \t\t\t// Update the picsum image source on btn click
  1478. \t\t\timgRefreshBtn.onclick = function () {
  1479. \t  \t\t//document.getElementById(\"hero__image\").src =
  1480. \t    \t//\"https://picsum.photos/1280/720?rand=\" + new Date().getTime();
  1481. \t\t}; #}
  1483.     {#let question = document.querySelectorAll(\".question\");
  1484.     question.forEach(question => {
  1485.       question.addEventListener(\"click\", event => {
  1486.         const active = document.querySelector(\".question.active\");
  1487.         if(active && active !== question ) {
  1488.           active.classList.toggle(\"active\");
  1489.           active.nextElementSibling.style.maxHeight = 0;
  1490.         }
  1491.         question.classList.toggle(\"active\");
  1492.         const answer = question.nextElementSibling;
  1493.         if(question.classList.contains(\"active\")){
  1494.           answer.style.maxHeight = answer.scrollHeight + \"px\";
  1495.         } else {
  1496.           answer.style.maxHeight = 0;
  1497.         }
  1498.       })
  1499.     })#}
  1501.     let questions = document.querySelectorAll(\".question\");
  1502.       questions.forEach(question => {
  1503.       // Ajoutez la classe active par défaut
  1504.       question.classList.add(\"active\");
  1505.       const answer = question.nextElementSibling;
  1506.       answer.style.maxHeight = answer.scrollHeight + \"px\"; // Ouvre toutes les réponses
  1508.       question.addEventListener(\"click\", event => {
  1509.         const active = document.querySelector(\".question.active\");
  1510.         if (active && active !== question) {
  1511.             active.classList.toggle(\"active\");
  1512.             active.nextElementSibling.style.maxHeight = 0; // Ferme la réponse active
  1513.         }
  1514.         question.classList.toggle(\"active\");
  1515.         if (question.classList.contains(\"active\")) {
  1516.             answer.style.maxHeight = answer.scrollHeight + \"px\"; // Ouvre la réponse
  1517.         } else {
  1518.             answer.style.maxHeight = 0; // Ferme la réponse
  1519.         }
  1520.       });
  1521.     });
  1523. \t</script>
  1524. {% endblock %}", "Theme/Produit/Service/Service/cabinets.html.twig", "/home/syscofie/public_html/syscofie/templates/Theme/Produit/Service/Service/cabinets.html.twig");
  1525.     }
  1526. }