var/cache/dev/twig/64/64ca6bbac218799374c7113f0e9d54af.php line 42

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/service.html.twig */
  17. class __TwigTemplate_25ea3522701e45ff79f1a0029e5e1dee 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.             'javascripttemplate' => [$this, 'block_javascripttemplate'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "Theme/Users/User/layoutbase.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/service.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Produit/Service/Service/service.html.twig"));
  51.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutbase.html.twig", "Theme/Produit/Service/Service/service.html.twig", 1);
  52.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 2
  62.     public function block_meta($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  71.         // line 3
  72.         yield "\t";
  73.         yield from $this->yieldParentBlock("meta", $context, $blocks);
  74.         yield "
  75. \t<meta name=\"keywords\" content=\"";
  76.         // line 4
  77.         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);
  78.         yield ", \"/>
  79. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  80. \t<meta name=\"description\" content=\"";
  81.         // line 6
  82.         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);
  83.         yield "\" />
  84. ";
  85.         
  86.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  88.         
  89.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  91.         return; yield '';
  92.     }
  94.     // line 9
  95.     public function block_title($context, array $blocks = [])
  96.     {
  97.         $macros = $this->macros;
  98.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  104.         // line 10
  105.         yield "\t";
  106.         yield from $this->yieldParentBlock("title", $context, $blocks);
  107.         yield " - 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 13
  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 14
  129.         yield "<style>
  130. /* Table List */
  131.     ul {
  132.         list-style-type: none;
  133.         padding: 0;
  134.     }
  135.     .list-check li {
  136.         display: flex;
  137.         align-items: center;
  138.         margin: 15px 0;
  139.         padding: 10px;
  140.         border-radius: 5px;
  141.         background-color: #fff; 
  142.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
  143.         transition: transform 0.2s; /* Effet de transition */
  144.     }
  145.     li:hover {
  146.         transform: scale(1.02); /* Agrandissement au survol */
  147.     }
  148.     .icon {
  149.         font-size: 28px; 
  150.         color: blue;
  151.         margin-right: 15px;
  152.     }
  153.     .text {
  154.         font-size: 18px;
  155.     }
  156.     .hero__v6 {
  157.         display: flex; /* Utiliser Flexbox pour la mise en page */
  158.         align-items: center; /* Aligne les éléments au centre */
  159.     }
  160.     .img-departement {
  161.         width: auto;  /* Largeur automatique pour garder le ratio */
  162.         height: 100%; /* Prend la hauteur du conteneur */
  163.         object-fit: cover; /* Remplit l'espace de manière appropriée */
  164.     }
  166.     .stat-item i {
  167.       font-size: 100px; /* Ajuste la taille selon tes besoins */
  168.       color: #fff; /* Change la couleur si nécessaire */
  169.     }
  172. \t/* Services css */
  173. /* reset default */
  175. :root {
  176.   --white: #efe;
  177.   --blackish: #23252f;
  178.   --black-light: #3d3b36;
  179.   --black-dark: #1c1c1c;
  180.   --beige-sand-light: #f9eedc;
  181.   --beige-sand-dark: #d6bb9a;
  182.   --pink-light: #fcdcdd;
  183.   --neon-green: #64ed85;
  184.   --transparent: rgba(255, 255, 255, 0);
  185.   --transition-duration: 0.5s;
  186.   --blue: #0ffbf9;
  187.   --red: #cc0f39;
  188.   --twitter: #1c96e9;
  189.   --font-size-p: clamp(1rem, 1.2vw, 1.3rem);
  190.   --font-size-h2: clamp(1.5rem, (2vw + 1rem), 2rem);
  191. }
  193. /* *********************** */
  195. ";
  196.         // line 86
  197.         yield "
  198. .carte {
  199.   /*width: clamp(230px, 45%, 920px);*/
  200.   /* border: solid rgba(0, 0, 0, 0.2); */
  201.   max-height: 1000px;
  202.   margin: 1rem 0.8rem;
  203.   flex-grow: 0.5;
  204.   /*padding: 1rem;
  205.   border-radius: 5px;
  206.   box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);*/
  207.   transition: 0.3s;
  208. }
  210. .carte:hover {
  211.   /*box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);*/
  212.   transition: 0.3s;
  213.   /* overflow: hidden; */
  214. }
  216. .img {
  217.   overflow: hidden;
  218.   /* border: solid red; */
  219.   display: block;
  220.   margin-bottom: 0.6rem;
  221.   border-radius: 4px 4px 4px 4px;
  222.   position: relative;
  223. }
  225. .img::before {
  226.   content: \"\";
  227.   position: absolute;
  228.   width: 100%;
  229.   height: 100%;
  230.   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
  231.   left: 0;
  232.   top: 0;
  233.   z-index: 2;
  234. }
  235. .carte:hover .img::before {
  236.   /* backdrop-filter: blur(1px); */
  237.   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
  238. }
  240. img {
  241.    /*display: inline-block;*/
  242.   /*display: block;*/
  243.    width: 100%; /* Ajuste la largeur selon tes besoins */
  244.       height: 250px; /* Ajuste la hauteur selon tes besoins */
  245.       object-fit: cover;
  246.   transition: transform 0.3s;
  247.   transform: scale(1);
  248.   filter: saturate(70%);
  249. }
  251. .carte:hover img {
  252.   transform: scale(1.1);
  253.   /* overflow: hidden; */
  254.   transition: transform 0.3s;
  255.   filter: saturate(100%);
  256. }
  258. .text-box {
  259.   overflow: hidden;
  260. }
  262. .description {
  263.   font-size: var(--font-size-p);
  264.   color: var(--black-light);
  265. }
  267. .titre {
  268.   font-size: 20px;
  269.   font-weight: bold;
  270.   color: #2b00ffff;
  271.   margin-bottom: 1.2rem;
  272.   position: relative;
  273. }
  275. .titre::before {
  276.   content: \"\";
  277.   position: absolute;
  278.   width: 30%;
  279.   height: 2px;
  280.   /* width: 100%;
  281.   height: 100%; */
  282.   /* background: red; */
  283.   border-bottom: 2.2px solid var(--beige-sand-dark);
  284.   transition: var(--transition-duration);
  285.   top: 100%;
  286.   left: -100%;
  287. }
  289. .carte:hover .titre::before {
  290.   transition: var(--transition-duration);
  291.   animation: move-to-right 1s forwards;
  292. }
  294. @keyframes move-to-right {
  295.   0% {
  296.     left: -50%;
  297.   }
  298.   40% {
  299.     left: 50%;
  300.   }
  301.   70% {
  302.     left: -20%;
  303.   }
  304.   100% {
  305.     left: 0;
  306.   }
  307. }
  309. a {
  310.   text-decoration: none;
  311.   /* color: var(--black-dark); */
  312.   font-weight: bold;
  313.   color: #007bffff;
  314. }
  316. .hero__vi {
  317.   padding: 1rem 0 !important;
  318. }
  320. .hero__vi .hero-subtitle {
  321.   background: color-mix(in srgb, var(--bs-secondary), transparent 70%);
  322.   color: #268dcf;
  323.   display: inline-block;
  324.   padding: 5px 12px;
  325.   border-radius: 7px;
  326.   font-weight: 600;
  327.   font-size: 0.75rem;
  328.   margin-bottom: 10px;
  329. }
  332. ";
  333.         // line 222
  334.         yield ".pricing__table {
  335.   display: flex;
  336.   flex-direction: column;
  337.   margin: 30px 30px 60px 30px;
  338.   @media (max-width: 991px) {
  339.     flex-direction: row;
  340.     margin: 0 15px 60px 15px;
  341.   }
  342.   .pt__title {
  343.     display: flex;
  344.     @media (max-width: 991px) {
  345.       flex-direction: column;
  346.       width: 50%;
  347.     }
  348.     @media (max-width: 639px) {
  349.       width: 40%;
  350.     }
  351.     .pt__title__wrap {
  352.       position: relative;
  353.       display: flex;
  354.       flex: 1;
  355.       flex-direction: row;
  356.       font-size: 18px;
  357.       text-align: center;
  358.       @media (max-width: 991px) {
  359.         flex-direction: column;
  360.       }
  361.       .pt__row {
  362.         &:nth-child(2) {
  363.           border: 1px solid #0061FF;
  364.           border-bottom: 0;
  365.           border-top-left-radius: 15px;
  366.           border-top-right-radius: 15px;
  367.           background-color: rgba(0, 97, 255, 0.15);
  368.           @media (max-width: 991px) {
  369.             border-right: 1px solid rgba(73, 72, 74, 0.1);
  370.             border-bottom: 1px solid #0061FF;
  371.             border-top-left-radius: 15px;
  372.             border-bottom-left-radius: 15px;
  373.             border-top-right-radius: 0;
  374.           }
  375.         }
  376.         display: flex;
  377.         width: 25%;
  378.         flex-direction: column;
  379.         justify-content: center;
  380.         align-items: center;
  381.         text-align: center;
  382.         padding: 0 15px;
  383.         min-height: 60px;
  384.         font-size: 20px;
  385.         font-weight: 600;
  386.         @media (max-width: 991px) {
  387.           width: 100%;
  388.           padding-left: 32px;
  389.           padding-right: 32px;
  390.           min-height: 95px;
  391.           border-right: 1px solid rgba(73, 72, 74, 0.1);
  392.           border-bottom: 1px solid rgba(73, 72, 74, 0.1);
  393.           &:first-child {
  394.             border-right: 1px solid rgba(73, 72, 74, 0);
  395.           }
  396.         }
  397.         @media (max-width: 640px) {
  398.           padding-left: 0;
  399.           padding-right: 15px;
  400.           font-size: 14px;
  401.         }
  402.       }
  403.     }
  404.   }
  405.   .pt__option {
  406.     position: relative;
  407.     @media (max-width: 991px) {
  408.       width: 50%;
  409.       flex: 1;
  410.       padding-right: 10px;
  411.     }
  412.     @media (max-width: 639px) {
  413.       width: 60%;
  414.     }
  415.     .pt__option__mobile__nav {
  416.       position: absolute;
  417.       z-index: 1;
  418.       top: 25px;
  419.       bottom: auto;
  420.       left: 50%;
  421.       right: auto;
  422.       display: none;
  423.       justify-content: space-between;
  424.       width: calc(100% + 30px);
  425.       transform: translateX(-50%);
  426.       @media (max-width: 991px) {
  427.         z-index: 2;
  428.         display: flex;
  429.         grid-column-gap: 8px;
  430.         grid-row-gap: 8px;
  431.         justify-content: space-between;
  432.       }
  433.       .mobile__nav__btn {
  434.         display: flex;
  435.         justify-content: center;
  436.         align-items: center;
  437.         width: 40px;
  438.         height: 40px;
  439.         color: #fff;
  440.         border-radius: 50%;
  441.         background-color: #0061FF;
  442.         transition: .25s;
  443.         &:hover {
  444.           background-color: #0057E6;
  445.         }
  446.         &.swiper-button-disabled {
  447.           background-color: #c0beb6;
  448.           pointer-events: none;
  449.         }
  450.         &:first-child {
  451.           position: relative;
  452.           left: -5px;
  453.         }
  454.         &:last-child {
  455.           position: relative;
  456.           right: 5px;
  457.         }
  458.         svg {
  459.           width: 16px;
  460.           color: #faf7f2;
  461.         }
  462.       }
  463.     }
  464.     .pt__option__slider {
  465.       overflow: visible;
  466.       @media (max-width: 991px) {
  467.         overflow: hidden;
  468.       }
  469.       .swiper-wrapper {
  470.         display: flex;
  471.         flex-direction: column;
  472.         align-items: stretch;
  473.         width: 100%;
  474.         @media (max-width: 991px) {
  475.           flex-direction: row;
  476.         }
  477.       }
  478.     }
  479.     .pt__option__item {
  480.       width: 100%;
  481.       margin-right: 0;
  482.       .pt__item {
  483.         .pt__item__wrap {
  484.           display: flex;
  485.           flex-direction: row;
  486.           font-size: 1.375rem;
  487.           line-height: 1.4;
  488.           position: relative;
  489.           @media (max-width: 991px) {
  490.             flex-direction: column;
  491.           }
  492.         }
  493.         .pt__row {
  494.           display: flex;
  495.           flex-direction: column;
  496.           justify-content: center;
  497.           align-items: center;
  498.           text-align: center;
  499.           width: 25%;
  500.           min-height: 60px;
  501.           padding: 0 15px;
  502.           font-size: 16px;
  503.           border-bottom: 1px solid rgba(73, 72, 74, .1);
  504.           @media (max-width: 991px) {
  505.             width: 100%;
  506.             min-height: 95px;
  507.             &:nth-child(2) {
  508.               border-top: 1px solid #0061FF;
  509.               border-bottom: 1px solid #0061FF;
  510.               background-color: rgba(0, 97, 255, 0.15);
  511.             }
  512.           }
  513.           &:first-child {
  514.             align-items: flex-start;
  515.             text-align: left;
  516.             font-weight: 600;
  517.             @media (max-width: 991px) {
  518.               align-items: center;
  519.               text-align: center;
  520.               padding-left: 30px;
  521.               padding-right: 30px;
  522.               font-size: 20px;
  523.             }
  524.             @media (max-width: 767px) {
  525.               font-size: 16px;
  526.             }
  527.           }
  528.           &:nth-child(2) {
  529.             border-left: 1px solid #0061FF;
  530.             border-right: 1px solid #0061FF;
  531.             background-color: rgba(0, 97, 255, 0.15);
  532.             @media (max-width: 991px) {
  533.               border-left: 0;
  534.               border-right: 0;
  535.             }
  536.           }
  537.         }
  538.         &.selected {
  539.           .pt__row {
  540.             display: inline-flex;
  541.             padding: 20px 15px;
  542.             @media (max-width: 991px) {
  543.               min-height: 95px;
  544.               padding: 10px 15px;
  545.               align-items: center;
  546.             }
  547.             &:first-child {
  548.               border-bottom: 0;
  549.             }
  550.             &:nth-child(2) {
  551.               border-bottom-left-radius: 15px;
  552.               border-bottom-right-radius: 15px;
  553.               border-bottom: 1px solid #0061FF;
  554.               @media (max-width: 991px) {
  555.                 border-top-right-radius: 15px;
  556.                 border-bottom-right-radius: 15px;
  557.                 border-bottom-left-radius: 0;
  558.                 border-right: 1px solid #0061FF;
  559.                 border-bottom: 1px solid #0061FF;
  560.               }
  561.             }
  562.           }
  563. \t\t\t     a {
  564.             padding: 15px 30px;
  565.             font-weight: 500;
  566.             text-transform: uppercase;
  567.             text-decoration: none;
  568.             color: #fff;
  569.             border-radius: 10px;
  570.             background-color: #0061FF;
  571.             transition: 0.25s;
  572.           }
  573.           }
  574.         }
  575.       }
  576.     }
  577.   }
  581. .hero-title-1 {
  582.     font-size:35px; 
  583.     font-weight: bold; 
  584. \tcolor: #000;
  585. }
  587. ";
  588.         // line 476
  589.         yield "    .section-head.center.wt-small-separator-outer {
  590.         margin-bottom: 50px;
  591.         text-align: left;
  592.     }
  593.     .section-head.center.wt-small-separator-outer1 {
  594.         margin-bottom: 50px;
  595.         text-align: center;
  596.     }
  597.     .section-head {
  598.         position: relative;
  599.     }
  600.     .site-text-primary, .wt-small-separator {
  601.         color: #ea130e;
  602.     }
  603.     .wt-small-separator {
  604.         font-family: \"Heebo\", sans-serif;
  605.         text-transform: uppercase;
  606.         letter-spacing: 1px;
  607.         padding-right: 40px;
  608.         font-size: 26px;
  609.         line-height: 26px;
  610.         margin-bottom: 15px;
  611.         position: relative;
  612.         display: inline-block;
  613.         font-weight: 700;
  614.     }
  615.     .section-head.center .wt-small-separator div.sep-leaf-left {
  616.         position: relative;
  617.     }
  618.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  619.         background-color: #ea130e;
  620.     }
  621.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  622.         right: -20px;
  623.         width: 10px;
  624.     }
  625.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  626.         position: absolute;
  627.         content: '';
  628.         height: 22px;
  629.         bottom: 0px;
  630.         top: 0px;
  631.         transform: skew(-20deg);
  632.     }
  633.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  634.         right: -27px;
  635.         width: 4px;
  636.     }
  637.     .section-head.center.wt-small-separator-outer h2 {
  638.         max-width: 630px;
  639.         margin: 0px auto;
  640.     }
  641. </style>
  643. <!-- CTA Section -->
  644. <section class=\"cta \" style=\"padding: 1rem 0;\">
  645. \t<div class=\"container\">
  646. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  647. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  648. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  649. \t\t\t\t<div>Élaboration des états financiers</div>
  650. \t\t\t</div>
  651. \t\t</div>
  652. \t\t<div>Nous proposons des services de comptabilité, incluant la tenue de livres, les déclarations fiscales, l'élaboration de bilans, et des conseils financiers. Notre expertise assure la conformité et l’optimisation de votre gestion financière.</div>
  653. \t</div>
  654. </section>
  656. <section class=\"section-sm\">
  657. \t<div class=\"content\" style=\"padding-bottom: 5px;\">
  658. \t\t<div class=\"wrap\">
  659. \t\t\t<div class=\"container\">
  660. \t\t\t\t<ol class=\"breadcrumb\">
  661. \t\t\t\t\t<li href=\"#\">
  662. \t\t\t\t\t\t<a>Home</a>
  663. \t\t\t\t\t</li>
  664. \t\t\t\t\t<li href=\"#\">
  665. \t\t\t\t\t\t<a>Départements</a>
  666. \t\t\t\t\t</li>
  667. \t\t\t\t\t<li href=\"#\">
  668. \t\t\t\t\t\t<a>Département</a>
  669. \t\t\t\t\t</li>
  670. \t\t\t\t\t<li href=\"#\">
  671. \t\t\t\t\t\t<a>Service</a>
  672. \t\t\t\t\t</li>
  673. \t\t\t\t</ol>
  674. \t\t\t</div>
  675. \t\t</div>
  676. \t</div>
  677. </section>
  679. <section class=\"hero__vi section\" id=\"home\">
  680.     <div class=\"container\">
  681.         <div class=\"row\">
  682.             <div class=\"col-lg-6 mb-4 mb-lg-0\">
  683.                 <div class=\"row\">
  684.                     <div class=\"col-lg-11\">
  685.                         <span class=\"hero-subtitle text-uppercase\">Solutions Syscofie Innovantes</span>
  686.                         <p class=\"hero-title-1\">";
  687.         // line 573
  688.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["service"]) || array_key_exists("service", $context) ? $context["service"] : (function () { throw new RuntimeError('Variable "service" does not exist.', 573, $this->source); })()), "name", [], "any", false, false, false, 573), "html", null, true);
  689.         yield "</p>
  690.                         <h1 class=\"hero-title mb-1\">Objectifs</h1>
  691.                         <ul class=\"list-check\">
  692.                             ";
  693.         // line 576
  694.         $context['_parent'] = $context;
  695.         $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, (isset($context["service"]) || array_key_exists("service", $context) ? $context["service"] : (function () { throw new RuntimeError('Variable "service" does not exist.', 576, $this->source); })()), "objectifs", [], "any", false, false, false, 576), 0, 4));
  696.         $context['_iterated'] = false;
  697.         foreach ($context['_seq'] as $context["_key"] => $context["object"]) {
  698.             // line 577
  699.             yield "                              <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">";
  700.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["object"], "nombase", [], "array", false, false, false, 577), "html", null, true);
  701.             yield "</span></li>
  702.                             ";
  703.             $context['_iterated'] = true;
  704.         }
  705.         if (!$context['_iterated']) {
  706.             // line 579
  707.             yield "                              <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">Assurer une réactivité dans les services proposés</span></li>
  708.                               <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">Garantir la conformité avec les obligations fiscales</span></li>
  709.                               <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">Faciliter une meilleure prise de décision pour les clients</span></li>
  710.                             ";
  711.         }
  712.         $_parent = $context['_parent'];
  713.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['object'], $context['_parent'], $context['loop']);
  714.         $context = array_intersect_key($context, $_parent) + $_parent;
  715.         // line 583
  716.         yield "                        </ul>
  717.                     </div>
  718.                 </div>
  719.             </div>
  720.             <div class=\"col-lg-6\">
  721.                 <div class=\"hero-img\" style=\"height: 100%;\">
  722.                     <img class=\"img-departement img-fluid rounded-4\" src=\"";
  723.         // line 589
  724.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Vich\UploaderBundle\Twig\Extension\UploaderExtensionRuntime')->asset((isset($context["service"]) || array_key_exists("service", $context) ? $context["service"] : (function () { throw new RuntimeError('Variable "service" does not exist.', 589, $this->source); })())), "html", null, true);
  725.         yield "\" alt=\"Hero Image\">
  726.                 </div>
  727.             </div>
  728.         </div>
  729.     </div>
  730. </section>
  732. <section class=\"services__v3 pt-5\" id=\"services\" style=\"padding-bottom: 30px;\">
  733. \t<div class=\"container\">
  734. \t\t";
  735.         // line 604
  736.         yield "    <div class=\"section-head center wt-small-separator-outer1\">
  737.       <div class=\"wt-small-separator site-text-primary\">
  738.         <div class=\"sep-leaf-left\"></div>
  739.         <div>Services Dédiés</div>
  740.       </div>
  741.       ";
  742.         // line 610
  743.         yield "      <h2 class=\"mb-3\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h2>
  744.       ";
  745.         // line 612
  746.         yield "    </div>
  747. \t\t<div class=\"row\">
  748. \t\t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  749. \t\t\t\t<div class=\"carte\">
  750. \t\t\t\t\t<a href=\"\">
  751. \t\t\t\t\t\t<div class=\"img\">
  752. \t\t\t\t\t\t\t<img src=\"";
  753.         // line 618
  754.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/rapport-fin.jpg"), "html", null, true);
  755.         yield "\" alt=\"Nataliya Vaitkevich\">
  756. \t\t\t\t\t\t</div>
  757. \t\t\t\t\t\t<div class=\"text-box\">
  758. \t\t\t\t\t\t\t<h2 class=\"titre\">TVA</h2>
  759. \t\t\t\t\t\t\tSouscrire
  760. \t\t\t\t\t\t</div>
  761. \t\t\t\t\t</a>
  762. \t\t\t\t</div>
  763. \t\t\t</div>
  764. \t\t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  765. \t\t\t\t<div class=\"carte\">
  766. \t\t\t\t\t<a href=\"\">
  767. \t\t\t\t\t\t<div class=\"img\">
  768. \t\t\t\t\t\t\t<img src=\"";
  769.         // line 631
  770.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/rapport-fin.jpg"), "html", null, true);
  771.         yield "\" alt=\"Nataliya Vaitkevich\">
  772. \t\t\t\t\t\t</div>
  773. \t\t\t\t\t\t<div class=\"text-box \">
  774. \t\t\t\t\t\t\t<h1 class=\"titre\">IS</h1>
  775. \t\t\t\t\t\t\tSouscrire
  776. \t\t\t\t\t\t</div>
  777. \t\t\t\t\t</a>
  778. \t\t\t\t</div>
  779. \t\t\t</div>
  780. \t\t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  781. \t\t\t\t<div class=\"carte\">
  782. \t\t\t\t\t<a href=\"\">
  783. \t\t\t\t\t\t<div class=\"img\">
  784. \t\t\t\t\t\t\t<img src=\"";
  785.         // line 644
  786.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("templateSyscofie/images/hero-img-2-min.jpg"), "html", null, true);
  787.         yield "\" alt=\"Nataliya Vaitkevich\">
  788. \t\t\t\t\t\t</div>
  789. \t\t\t\t\t\t<div class=\"text-box\">
  790. \t\t\t\t\t\t\t<h1 class=\"titre\">IR</h1>
  791. \t\t\t\t\t\t\tSouscrire
  792. \t\t\t\t\t\t</div>
  793. \t\t\t\t\t</a>
  794. \t\t\t\t</div>
  795. \t\t\t</div>
  796. \t\t</div>
  797. \t</div>
  798. </section>
  801. <section class=\"section services__v3\" id=\"services\" style=\"padding-bottom: 10px;\">
  802. \t<div class=\"container\">
  803. \t\t";
  804.         // line 666
  805.         yield "    <div class=\"section-head center wt-small-separator-outer1\">
  806.       <div class=\"wt-small-separator site-text-primary\">
  807.         <div class=\"sep-leaf-left\"></div>
  808.         <div>Packs d'abonnements</div>
  809.       </div>
  810.       ";
  811.         // line 672
  812.         yield "      <h2 class=\"mb-3\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h2>
  813.       ";
  814.         // line 674
  815.         yield "    </div>
  816. \t\t<div class=\"pricing__table\">
  817. \t\t\t<div class=\"pt__title\">
  818. \t\t\t\t<div class=\"pt__title__wrap\">
  819. \t\t\t\t\t<div class=\"pt__row\"></div>
  820. \t\t\t\t\t<div class=\"pt__row\">Premium</div>
  821. \t\t\t\t\t<div class=\"pt__row\">Standard</div>
  822. \t\t\t\t\t<div class=\"pt__row\">Essentials</div>
  823. \t\t\t\t</div>
  824. \t\t\t</div>
  825. \t\t\t<div class=\"pt__option\">
  826. \t\t\t\t<div class=\"pt__option__mobile__nav\">
  827. \t\t\t\t\t<a id=\"pricing-card-left\" href=\"#\" class=\"mobile__nav__btn\">
  828. \t\t\t\t\t\t<svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  829. \t\t\t\t\t\t\t<path d=\"M22.1538 11.9819H1.81972\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  830. \t\t\t\t\t\t\t<path d=\"M11.9863 22.1535L1.82043 11.9865L11.9863 1.81946\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  831. \t\t\t\t\t\t</svg>
  832. \t\t\t\t\t</a>
  833. \t\t\t\t\t<a id=\"pricing-card-right\" href=\"#\" class=\"mobile__nav__btn\">
  834. \t\t\t\t\t\t<svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  835. \t\t\t\t\t\t\t<path d=\"M1.81934 11.9819H22.1534\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  836. \t\t\t\t\t\t\t<path d=\"M11.9863 22.1535L22.1522 11.9865L11.9863 1.81946\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  837. \t\t\t\t\t\t</svg>
  838. \t\t\t\t\t</a>
  839. \t\t\t\t</div>
  840. \t\t\t\t<div class=\"pt__option__slider swiper\" id=\"pricing-card-slider\">
  841. \t\t\t\t\t<div class=\"swiper-wrapper\">
  842. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  843. \t\t\t\t\t\t\t<div class=\"pt__item\">
  844. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  845. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Monthly Email Sends</div>
  846. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">150,000</div>
  847. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">16,000</div>
  848. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5,000</div>
  849. \t\t\t\t\t\t\t\t</div>
  850. \t\t\t\t\t\t\t</div>
  851. \t\t\t\t\t\t</div>
  852. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  853. \t\t\t\t\t\t\t<div class=\"pt__item\">
  854. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  855. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Users</div>
  856. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Unlimited</div>
  857. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5 Seats</div>
  858. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">3 Seats</div>
  859. \t\t\t\t\t\t\t\t</div>
  860. \t\t\t\t\t\t\t</div>
  861. \t\t\t\t\t\t</div>
  862. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  863. \t\t\t\t\t\t\t<div class=\"pt__item\">
  864. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  865. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Monthly Email Sends</div>
  866. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">150,000</div>
  867. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">16,000</div>
  868. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5,000</div>
  869. \t\t\t\t\t\t\t\t</div>
  870. \t\t\t\t\t\t\t</div>
  871. \t\t\t\t\t\t</div>
  872. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  873. \t\t\t\t\t\t\t<div class=\"pt__item\">
  874. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  875. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Audiences</div>
  876. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Unlimited</div>
  877. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5 Audiences</div>
  878. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">3 Audiences</div>
  879. \t\t\t\t\t\t\t\t</div>
  880. \t\t\t\t\t\t\t</div>
  881. \t\t\t\t\t\t</div>
  882. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  883. \t\t\t\t\t\t\t<div class=\"pt__item\">
  884. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  885. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">24/7 Email &amp; Chat Support</div>
  886. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Phone &amp; Priority Support</div>
  887. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">24/7 Email &amp; Chat Support</div>
  888. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">24/7 Email &amp; Chat Support</div>
  889. \t\t\t\t\t\t\t\t</div>
  890. \t\t\t\t\t\t\t</div>
  891. \t\t\t\t\t\t</div>
  892. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  893. \t\t\t\t\t\t\t<div class=\"pt__item\">
  894. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  895. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Pre-built Email Templates</div>
  896. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  897. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  898. \t\t\t\t\t\t\t\t\t</div>
  899. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  900. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  901. \t\t\t\t\t\t\t\t\t</div>
  902. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  903. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  904. \t\t\t\t\t\t\t\t\t</div>
  905. \t\t\t\t\t\t\t\t</div>
  906. \t\t\t\t\t\t\t</div>
  907. \t\t\t\t\t\t</div>
  908. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  909. \t\t\t\t\t\t\t<div class=\"pt__item\">
  910. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  911. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">300+ Integrations</div>
  912. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  913. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  914. \t\t\t\t\t\t\t\t\t</div>
  915. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  916. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  917. \t\t\t\t\t\t\t\t\t</div>
  918. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  919. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  920. \t\t\t\t\t\t\t\t\t</div>
  921. \t\t\t\t\t\t\t\t</div>
  922. \t\t\t\t\t\t\t</div>
  923. \t\t\t\t\t\t</div>
  924. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  925. \t\t\t\t\t\t\t<div class=\"pt__item\">
  926. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  927. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Reporting &amp; Analytics</div>
  928. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  929. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  930. \t\t\t\t\t\t\t\t\t</div>
  931. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  932. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  933. \t\t\t\t\t\t\t\t\t</div>
  934. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Limited</div>
  935. \t\t\t\t\t\t\t\t</div>
  936. \t\t\t\t\t\t\t</div>
  937. \t\t\t\t\t\t</div>
  938. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  939. \t\t\t\t\t\t\t<div class=\"pt__item\">
  940. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  941. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Forms &amp; Landing Pages</div>
  942. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  943. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  944. \t\t\t\t\t\t\t\t\t</div>
  945. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  946. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  947. \t\t\t\t\t\t\t\t\t</div>
  948. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  949. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  950. \t\t\t\t\t\t\t\t\t</div>
  951. \t\t\t\t\t\t\t\t</div>
  952. \t\t\t\t\t\t\t</div>
  953. \t\t\t\t\t\t</div>
  954. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  955. \t\t\t\t\t\t\t<div class=\"pt__item\">
  956. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  957. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Creative Assistant</div>
  958. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  959. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  960. \t\t\t\t\t\t\t\t\t</div>
  961. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  962. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  963. \t\t\t\t\t\t\t\t\t</div>
  964. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Limited</div>
  965. \t\t\t\t\t\t\t\t</div>
  966. \t\t\t\t\t\t\t</div>
  967. \t\t\t\t\t\t</div>
  968. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  969. \t\t\t\t\t\t\t<div class=\"pt__item selected\">
  970. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  971. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Get started</div>
  972. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  973. \t\t\t\t\t\t\t\t\t\t<a href=\"\">Purchase Now</a>
  974. \t\t\t\t\t\t\t\t\t</div>
  975. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  976. \t\t\t\t\t\t\t\t\t\t<a href=\"\">Purchase Now</a>
  977. \t\t\t\t\t\t\t\t\t</div>
  978. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  979. \t\t\t\t\t\t\t\t\t\t<a href=\"\">Purchase Now</a>
  980. \t\t\t\t\t\t\t\t\t</div>
  981. \t\t\t\t\t\t\t\t</div>
  982. \t\t\t\t\t\t\t</div>
  983. \t\t\t\t\t\t</div>
  984. \t\t\t\t\t</div>
  985. \t\t\t\t</div>
  986. \t\t\t</div>
  987. \t\t</div>
  988. \t</div>
  989. </section>
  992. <script>
  993. \tvar init = false;
  994. var pricingCardSwiper;
  995. var pricingLoanSwiper
  996. function swiperCard() {
  997.   if (window.innerWidth <= 991) {
  998.     if (!init) {
  999.       init = true;
  1000.       pricingCardSwiper = new Swiper(\"#pricing-card-slider\", {
  1001.         slidesPerView: \"auto\",
  1002.         spaceBetween: 0,
  1003.         grabCursor: true,
  1004.         keyboard: true,
  1005.         autoHeight: false,
  1006.         navigation: {
  1007.           nextEl: \"#pricing-card-right\",
  1008.           prevEl: \"#pricing-card-left\",
  1009.         },
  1010.       });
  1011.     }
  1012.   } else if (init) {
  1013.     pricingCardSwiper.destroy();
  1014.     init = false;
  1015.   }
  1016. }
  1017. swiperCard();
  1018. window.addEventListener(\"resize\", swiperCard);
  1019. </script>
  1020. ";
  1021.         
  1022.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1024.         
  1025.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1027.         return; yield '';
  1028.     }
  1030.     // line 881
  1031.     public function block_javascripttemplate($context, array $blocks = [])
  1032.     {
  1033.         $macros = $this->macros;
  1034.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1035.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  1037.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1038.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  1040.         // line 882
  1041.         yield "
  1042. ";
  1043.         
  1044.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1046.         
  1047.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1049.         return; yield '';
  1050.     }
  1052.     /**
  1053.      * @codeCoverageIgnore
  1054.      */
  1055.     public function getTemplateName()
  1056.     {
  1057.         return "Theme/Produit/Service/Service/service.html.twig";
  1058.     }
  1060.     /**
  1061.      * @codeCoverageIgnore
  1062.      */
  1063.     public function isTraitable()
  1064.     {
  1065.         return false;
  1066.     }
  1068.     /**
  1069.      * @codeCoverageIgnore
  1070.      */
  1071.     public function getDebugInfo()
  1072.     {
  1073.         return array (  1041 => 882,  1031 => 881,  815 => 674,  812 => 672,  805 => 666,  786 => 644,  770 => 631,  754 => 618,  746 => 612,  743 => 610,  736 => 604,  724 => 589,  716 => 583,  707 => 579,  699 => 577,  694 => 576,  688 => 573,  589 => 476,  334 => 222,  197 => 86,  129 => 14,  119 => 13,  105 => 10,  95 => 9,  82 => 6,  77 => 4,  72 => 3,  62 => 2,  39 => 1,);
  1074.     }
  1076.     public function getSourceContext()
  1077.     {
  1078.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  1079. {% block meta %}
  1080. \t{{ parent() }}
  1081. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  1082. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  1083. \t<meta name=\"description\" content=\"{{ site }}\" />
  1084. {% endblock %}
  1086. {% block title %}
  1087. \t{{ parent() }} - Détails du service ..
  1088. {% endblock %}
  1090. {% block userblog_body %}
  1091. <style>
  1092. /* Table List */
  1093.     ul {
  1094.         list-style-type: none;
  1095.         padding: 0;
  1096.     }
  1097.     .list-check li {
  1098.         display: flex;
  1099.         align-items: center;
  1100.         margin: 15px 0;
  1101.         padding: 10px;
  1102.         border-radius: 5px;
  1103.         background-color: #fff; 
  1104.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
  1105.         transition: transform 0.2s; /* Effet de transition */
  1106.     }
  1107.     li:hover {
  1108.         transform: scale(1.02); /* Agrandissement au survol */
  1109.     }
  1110.     .icon {
  1111.         font-size: 28px; 
  1112.         color: blue;
  1113.         margin-right: 15px;
  1114.     }
  1115.     .text {
  1116.         font-size: 18px;
  1117.     }
  1118.     .hero__v6 {
  1119.         display: flex; /* Utiliser Flexbox pour la mise en page */
  1120.         align-items: center; /* Aligne les éléments au centre */
  1121.     }
  1122.     .img-departement {
  1123.         width: auto;  /* Largeur automatique pour garder le ratio */
  1124.         height: 100%; /* Prend la hauteur du conteneur */
  1125.         object-fit: cover; /* Remplit l'espace de manière appropriée */
  1126.     }
  1128.     .stat-item i {
  1129.       font-size: 100px; /* Ajuste la taille selon tes besoins */
  1130.       color: #fff; /* Change la couleur si nécessaire */
  1131.     }
  1134. \t/* Services css */
  1135. /* reset default */
  1137. :root {
  1138.   --white: #efe;
  1139.   --blackish: #23252f;
  1140.   --black-light: #3d3b36;
  1141.   --black-dark: #1c1c1c;
  1142.   --beige-sand-light: #f9eedc;
  1143.   --beige-sand-dark: #d6bb9a;
  1144.   --pink-light: #fcdcdd;
  1145.   --neon-green: #64ed85;
  1146.   --transparent: rgba(255, 255, 255, 0);
  1147.   --transition-duration: 0.5s;
  1148.   --blue: #0ffbf9;
  1149.   --red: #cc0f39;
  1150.   --twitter: #1c96e9;
  1151.   --font-size-p: clamp(1rem, 1.2vw, 1.3rem);
  1152.   --font-size-h2: clamp(1.5rem, (2vw + 1rem), 2rem);
  1153. }
  1155. /* *********************** */
  1157. {# .flex-center {
  1158.   display: flex;
  1159.   justify-content: center;
  1160.   align-items: center;
  1161.   flex-wrap: wrap;
  1162. } #}
  1164. .carte {
  1165.   /*width: clamp(230px, 45%, 920px);*/
  1166.   /* border: solid rgba(0, 0, 0, 0.2); */
  1167.   max-height: 1000px;
  1168.   margin: 1rem 0.8rem;
  1169.   flex-grow: 0.5;
  1170.   /*padding: 1rem;
  1171.   border-radius: 5px;
  1172.   box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);*/
  1173.   transition: 0.3s;
  1174. }
  1176. .carte:hover {
  1177.   /*box-shadow: 0 5px 9px rgba(0, 0, 0, 0.4);*/
  1178.   transition: 0.3s;
  1179.   /* overflow: hidden; */
  1180. }
  1182. .img {
  1183.   overflow: hidden;
  1184.   /* border: solid red; */
  1185.   display: block;
  1186.   margin-bottom: 0.6rem;
  1187.   border-radius: 4px 4px 4px 4px;
  1188.   position: relative;
  1189. }
  1191. .img::before {
  1192.   content: \"\";
  1193.   position: absolute;
  1194.   width: 100%;
  1195.   height: 100%;
  1196.   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
  1197.   left: 0;
  1198.   top: 0;
  1199.   z-index: 2;
  1200. }
  1201. .carte:hover .img::before {
  1202.   /* backdrop-filter: blur(1px); */
  1203.   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
  1204. }
  1206. img {
  1207.    /*display: inline-block;*/
  1208.   /*display: block;*/
  1209.    width: 100%; /* Ajuste la largeur selon tes besoins */
  1210.       height: 250px; /* Ajuste la hauteur selon tes besoins */
  1211.       object-fit: cover;
  1212.   transition: transform 0.3s;
  1213.   transform: scale(1);
  1214.   filter: saturate(70%);
  1215. }
  1217. .carte:hover img {
  1218.   transform: scale(1.1);
  1219.   /* overflow: hidden; */
  1220.   transition: transform 0.3s;
  1221.   filter: saturate(100%);
  1222. }
  1224. .text-box {
  1225.   overflow: hidden;
  1226. }
  1228. .description {
  1229.   font-size: var(--font-size-p);
  1230.   color: var(--black-light);
  1231. }
  1233. .titre {
  1234.   font-size: 20px;
  1235.   font-weight: bold;
  1236.   color: #2b00ffff;
  1237.   margin-bottom: 1.2rem;
  1238.   position: relative;
  1239. }
  1241. .titre::before {
  1242.   content: \"\";
  1243.   position: absolute;
  1244.   width: 30%;
  1245.   height: 2px;
  1246.   /* width: 100%;
  1247.   height: 100%; */
  1248.   /* background: red; */
  1249.   border-bottom: 2.2px solid var(--beige-sand-dark);
  1250.   transition: var(--transition-duration);
  1251.   top: 100%;
  1252.   left: -100%;
  1253. }
  1255. .carte:hover .titre::before {
  1256.   transition: var(--transition-duration);
  1257.   animation: move-to-right 1s forwards;
  1258. }
  1260. @keyframes move-to-right {
  1261.   0% {
  1262.     left: -50%;
  1263.   }
  1264.   40% {
  1265.     left: 50%;
  1266.   }
  1267.   70% {
  1268.     left: -20%;
  1269.   }
  1270.   100% {
  1271.     left: 0;
  1272.   }
  1273. }
  1275. a {
  1276.   text-decoration: none;
  1277.   /* color: var(--black-dark); */
  1278.   font-weight: bold;
  1279.   color: #007bffff;
  1280. }
  1282. .hero__vi {
  1283.   padding: 1rem 0 !important;
  1284. }
  1286. .hero__vi .hero-subtitle {
  1287.   background: color-mix(in srgb, var(--bs-secondary), transparent 70%);
  1288.   color: #268dcf;
  1289.   display: inline-block;
  1290.   padding: 5px 12px;
  1291.   border-radius: 7px;
  1292.   font-weight: 600;
  1293.   font-size: 0.75rem;
  1294.   margin-bottom: 10px;
  1295. }
  1298. {# Pack abonnement css  #}
  1299. .pricing__table {
  1300.   display: flex;
  1301.   flex-direction: column;
  1302.   margin: 30px 30px 60px 30px;
  1303.   @media (max-width: 991px) {
  1304.     flex-direction: row;
  1305.     margin: 0 15px 60px 15px;
  1306.   }
  1307.   .pt__title {
  1308.     display: flex;
  1309.     @media (max-width: 991px) {
  1310.       flex-direction: column;
  1311.       width: 50%;
  1312.     }
  1313.     @media (max-width: 639px) {
  1314.       width: 40%;
  1315.     }
  1316.     .pt__title__wrap {
  1317.       position: relative;
  1318.       display: flex;
  1319.       flex: 1;
  1320.       flex-direction: row;
  1321.       font-size: 18px;
  1322.       text-align: center;
  1323.       @media (max-width: 991px) {
  1324.         flex-direction: column;
  1325.       }
  1326.       .pt__row {
  1327.         &:nth-child(2) {
  1328.           border: 1px solid #0061FF;
  1329.           border-bottom: 0;
  1330.           border-top-left-radius: 15px;
  1331.           border-top-right-radius: 15px;
  1332.           background-color: rgba(0, 97, 255, 0.15);
  1333.           @media (max-width: 991px) {
  1334.             border-right: 1px solid rgba(73, 72, 74, 0.1);
  1335.             border-bottom: 1px solid #0061FF;
  1336.             border-top-left-radius: 15px;
  1337.             border-bottom-left-radius: 15px;
  1338.             border-top-right-radius: 0;
  1339.           }
  1340.         }
  1341.         display: flex;
  1342.         width: 25%;
  1343.         flex-direction: column;
  1344.         justify-content: center;
  1345.         align-items: center;
  1346.         text-align: center;
  1347.         padding: 0 15px;
  1348.         min-height: 60px;
  1349.         font-size: 20px;
  1350.         font-weight: 600;
  1351.         @media (max-width: 991px) {
  1352.           width: 100%;
  1353.           padding-left: 32px;
  1354.           padding-right: 32px;
  1355.           min-height: 95px;
  1356.           border-right: 1px solid rgba(73, 72, 74, 0.1);
  1357.           border-bottom: 1px solid rgba(73, 72, 74, 0.1);
  1358.           &:first-child {
  1359.             border-right: 1px solid rgba(73, 72, 74, 0);
  1360.           }
  1361.         }
  1362.         @media (max-width: 640px) {
  1363.           padding-left: 0;
  1364.           padding-right: 15px;
  1365.           font-size: 14px;
  1366.         }
  1367.       }
  1368.     }
  1369.   }
  1370.   .pt__option {
  1371.     position: relative;
  1372.     @media (max-width: 991px) {
  1373.       width: 50%;
  1374.       flex: 1;
  1375.       padding-right: 10px;
  1376.     }
  1377.     @media (max-width: 639px) {
  1378.       width: 60%;
  1379.     }
  1380.     .pt__option__mobile__nav {
  1381.       position: absolute;
  1382.       z-index: 1;
  1383.       top: 25px;
  1384.       bottom: auto;
  1385.       left: 50%;
  1386.       right: auto;
  1387.       display: none;
  1388.       justify-content: space-between;
  1389.       width: calc(100% + 30px);
  1390.       transform: translateX(-50%);
  1391.       @media (max-width: 991px) {
  1392.         z-index: 2;
  1393.         display: flex;
  1394.         grid-column-gap: 8px;
  1395.         grid-row-gap: 8px;
  1396.         justify-content: space-between;
  1397.       }
  1398.       .mobile__nav__btn {
  1399.         display: flex;
  1400.         justify-content: center;
  1401.         align-items: center;
  1402.         width: 40px;
  1403.         height: 40px;
  1404.         color: #fff;
  1405.         border-radius: 50%;
  1406.         background-color: #0061FF;
  1407.         transition: .25s;
  1408.         &:hover {
  1409.           background-color: #0057E6;
  1410.         }
  1411.         &.swiper-button-disabled {
  1412.           background-color: #c0beb6;
  1413.           pointer-events: none;
  1414.         }
  1415.         &:first-child {
  1416.           position: relative;
  1417.           left: -5px;
  1418.         }
  1419.         &:last-child {
  1420.           position: relative;
  1421.           right: 5px;
  1422.         }
  1423.         svg {
  1424.           width: 16px;
  1425.           color: #faf7f2;
  1426.         }
  1427.       }
  1428.     }
  1429.     .pt__option__slider {
  1430.       overflow: visible;
  1431.       @media (max-width: 991px) {
  1432.         overflow: hidden;
  1433.       }
  1434.       .swiper-wrapper {
  1435.         display: flex;
  1436.         flex-direction: column;
  1437.         align-items: stretch;
  1438.         width: 100%;
  1439.         @media (max-width: 991px) {
  1440.           flex-direction: row;
  1441.         }
  1442.       }
  1443.     }
  1444.     .pt__option__item {
  1445.       width: 100%;
  1446.       margin-right: 0;
  1447.       .pt__item {
  1448.         .pt__item__wrap {
  1449.           display: flex;
  1450.           flex-direction: row;
  1451.           font-size: 1.375rem;
  1452.           line-height: 1.4;
  1453.           position: relative;
  1454.           @media (max-width: 991px) {
  1455.             flex-direction: column;
  1456.           }
  1457.         }
  1458.         .pt__row {
  1459.           display: flex;
  1460.           flex-direction: column;
  1461.           justify-content: center;
  1462.           align-items: center;
  1463.           text-align: center;
  1464.           width: 25%;
  1465.           min-height: 60px;
  1466.           padding: 0 15px;
  1467.           font-size: 16px;
  1468.           border-bottom: 1px solid rgba(73, 72, 74, .1);
  1469.           @media (max-width: 991px) {
  1470.             width: 100%;
  1471.             min-height: 95px;
  1472.             &:nth-child(2) {
  1473.               border-top: 1px solid #0061FF;
  1474.               border-bottom: 1px solid #0061FF;
  1475.               background-color: rgba(0, 97, 255, 0.15);
  1476.             }
  1477.           }
  1478.           &:first-child {
  1479.             align-items: flex-start;
  1480.             text-align: left;
  1481.             font-weight: 600;
  1482.             @media (max-width: 991px) {
  1483.               align-items: center;
  1484.               text-align: center;
  1485.               padding-left: 30px;
  1486.               padding-right: 30px;
  1487.               font-size: 20px;
  1488.             }
  1489.             @media (max-width: 767px) {
  1490.               font-size: 16px;
  1491.             }
  1492.           }
  1493.           &:nth-child(2) {
  1494.             border-left: 1px solid #0061FF;
  1495.             border-right: 1px solid #0061FF;
  1496.             background-color: rgba(0, 97, 255, 0.15);
  1497.             @media (max-width: 991px) {
  1498.               border-left: 0;
  1499.               border-right: 0;
  1500.             }
  1501.           }
  1502.         }
  1503.         &.selected {
  1504.           .pt__row {
  1505.             display: inline-flex;
  1506.             padding: 20px 15px;
  1507.             @media (max-width: 991px) {
  1508.               min-height: 95px;
  1509.               padding: 10px 15px;
  1510.               align-items: center;
  1511.             }
  1512.             &:first-child {
  1513.               border-bottom: 0;
  1514.             }
  1515.             &:nth-child(2) {
  1516.               border-bottom-left-radius: 15px;
  1517.               border-bottom-right-radius: 15px;
  1518.               border-bottom: 1px solid #0061FF;
  1519.               @media (max-width: 991px) {
  1520.                 border-top-right-radius: 15px;
  1521.                 border-bottom-right-radius: 15px;
  1522.                 border-bottom-left-radius: 0;
  1523.                 border-right: 1px solid #0061FF;
  1524.                 border-bottom: 1px solid #0061FF;
  1525.               }
  1526.             }
  1527.           }
  1528. \t\t\t     a {
  1529.             padding: 15px 30px;
  1530.             font-weight: 500;
  1531.             text-transform: uppercase;
  1532.             text-decoration: none;
  1533.             color: #fff;
  1534.             border-radius: 10px;
  1535.             background-color: #0061FF;
  1536.             transition: 0.25s;
  1537.           }
  1538.           }
  1539.         }
  1540.       }
  1541.     }
  1542.   }
  1546. .hero-title-1 {
  1547.     font-size:35px; 
  1548.     font-weight: bold; 
  1549. \tcolor: #000;
  1550. }
  1552. {# css indice sections  #}
  1553.     .section-head.center.wt-small-separator-outer {
  1554.         margin-bottom: 50px;
  1555.         text-align: left;
  1556.     }
  1557.     .section-head.center.wt-small-separator-outer1 {
  1558.         margin-bottom: 50px;
  1559.         text-align: center;
  1560.     }
  1561.     .section-head {
  1562.         position: relative;
  1563.     }
  1564.     .site-text-primary, .wt-small-separator {
  1565.         color: #ea130e;
  1566.     }
  1567.     .wt-small-separator {
  1568.         font-family: \"Heebo\", sans-serif;
  1569.         text-transform: uppercase;
  1570.         letter-spacing: 1px;
  1571.         padding-right: 40px;
  1572.         font-size: 26px;
  1573.         line-height: 26px;
  1574.         margin-bottom: 15px;
  1575.         position: relative;
  1576.         display: inline-block;
  1577.         font-weight: 700;
  1578.     }
  1579.     .section-head.center .wt-small-separator div.sep-leaf-left {
  1580.         position: relative;
  1581.     }
  1582.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1583.         background-color: #ea130e;
  1584.     }
  1585.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  1586.         right: -20px;
  1587.         width: 10px;
  1588.     }
  1589.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1590.         position: absolute;
  1591.         content: '';
  1592.         height: 22px;
  1593.         bottom: 0px;
  1594.         top: 0px;
  1595.         transform: skew(-20deg);
  1596.     }
  1597.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1598.         right: -27px;
  1599.         width: 4px;
  1600.     }
  1601.     .section-head.center.wt-small-separator-outer h2 {
  1602.         max-width: 630px;
  1603.         margin: 0px auto;
  1604.     }
  1605. </style>
  1607. <!-- CTA Section -->
  1608. <section class=\"cta \" style=\"padding: 1rem 0;\">
  1609. \t<div class=\"container\">
  1610. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  1611. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  1612. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  1613. \t\t\t\t<div>Élaboration des états financiers</div>
  1614. \t\t\t</div>
  1615. \t\t</div>
  1616. \t\t<div>Nous proposons des services de comptabilité, incluant la tenue de livres, les déclarations fiscales, l'élaboration de bilans, et des conseils financiers. Notre expertise assure la conformité et l’optimisation de votre gestion financière.</div>
  1617. \t</div>
  1618. </section>
  1620. <section class=\"section-sm\">
  1621. \t<div class=\"content\" style=\"padding-bottom: 5px;\">
  1622. \t\t<div class=\"wrap\">
  1623. \t\t\t<div class=\"container\">
  1624. \t\t\t\t<ol class=\"breadcrumb\">
  1625. \t\t\t\t\t<li href=\"#\">
  1626. \t\t\t\t\t\t<a>Home</a>
  1627. \t\t\t\t\t</li>
  1628. \t\t\t\t\t<li href=\"#\">
  1629. \t\t\t\t\t\t<a>Départements</a>
  1630. \t\t\t\t\t</li>
  1631. \t\t\t\t\t<li href=\"#\">
  1632. \t\t\t\t\t\t<a>Département</a>
  1633. \t\t\t\t\t</li>
  1634. \t\t\t\t\t<li href=\"#\">
  1635. \t\t\t\t\t\t<a>Service</a>
  1636. \t\t\t\t\t</li>
  1637. \t\t\t\t</ol>
  1638. \t\t\t</div>
  1639. \t\t</div>
  1640. \t</div>
  1641. </section>
  1643. <section class=\"hero__vi section\" id=\"home\">
  1644.     <div class=\"container\">
  1645.         <div class=\"row\">
  1646.             <div class=\"col-lg-6 mb-4 mb-lg-0\">
  1647.                 <div class=\"row\">
  1648.                     <div class=\"col-lg-11\">
  1649.                         <span class=\"hero-subtitle text-uppercase\">Solutions Syscofie Innovantes</span>
  1650.                         <p class=\"hero-title-1\">{{ service.name }}</p>
  1651.                         <h1 class=\"hero-title mb-1\">Objectifs</h1>
  1652.                         <ul class=\"list-check\">
  1653.                             {% for object in service.objectifs|slice(0,4) %}
  1654.                               <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">{{ object[\"nombase\"] }}</span></li>
  1655.                             {% else %}
  1656.                               <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">Assurer une réactivité dans les services proposés</span></li>
  1657.                               <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">Garantir la conformité avec les obligations fiscales</span></li>
  1658.                               <li><i class=\"bi bi-check-circle icon\"></i><span class=\"text\">Faciliter une meilleure prise de décision pour les clients</span></li>
  1659.                             {% endfor %}
  1660.                         </ul>
  1661.                     </div>
  1662.                 </div>
  1663.             </div>
  1664.             <div class=\"col-lg-6\">
  1665.                 <div class=\"hero-img\" style=\"height: 100%;\">
  1666.                     <img class=\"img-departement img-fluid rounded-4\" src=\"{{ vich_uploader_asset(service) }}\" alt=\"Hero Image\">
  1667.                 </div>
  1668.             </div>
  1669.         </div>
  1670.     </div>
  1671. </section>
  1673. <section class=\"services__v3 pt-5\" id=\"services\" style=\"padding-bottom: 30px;\">
  1674. \t<div class=\"container\">
  1675. \t\t{# <div class=\"row mt-5\">
  1676. \t\t\t<div class=\"col-md-8 mx-auto text-center\">
  1677. \t\t\t\t<span class=\"subtitle text-uppercase mb-3\" data-aos=\"fade-up\" data-aos-delay=\"0\">Services Dédiés</span>
  1678. \t\t\t\t<h2 class=\"mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h2>
  1679. \t\t\t</div>
  1680. \t\t</div> #}
  1681.     <div class=\"section-head center wt-small-separator-outer1\">
  1682.       <div class=\"wt-small-separator site-text-primary\">
  1683.         <div class=\"sep-leaf-left\"></div>
  1684.         <div>Services Dédiés</div>
  1685.       </div>
  1686.       {# <h1 class=\"wt-title\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h1> #}
  1687.       <h2 class=\"mb-3\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h2>
  1688.       {# <p data-aos=\"fade-up\" data-aos-delay=\"200\">Nous proposons des services de comptabilité, incluant la tenue de livres, les déclarations fiscales, l'élaboration de bilans, et des conseils financiers. Notre expertise assure la conformité et l’optimisation de votre gestion financière.</p> #}
  1689.     </div>
  1690. \t\t<div class=\"row\">
  1691. \t\t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  1692. \t\t\t\t<div class=\"carte\">
  1693. \t\t\t\t\t<a href=\"\">
  1694. \t\t\t\t\t\t<div class=\"img\">
  1695. \t\t\t\t\t\t\t<img src=\"{{ asset('templateSyscofie/images/rapport-fin.jpg') }}\" alt=\"Nataliya Vaitkevich\">
  1696. \t\t\t\t\t\t</div>
  1697. \t\t\t\t\t\t<div class=\"text-box\">
  1698. \t\t\t\t\t\t\t<h2 class=\"titre\">TVA</h2>
  1699. \t\t\t\t\t\t\tSouscrire
  1700. \t\t\t\t\t\t</div>
  1701. \t\t\t\t\t</a>
  1702. \t\t\t\t</div>
  1703. \t\t\t</div>
  1704. \t\t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  1705. \t\t\t\t<div class=\"carte\">
  1706. \t\t\t\t\t<a href=\"\">
  1707. \t\t\t\t\t\t<div class=\"img\">
  1708. \t\t\t\t\t\t\t<img src=\"{{ asset('templateSyscofie/images/rapport-fin.jpg') }}\" alt=\"Nataliya Vaitkevich\">
  1709. \t\t\t\t\t\t</div>
  1710. \t\t\t\t\t\t<div class=\"text-box \">
  1711. \t\t\t\t\t\t\t<h1 class=\"titre\">IS</h1>
  1712. \t\t\t\t\t\t\tSouscrire
  1713. \t\t\t\t\t\t</div>
  1714. \t\t\t\t\t</a>
  1715. \t\t\t\t</div>
  1716. \t\t\t</div>
  1717. \t\t\t<div class=\"col-lg-4 col-md-6 col-sm-12\">
  1718. \t\t\t\t<div class=\"carte\">
  1719. \t\t\t\t\t<a href=\"\">
  1720. \t\t\t\t\t\t<div class=\"img\">
  1721. \t\t\t\t\t\t\t<img src=\"{{ asset('templateSyscofie/images/hero-img-2-min.jpg') }}\" alt=\"Nataliya Vaitkevich\">
  1722. \t\t\t\t\t\t</div>
  1723. \t\t\t\t\t\t<div class=\"text-box\">
  1724. \t\t\t\t\t\t\t<h1 class=\"titre\">IR</h1>
  1725. \t\t\t\t\t\t\tSouscrire
  1726. \t\t\t\t\t\t</div>
  1727. \t\t\t\t\t</a>
  1728. \t\t\t\t</div>
  1729. \t\t\t</div>
  1730. \t\t</div>
  1731. \t</div>
  1732. </section>
  1735. <section class=\"section services__v3\" id=\"services\" style=\"padding-bottom: 10px;\">
  1736. \t<div class=\"container\">
  1737. \t\t{# <div class=\"row mt-5\">
  1738. \t\t\t<div class=\"col-md-8 mx-auto text-center\">
  1739. \t\t\t\t<span class=\"subtitle text-uppercase mb-3\" data-aos=\"fade-up\" data-aos-delay=\"0\">Packs d'abonnements</span>
  1740. \t\t\t\t<h2 class=\"mb-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h2>
  1741. \t\t\t</div>
  1742. \t\t</div> #}
  1743.     <div class=\"section-head center wt-small-separator-outer1\">
  1744.       <div class=\"wt-small-separator site-text-primary\">
  1745.         <div class=\"sep-leaf-left\"></div>
  1746.         <div>Packs d'abonnements</div>
  1747.       </div>
  1748.       {# <h1 class=\"wt-title\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h1> #}
  1749.       <h2 class=\"mb-3\">Découvrez nos services comptables sur mesure, adaptés à vos besoins financiers et à votre croissance.</h2>
  1750.       {# <p data-aos=\"fade-up\" data-aos-delay=\"200\">Nous proposons des services de comptabilité, incluant la tenue de livres, les déclarations fiscales, l'élaboration de bilans, et des conseils financiers. Notre expertise assure la conformité et l’optimisation de votre gestion financière.</p> #}
  1751.     </div>
  1752. \t\t<div class=\"pricing__table\">
  1753. \t\t\t<div class=\"pt__title\">
  1754. \t\t\t\t<div class=\"pt__title__wrap\">
  1755. \t\t\t\t\t<div class=\"pt__row\"></div>
  1756. \t\t\t\t\t<div class=\"pt__row\">Premium</div>
  1757. \t\t\t\t\t<div class=\"pt__row\">Standard</div>
  1758. \t\t\t\t\t<div class=\"pt__row\">Essentials</div>
  1759. \t\t\t\t</div>
  1760. \t\t\t</div>
  1761. \t\t\t<div class=\"pt__option\">
  1762. \t\t\t\t<div class=\"pt__option__mobile__nav\">
  1763. \t\t\t\t\t<a id=\"pricing-card-left\" href=\"#\" class=\"mobile__nav__btn\">
  1764. \t\t\t\t\t\t<svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1765. \t\t\t\t\t\t\t<path d=\"M22.1538 11.9819H1.81972\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  1766. \t\t\t\t\t\t\t<path d=\"M11.9863 22.1535L1.82043 11.9865L11.9863 1.81946\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  1767. \t\t\t\t\t\t</svg>
  1768. \t\t\t\t\t</a>
  1769. \t\t\t\t\t<a id=\"pricing-card-right\" href=\"#\" class=\"mobile__nav__btn\">
  1770. \t\t\t\t\t\t<svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1771. \t\t\t\t\t\t\t<path d=\"M1.81934 11.9819H22.1534\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  1772. \t\t\t\t\t\t\t<path d=\"M11.9863 22.1535L22.1522 11.9865L11.9863 1.81946\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  1773. \t\t\t\t\t\t</svg>
  1774. \t\t\t\t\t</a>
  1775. \t\t\t\t</div>
  1776. \t\t\t\t<div class=\"pt__option__slider swiper\" id=\"pricing-card-slider\">
  1777. \t\t\t\t\t<div class=\"swiper-wrapper\">
  1778. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1779. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1780. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1781. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Monthly Email Sends</div>
  1782. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">150,000</div>
  1783. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">16,000</div>
  1784. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5,000</div>
  1785. \t\t\t\t\t\t\t\t</div>
  1786. \t\t\t\t\t\t\t</div>
  1787. \t\t\t\t\t\t</div>
  1788. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1789. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1790. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1791. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Users</div>
  1792. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Unlimited</div>
  1793. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5 Seats</div>
  1794. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">3 Seats</div>
  1795. \t\t\t\t\t\t\t\t</div>
  1796. \t\t\t\t\t\t\t</div>
  1797. \t\t\t\t\t\t</div>
  1798. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1799. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1800. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1801. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Monthly Email Sends</div>
  1802. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">150,000</div>
  1803. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">16,000</div>
  1804. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5,000</div>
  1805. \t\t\t\t\t\t\t\t</div>
  1806. \t\t\t\t\t\t\t</div>
  1807. \t\t\t\t\t\t</div>
  1808. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1809. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1810. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1811. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Audiences</div>
  1812. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Unlimited</div>
  1813. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">5 Audiences</div>
  1814. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">3 Audiences</div>
  1815. \t\t\t\t\t\t\t\t</div>
  1816. \t\t\t\t\t\t\t</div>
  1817. \t\t\t\t\t\t</div>
  1818. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1819. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1820. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1821. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">24/7 Email &amp; Chat Support</div>
  1822. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Phone &amp; Priority Support</div>
  1823. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">24/7 Email &amp; Chat Support</div>
  1824. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">24/7 Email &amp; Chat Support</div>
  1825. \t\t\t\t\t\t\t\t</div>
  1826. \t\t\t\t\t\t\t</div>
  1827. \t\t\t\t\t\t</div>
  1828. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1829. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1830. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1831. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Pre-built Email Templates</div>
  1832. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1833. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1834. \t\t\t\t\t\t\t\t\t</div>
  1835. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1836. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1837. \t\t\t\t\t\t\t\t\t</div>
  1838. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1839. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1840. \t\t\t\t\t\t\t\t\t</div>
  1841. \t\t\t\t\t\t\t\t</div>
  1842. \t\t\t\t\t\t\t</div>
  1843. \t\t\t\t\t\t</div>
  1844. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1845. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1846. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1847. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">300+ Integrations</div>
  1848. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1849. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1850. \t\t\t\t\t\t\t\t\t</div>
  1851. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1852. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1853. \t\t\t\t\t\t\t\t\t</div>
  1854. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1855. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1856. \t\t\t\t\t\t\t\t\t</div>
  1857. \t\t\t\t\t\t\t\t</div>
  1858. \t\t\t\t\t\t\t</div>
  1859. \t\t\t\t\t\t</div>
  1860. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1861. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1862. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1863. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Reporting &amp; Analytics</div>
  1864. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1865. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1866. \t\t\t\t\t\t\t\t\t</div>
  1867. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1868. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1869. \t\t\t\t\t\t\t\t\t</div>
  1870. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Limited</div>
  1871. \t\t\t\t\t\t\t\t</div>
  1872. \t\t\t\t\t\t\t</div>
  1873. \t\t\t\t\t\t</div>
  1874. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1875. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1876. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1877. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Forms &amp; Landing Pages</div>
  1878. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1879. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1880. \t\t\t\t\t\t\t\t\t</div>
  1881. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1882. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1883. \t\t\t\t\t\t\t\t\t</div>
  1884. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1885. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1886. \t\t\t\t\t\t\t\t\t</div>
  1887. \t\t\t\t\t\t\t\t</div>
  1888. \t\t\t\t\t\t\t</div>
  1889. \t\t\t\t\t\t</div>
  1890. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1891. \t\t\t\t\t\t\t<div class=\"pt__item\">
  1892. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1893. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Creative Assistant</div>
  1894. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1895. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1896. \t\t\t\t\t\t\t\t\t</div>
  1897. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1898. \t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-check-lg\"></i>
  1899. \t\t\t\t\t\t\t\t\t</div>
  1900. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Limited</div>
  1901. \t\t\t\t\t\t\t\t</div>
  1902. \t\t\t\t\t\t\t</div>
  1903. \t\t\t\t\t\t</div>
  1904. \t\t\t\t\t\t<div class=\"swiper-slide pt__option__item\">
  1905. \t\t\t\t\t\t\t<div class=\"pt__item selected\">
  1906. \t\t\t\t\t\t\t\t<div class=\"pt__item__wrap\">
  1907. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">Get started</div>
  1908. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1909. \t\t\t\t\t\t\t\t\t\t<a href=\"\">Purchase Now</a>
  1910. \t\t\t\t\t\t\t\t\t</div>
  1911. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1912. \t\t\t\t\t\t\t\t\t\t<a href=\"\">Purchase Now</a>
  1913. \t\t\t\t\t\t\t\t\t</div>
  1914. \t\t\t\t\t\t\t\t\t<div class=\"pt__row\">
  1915. \t\t\t\t\t\t\t\t\t\t<a href=\"\">Purchase Now</a>
  1916. \t\t\t\t\t\t\t\t\t</div>
  1917. \t\t\t\t\t\t\t\t</div>
  1918. \t\t\t\t\t\t\t</div>
  1919. \t\t\t\t\t\t</div>
  1920. \t\t\t\t\t</div>
  1921. \t\t\t\t</div>
  1922. \t\t\t</div>
  1923. \t\t</div>
  1924. \t</div>
  1925. </section>
  1928. <script>
  1929. \tvar init = false;
  1930. var pricingCardSwiper;
  1931. var pricingLoanSwiper
  1932. function swiperCard() {
  1933.   if (window.innerWidth <= 991) {
  1934.     if (!init) {
  1935.       init = true;
  1936.       pricingCardSwiper = new Swiper(\"#pricing-card-slider\", {
  1937.         slidesPerView: \"auto\",
  1938.         spaceBetween: 0,
  1939.         grabCursor: true,
  1940.         keyboard: true,
  1941.         autoHeight: false,
  1942.         navigation: {
  1943.           nextEl: \"#pricing-card-right\",
  1944.           prevEl: \"#pricing-card-left\",
  1945.         },
  1946.       });
  1947.     }
  1948.   } else if (init) {
  1949.     pricingCardSwiper.destroy();
  1950.     init = false;
  1951.   }
  1952. }
  1953. swiperCard();
  1954. window.addEventListener(\"resize\", swiperCard);
  1955. </script>
  1956. {% endblock %}
  1958. {% block javascripttemplate %}
  1960. {% endblock %}", "Theme/Produit/Service/Service/service.html.twig", "/home/syscofie/public_html/syscofie/templates/Theme/Produit/Service/Service/service.html.twig");
  1961.     }
  1962. }