var/cache/dev/twig/c3/c3284f9d214a61fada9f3299d74f8452.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/listeservice.html.twig */
  17. class __TwigTemplate_298474c41d9db656826d435643e4f6d1 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/listeservice.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/listeservice.html.twig"));
  51.         $this->parent = $this->loadTemplate("Theme/Users/User/layoutbase.html.twig", "Theme/Produit/Service/Service/listeservice.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.   .content{
  131. \t\tbackground-color: #268dcf;
  132. \t}
  133.   .wrap {
  134. \t\tpadding-top: 8px;
  135. \t\tpadding-bottom: 8px;
  136. \t\tbox-shadow: 0 5px 5px #fff;
  137. \t}
  138. \t.breadcrumb {
  139. \t\twidth: 100%;
  140. \t\tmargin: auto;
  141. \t\tdisplay: flex;
  142. \t}
  143. \t.breadcrumb li {
  144. \t\tpadding-right: 20px;
  145. \t}
  146. \t.breadcrumb a {
  147. \t\ttext-decoration: none;
  148. \t\tcolor: aliceblue;
  149. \t\tfont-weight: 700;
  150. \t\ttransition: 0.5s;
  151. \t}
  152. \t.breadcrumb li + li {
  153. \t\tpadding-left: 0;
  154. \t}
  155. \t.breadcrumb li + li:before {
  156. \t\tcontent: '>';
  157. \t\tcolor: #3b3b3bff;
  158. \t\tmargin-right: 20px;
  159. \t}
  160. \t.breadcrumb li:last-child a,
  161. \t.breadcrumb a:hover {
  162. \t\tcolor: #e2ebf3;
  163. \t\tborder-radius: 35px;
  164. \t\tbackground-color: #82ccdd;
  165. \t\tpadding: 5px 10px;
  166. \t}
  167. \t";
  168.         // line 53
  169.         yield "\t";
  170.         // line 54
  171.         yield "\t:root {
  172.   --swiper-pagination-color: #fff;
  173.   --swiper-pagination-bullet-inactive-color: #fff;
  174. }
  176. ";
  177.         // line 60
  178.         yield "    .card {
  179.       display: flex;
  180.       flex-direction: column;
  181.       justify-content: space-between;
  182.       background: white;
  183.       border-radius: 10px;
  184.       padding: 16px;
  185.       width: 100%;
  186.       min-height: 500px;
  187.       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  188.     }
  189.     .logo {
  190.       height: 40%;
  191.       margin-bottom: 10px;
  192.     }
  193.     .title {
  194.       font-weight: bold;
  195.       font-size: 1.05rem;
  196.       margin-bottom: 8px;
  197.     }
  198.     .description {
  199.       flex-grow: 1;
  200.       font-size: 0.9rem;
  201.       color: #444;
  202.       overflow: hidden;
  203.       display: -webkit-box;
  204.       -webkit-line-clamp: 5;
  205.       -webkit-box-orient: vertical;
  206.       line-height: 1.4;
  207.       margin-bottom: 10px;
  208.     }
  209.     .card-footer {
  210.       display: flex;
  211.       justify-content: space-between;
  212.       align-items: center;
  213.       font-size: 0.85rem;
  214.       color: green;
  215.       margin-bottom: 10px;
  216.     }
  217.     .btn {
  218.       align-self: flex-end;
  219.       background-color: #268dcf;
  220.       color: white;
  221.       border: none;
  222.       padding: 8px 12px;
  223.       border-radius: 5px;
  224.       cursor: pointer;
  225.     }
  227. \t.mx-2{
  228. \t\tpadding: 12px 20px;
  229. \t}
  231. \ta {
  232. \t\ttext-decoration: none;
  233. \t}
  235. \t\t";
  236.         // line 118
  237.         yield "    .section-head.center.wt-small-separator-outer {
  238.         margin-bottom: 50px;
  239.         text-align: left;
  240.     }
  241.     .section-head {
  242.         position: relative;
  243.     }
  244.     .site-text-primary, .wt-small-separator {
  245.         color: #ea130e;
  246.     }
  247.     .wt-small-separator {
  248.         font-family: \"Heebo\", sans-serif;
  249.         text-transform: uppercase;
  250.         letter-spacing: 1px;
  251.         padding-right: 40px;
  252.         font-size: 26px;
  253.         line-height: 26px;
  254.         margin-bottom: 15px;
  255.         position: relative;
  256.         display: inline-block;
  257.         font-weight: 700;
  258.     }
  259.     .section-head.center .wt-small-separator div.sep-leaf-left {
  260.         position: relative;
  261.     }
  262.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  263.         background-color: #ea130e;
  264.     }
  265.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  266.         right: -20px;
  267.         width: 10px;
  268.     }
  269.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  270.         position: absolute;
  271.         content: '';
  272.         height: 22px;
  273.         bottom: 0px;
  274.         top: 0px;
  275.         transform: skew(-20deg);
  276.     }
  277.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  278.         right: -27px;
  279.         width: 4px;
  280.     }
  281.     .section-head.center.wt-small-separator-outer h2 {
  282.         max-width: 630px;
  283.         margin: 0px auto;
  284.     }
  285. \t/* css onglets departements / Services */
  286. \t
  287.         .tagline {
  288.             font-style: italic;
  289.             color: #6c757d;
  290.         }
  292. \t\t .readmore {
  293.       display: block;
  294.       margin-top: 1em;
  295.       padding-top: 0.05em;
  296.       border-top: 1px solid rgba(126, 149, 180, 0.5);
  297.       font-family: \"Josefin Sans\", sans-serif;
  298.       font-size: 1.2em;
  299.       @include clearfix;
  300.       a {
  301.         display: block;
  302.         margin: 0.5em 0;
  303.         float: right;
  304.         color: #aa7786;
  305.         text-decoration: none;
  306.         &:hover {
  307.           color: darken(#aa7786, 10%);
  308.         }
  309.       }
  310.       span {
  311.         padding-left: 1em;
  312.         vertical-align: middle;
  313.       }
  314.     }
  315. \t.ok img {
  316. \t  float: left;
  317. \t  height: 300px;
  318. \t  width: 500px;
  319. \t  margin-left: none;
  320. \t}
  323. \t";
  324.         // line 205
  325.         yield "\t.tabbordion {
  326.   margin: 30px 0;
  327.   display: inline-block;
  328.   clear: both;
  329.   width: 100%;
  330. }
  332. .tabbordion-tabs {
  333.   display: none;
  334.   list-style-type: none;
  335.   margin: 0;
  336.   padding: 0;
  337. }
  339. .tabbordion-tabs li {
  340.   flex: 1;
  341. }
  343. .tabbordion-tabs li:not(:first-of-type) {
  344.   margin-left: -2px;
  345. }
  347. .tabbordion-tabs li button {
  348.   transition: all 0.2s ease-in-out;
  349.   width: 100%;
  350.   border: 2px solid #071629;
  351.   background: #5e8ce7ff;
  352.   color: #fff;
  353.   /* padding: 7.5px 15px; */
  354.   border-radius: 0;
  355.   font-size: 1rem;
  356.   cursor: pointer;
  357.   position: relative;
  358. }
  360. .tabbordion-tabs li button:hover,
  361. .tabbordion-tabs li button:active,
  362. .tabbordion-tabs li button:focus {
  363.   background: #fff;
  364.   color: #071629;
  365.   outline: 0;
  366. }
  368. .tabbordion-tabs li[aria-selected=\"true\"] button {
  369.   background: #fff;
  370.   color: #071629;
  371. }
  373. .tabbordion-tabs li[aria-selected=\"true\"] button:after {
  374.   content: \"\";
  375.   position: absolute;
  376.   height: 2px;
  377.   width: 100%;
  378.   background: #fff;
  379.   bottom: -2px;
  380.   left: 0;
  381. }
  383. @media (min-width: 992px) {
  384.   .tabbordion-tabs {
  385.     display: flex;
  386.   }
  387. }
  389. .tabbordion-item-header.accordion-mode {
  390.   font-weight: normal;
  391.   margin: 0;
  392.   cursor: pointer;
  393.   position: relative;
  394.   user-select: none;
  395.   background: #1f2907d7;
  396.   color: #fff;
  397.   padding: 5px 15px;
  398.   margin-bottom: 1px;
  399. }
  401. .tabbordion-item-header.accordion-mode[aria-selected=\"true\"] {
  402.   margin-bottom: 0;
  403. }
  405. .tabbordion-item-header.accordion-mode:before,
  406. .tabbordion-item-header.accordion-mode:after {
  407.   content: \"\";
  408.   display: block;
  409.   transition: all 0.2s ease-in-out;
  410.   background: #fff;
  411.   width: 0.8em;
  412.   height: 0.11em;
  413.   position: absolute;
  414.   right: 15px;
  415.   top: calc(50% - 0.11em);
  416. }
  418. .tabbordion-item-header.accordion-mode:after {
  419.   transform: rotate(90deg);
  420. }
  422. .tabbordion-item-header.accordion-mode[aria-selected=\"true\"]:after {
  423.   transform: none;
  424. }
  426. @media (min-width: 992px) {
  427.   .tabbordion-item-header.accordion-mode.hide-desktop {
  428.     display: none;
  429.   }
  430. }
  432. .tabbordion-item-content {
  433.   background: #fff;
  434.   padding: 15px;
  435.   border-left: 2px solid #071629;
  436.   border-bottom: 2px solid #071629;
  437.   border-right: 2px solid #071629;
  438. }
  440. @media (max-width: 991px) {
  441.   .tabbordion-item-content {
  442.     transition: opacity 0.5s ease;
  443.   }
  444.   .tabbordion-item-content.hide-mobile {
  445.     display: none;
  446.   }
  447. }
  449. @media (min-width: 992px) {
  450.   .tabbordion-item {
  451.     transition: opacity 0.5s ease;
  452.   }
  453.   .tabbordion-item.hide-desktop {
  454.     display: none;
  455.   }
  456. }
  459. /********========= Begin Services ==========*/
  462. .section-services {
  463. \tfont-family: \"Poppins\", sans-serif;
  464. \tbackground-color: #e6edf7;
  465. \tcolor: #202020;
  466. \tpadding-top: 5px;
  467.     padding-bottom: 10px;
  468. }
  470. .section-services .header-section {
  471. \tmargin-bottom: 0px;
  472. }
  474. .section-services .header-section .title {
  475. \tposition: relative;
  476.     padding-bottom: 14px;
  477.     margin-bottom: 25px;
  478. \tfont-weight: 700;
  479.     font-size: 32px;
  480. }
  482. .section-services .header-section .title:before {
  483. \tcontent: \"\";
  484. \tposition: absolute;
  485. \tbottom: 0;
  486. \tleft: 50%;
  487. \ttransform: translateX(-50%);
  488. \twidth: 50px;
  489. \theight: 3px;
  490. \tbackground-color: #ff4500;
  491.     border-radius: 3px;
  492. }
  494. .section-services .header-section .title:after {
  495. \tcontent: \"\";
  496. \tposition: absolute;
  497. \tbottom: 0;
  498. \tleft: 50%;
  499.     transform: translateX(30px);
  500. \twidth: 10px;
  501. \theight: 3px;
  502. \tbackground-color: #504f93;
  503.     border-radius: 3px;
  504. }
  506. .section-services .header-section .description {
  507. \tfont-size: 14px;
  508.     color: #282828;
  509. }
  511. .section-services .single-service {
  512.     position: relative;
  513.     margin-top: 30px;
  514.     background-color: #fff;
  515.     border-radius: 10px;
  516.     padding: 40px 30px;
  517.     overflow: hidden;
  518. }
  520. .section-services .single-service .content {
  521. \tposition: relative;
  522. \tz-index: 20;
  523. }
  525. .section-services .single-service .circle-before {
  526.     position: absolute;
  527.     top: 0;
  528.     right: 0px;
  529.     transform: translate(40%, -40%);
  530.     width: 150px;
  531.     height: 150px;
  532.     background-color: #ff4500;
  533.     border: 6px solid #504f93;
  534.     border-radius: 50%;
  535.     opacity: 0.5;
  536.     z-index: 10;
  537.     transition: all .6s;
  538. }
  540. .section-services .single-service:hover .circle-before {
  541. \twidth: 100%;
  542. \theight: 100%;
  543. \ttransform: none;
  544. \tborder: 0;
  545. \tborder-radius: 0;
  546. \topacity: 1;
  547. }
  549. .section-services .single-service .icon {
  550. \tdisplay: inline-block;
  551. \tmargin-bottom: 26px;
  552.     width: 70px;
  553.     height: 70px;
  554.     background-color: #ff4500;
  555.     border-radius: 5px;
  556.     line-height: 70px;
  557.     text-align: center;
  558.     color: #fff;
  559.     font-size: 30px;
  560.     transition: all .3s;
  561. }
  563. .section-services .single-service:hover .icon {
  564. \tbackground-color: #fff;
  565. \tcolor: #ff4500;
  566. }
  568. .section-services .single-service .title {
  569.     margin-bottom: 18px;
  570. \tfont-weight: 700;
  571.     font-size: 23px;
  572.     transition: color .3s;
  573. }
  575. .section-services .single-service:hover .title {
  576. \tcolor: #fff;
  577. }
  579. .section-services .single-service .description {
  580.     margin-bottom: 20px;
  581.     font-size: 14px;
  582.     transition: color .3s;
  583. }
  585. .section-services .single-service:hover .description {
  586. \tcolor: #fff;
  587. }
  589. .section-services .single-service a {
  590. \tposition: relative;
  591. \tfont-size: 18px;
  592.     color: #202020;
  593.     text-decoration: none;
  594.     font-weight: 500;
  595.     transition: color .3s;
  596. }
  598. .section-services .single-service:hover a {
  599. \tcolor: #fff;
  600. }
  602. .section-services .single-service a:after {
  603. \tcontent: \"\";
  604. \tposition: absolute;
  605. \tbottom: 0;
  606. \tleft: 0;
  607. \tright: 0;
  608. \theight: 1px;
  609. \tbackground-color: #ff4500;
  610. \ttransition: background-color .3s;
  611. }
  613. .section-services .single-service:hover a:after {
  614. \tbackground-color: #fff;
  615. }
  617. </style>
  619. <!-- page title -->
  620. ";
  621.         // line 514
  622.         yield "<!-- /page title -->
  625. <!-- CTA Section -->
  626. <section class=\"cta \" style=\"padding: 1rem 0;\">
  627. \t<div class=\"container\">
  628. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  629. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  630. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  631. \t\t\t\t<div>Nos services</div>
  632. \t\t\t</div>
  633. \t\t</div>
  634. \t\t<div>Nous offrons une expertise comptable complète, incluant la tenue de livres et la préparation fiscale, tout en fournissant des conseils financiers adaptés aux besoins spécifiques de chaque client.</div>
  635. \t</div>
  636. </section>
  638. <!-- more event -->
  639. \t<section class=\"section-sm\">
  640. \t\t<div class=\"content\" style=\"padding-bottom: 5px;\">
  641. \t\t\t<div class=\"wrap\">
  642. \t\t\t\t<div class=\"container\">
  643. \t\t\t\t\t<ol class=\"breadcrumb\">
  644. \t\t\t\t\t\t<li href=\"#\">
  645. \t\t\t\t\t\t\t<a>Home</a>
  646. \t\t\t\t\t\t</li>
  647. \t\t\t\t\t\t<li href=\"#\">
  648. \t\t\t\t\t\t\t<a>Services</a>
  649. \t\t\t\t\t\t</li>
  650. \t\t\t\t\t</ol>
  651. \t\t\t\t</div>
  652. \t\t\t</div>
  653. \t\t</div>
  654.  \t</section>
  656. <section class=\"section-services\" style=\"margin-bottom: -20px;\">
  657. \t<div class=\"container\" style=\"margin-top: 10px;\">
  658. \t\t
  659. \t\t<div class=\"row\">
  660. \t\t\t";
  661.         // line 552
  662.         $context['_parent'] = $context;
  663.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["liste_service"]) || array_key_exists("liste_service", $context) ? $context["liste_service"] : (function () { throw new RuntimeError('Variable "liste_service" does not exist.', 552, $this->source); })()));
  664.         $context['_iterated'] = false;
  665.         foreach ($context['_seq'] as $context["_key"] => $context["service"]) {
  666.             // line 553
  667.             yield "\t\t\t\t<!-- Single Service -->
  668. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  669. \t\t\t\t\t<div class=\"single-service\">
  670. \t\t\t\t\t\t<div class=\"content\">
  671. \t\t\t\t\t\t\t<span class=\"icon\">
  672. \t\t\t\t\t\t\t\t<i class=\"fab fa-battle-net\"></i>
  673. \t\t\t\t\t\t\t</span>
  674. \t\t\t\t\t\t\t<h3 class=\"title\">";
  675.             // line 560
  676.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 560), "html", null, true);
  677.             yield "</h3>
  678. \t\t\t\t\t\t\t<p class=\"description\">";
  679.             // line 561
  680.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["service"], "description", [], "any", false, false, false, 561), "html", null, true);
  681.             yield "</p>
  682. \t\t\t\t\t\t\t<a href=\"";
  683.             // line 562
  684.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_service", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 562)]), "html", null, true);
  685.             yield "\" class=\"learn-more\">En savoir plus</a>
  686. \t\t\t\t\t\t</div>
  687. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  688. \t\t\t\t\t</div>
  689. \t\t\t\t</div>
  690. \t\t\t\t<!-- / End Single Service -->
  691. \t\t\t";
  692.             $context['_iterated'] = true;
  693.         }
  694.         if (!$context['_iterated']) {
  695.             // line 569
  696.             yield "\t\t\t\t<!-- Single Service -->
  697. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  698. \t\t\t\t\t<div class=\"single-service\">
  699. \t\t\t\t\t\t<div class=\"content\">
  700. \t\t\t\t\t\t\t<span class=\"icon\">
  701. \t\t\t\t\t\t\t\t<i class=\"fab fa-asymmetrik\"></i>
  702. \t\t\t\t\t\t\t</span>
  703. \t\t\t\t\t\t\t<h3 class=\"title\">It Management</h3>
  704. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  705. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  706. \t\t\t\t\t\t</div>
  707. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  708. \t\t\t\t\t</div>
  709. \t\t\t\t</div>
  710. \t\t\t\t<!-- / End Single Service -->
  711. \t\t\t\t<!-- Single Service -->
  712. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  713. \t\t\t\t\t<div class=\"single-service\">
  714. \t\t\t\t\t\t<div class=\"content\">
  715. \t\t\t\t\t\t\t<span class=\"icon\">
  716. \t\t\t\t\t\t\t\t<i class=\"fab fa-artstation\"></i>
  717. \t\t\t\t\t\t\t</span>
  718. \t\t\t\t\t\t\t<h3 class=\"title\">Software Development</h3>
  719. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  720. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  721. \t\t\t\t\t\t</div>
  722. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  723. \t\t\t\t\t</div>
  724. \t\t\t\t</div>
  725. \t\t\t\t<!-- / End Single Service -->
  726. \t\t\t\t<!-- Single Service -->
  727. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  728. \t\t\t\t\t<div class=\"single-service\">
  729. \t\t\t\t\t\t<div class=\"content\">
  730. \t\t\t\t\t\t\t<span class=\"icon\">
  731. \t\t\t\t\t\t\t\t<i class=\"fab fa-500px\"></i>
  732. \t\t\t\t\t\t\t</span>
  733. \t\t\t\t\t\t\t<h3 class=\"title\">Brand Strategy</h3>
  734. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  735. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  736. \t\t\t\t\t\t</div>
  737. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  738. \t\t\t\t\t</div>
  739. \t\t\t\t</div>
  740. \t\t\t\t<!-- / End Single Service -->
  741. \t\t\t\t<!-- Single Service -->
  742. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  743. \t\t\t\t\t<div class=\"single-service\">
  744. \t\t\t\t\t\t<div class=\"content\">
  745. \t\t\t\t\t\t\t<span class=\"icon\">
  746. \t\t\t\t\t\t\t\t<i class=\"fas fa-chart-pie\"></i>
  747. \t\t\t\t\t\t\t</span>
  748. \t\t\t\t\t\t\t<h3 class=\"title\">Business Consulting</h3>
  749. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  750. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  751. \t\t\t\t\t\t</div>
  752. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  753. \t\t\t\t\t</div>
  754. \t\t\t\t</div>
  755. \t\t\t\t<!-- / End Single Service -->
  756. \t\t\t\t<!-- Single Service -->
  757. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  758. \t\t\t\t\t<div class=\"single-service\">
  759. \t\t\t\t\t\t<div class=\"content\">
  760. \t\t\t\t\t\t\t<span class=\"icon\">
  761. \t\t\t\t\t\t\t\t<i class=\"fas fa-laptop-code\"></i>
  762. \t\t\t\t\t\t\t</span>
  763. \t\t\t\t\t\t\t<h3 class=\"title\">Website Design</h3>
  764. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  765. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  766. \t\t\t\t\t\t</div>
  767. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  768. \t\t\t\t\t</div>
  769. \t\t\t\t</div>
  770. \t\t\t\t<!-- / End Single Service -->
  771. \t\t\t";
  772.         }
  773.         $_parent = $context['_parent'];
  774.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['service'], $context['_parent'], $context['loop']);
  775.         $context = array_intersect_key($context, $_parent) + $_parent;
  776.         // line 645
  777.         yield "\t\t\t</div>
  780. \t\t<div class=\"text-center\" style=\"margin-top: 10px;\">
  781. \t";
  782.         // line 649
  783.         if (((isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 649, $this->source); })()) > 0)) {
  784.             // line 650
  785.             yield "
  786. \t\t";
  787.             // line 651
  788.             if ((((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 651, $this->source); })()) > 1) && ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 651, $this->source); })()) <= (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 651, $this->source); })())))) {
  789.                 // line 652
  790.                 yield "\t\t\t";
  791.                 $context["pagepre"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 652, $this->source); })()) - 1);
  792.                 // line 653
  793.                 yield "\t\t";
  794.             } else {
  795.                 // line 654
  796.                 yield "\t\t\t";
  797.                 $context["pagepre"] = (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 654, $this->source); })());
  798.                 // line 655
  799.                 yield "\t\t";
  800.             }
  801.             // line 656
  802.             yield "
  803. \t\t";
  804.             // line 657
  805.             if (((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 657, $this->source); })()) < (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 657, $this->source); })()))) {
  806.                 // line 658
  807.                 yield "\t\t\t";
  808.                 $context["pagesuiv"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 658, $this->source); })()) + 1);
  809.                 // line 659
  810.                 yield "\t\t";
  811.             } else {
  812.                 // line 660
  813.                 yield "\t\t\t";
  814.                 $context["pagesuiv"] = 1;
  815.                 // line 661
  816.                 yield "\t\t";
  817.             }
  818.             // line 662
  819.             yield "
  820. \t\t";
  821.             // line 663
  822.             if (((isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 663, $this->source); })()) < 5)) {
  823.                 // line 664
  824.                 yield "\t\t\t";
  825.                 $context["debut"] = 1;
  826.                 // line 665
  827.                 yield "\t\t\t";
  828.                 $context["fin"] = (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 665, $this->source); })());
  829.                 // line 666
  830.                 yield "\t\t";
  831.             } else {
  832.                 // line 667
  833.                 yield "\t\t\t";
  834.                 if ((((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 667, $this->source); })()) > 2) && ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 667, $this->source); })()) < ((isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 667, $this->source); })()) - 2)))) {
  835.                     // line 668
  836.                     yield "\t\t\t\t";
  837.                     $context["debut"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 668, $this->source); })()) - 2);
  838.                     // line 669
  839.                     yield "\t\t\t\t";
  840.                     if ((((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 669, $this->source); })()) + 2) >= (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 669, $this->source); })()))) {
  841.                         // line 670
  842.                         yield "\t\t\t\t\t";
  843.                         $context["fin"] = (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 670, $this->source); })());
  844.                         // line 671
  845.                         yield "\t\t\t\t";
  846.                     } else {
  847.                         // line 672
  848.                         yield "\t\t\t\t\t";
  849.                         $context["fin"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 672, $this->source); })()) + 2);
  850.                         // line 673
  851.                         yield "\t\t\t\t";
  852.                     }
  853.                     // line 674
  854.                     yield "\t\t\t";
  855.                 } else {
  856.                     // line 675
  857.                     yield "\t\t\t\t";
  858.                     if (((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 675, $this->source); })()) <= 2)) {
  859.                         // line 676
  860.                         yield "\t\t\t\t\t";
  861.                         if (((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 676, $this->source); })()) == 1)) {
  862.                             // line 677
  863.                             yield "\t\t\t\t\t\t";
  864.                             $context["debut"] = 1;
  865.                             // line 678
  866.                             yield "\t\t\t\t\t\t";
  867.                             $context["fin"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 678, $this->source); })()) + 3);
  868.                             // line 679
  869.                             yield "\t\t\t\t\t";
  870.                         } else {
  871.                             // line 680
  872.                             yield "\t\t\t\t\t\t";
  873.                             $context["debut"] = 1;
  874.                             // line 681
  875.                             yield "\t\t\t\t\t\t";
  876.                             $context["fin"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 681, $this->source); })()) + 2);
  877.                             // line 682
  878.                             yield "\t\t\t\t\t";
  879.                         }
  880.                         // line 683
  881.                         yield "\t\t\t\t";
  882.                     } else {
  883.                         // line 684
  884.                         yield "\t\t\t\t\t";
  885.                         $context["debut"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 684, $this->source); })()) - 2);
  886.                         // line 685
  887.                         yield "\t\t\t\t\t";
  888.                         if ((((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 685, $this->source); })()) + 2) >= (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 685, $this->source); })()))) {
  889.                             // line 686
  890.                             yield "\t\t\t\t\t\t";
  891.                             $context["fin"] = (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 686, $this->source); })());
  892.                             // line 687
  893.                             yield "\t\t\t\t\t";
  894.                         } else {
  895.                             // line 688
  896.                             yield "\t\t\t\t\t\t";
  897.                             $context["fin"] = ((isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 688, $this->source); })()) + 2);
  898.                             // line 689
  899.                             yield "\t\t\t\t\t";
  900.                         }
  901.                         // line 690
  902.                         yield "\t\t\t\t";
  903.                     }
  904.                     // line 691
  905.                     yield "\t\t\t";
  906.                 }
  907.                 // line 692
  908.                 yield "
  909. \t\t";
  910.             }
  911.             // line 694
  912.             yield "
  913. \t\t<div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  914. \t\t\t<a href=\"";
  915.             // line 696
  916.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_services", ["page" => 1]);
  917.             yield "\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  918. \t\t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  919. \t\t\t</a>
  920. \t\t\t<a href=\"";
  921.             // line 699
  922.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_services", ["page" => (isset($context["pagepre"]) || array_key_exists("pagepre", $context) ? $context["pagepre"] : (function () { throw new RuntimeError('Variable "pagepre" does not exist.', 699, $this->source); })())]), "html", null, true);
  923.             yield "\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  924. \t\t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  925. \t\t\t</a>
  926. \t\t\t";
  927.             // line 702
  928.             $context['_parent'] = $context;
  929.             $context['_seq'] = CoreExtension::ensureTraversable(range((isset($context["debut"]) || array_key_exists("debut", $context) ? $context["debut"] : (function () { throw new RuntimeError('Variable "debut" does not exist.', 702, $this->source); })()), (isset($context["fin"]) || array_key_exists("fin", $context) ? $context["fin"] : (function () { throw new RuntimeError('Variable "fin" does not exist.', 702, $this->source); })())));
  930.             foreach ($context['_seq'] as $context["_key"] => $context["p"]) {
  931.                 // line 703
  932.                 yield "\t\t\t\t<a href=\"";
  933.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_services", ["page" => $context["p"]]), "html", null, true);
  934.                 yield "\" value=\"";
  935.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["p"], "html", null, true);
  936.                 yield "\" class=\"btn btn-outline-primary mx-2 ";
  937.                 if (($context["p"] == (isset($context["page"]) || array_key_exists("page", $context) ? $context["page"] : (function () { throw new RuntimeError('Variable "page" does not exist.', 703, $this->source); })()))) {
  938.                     yield "active";
  939.                 }
  940.                 yield "\">";
  941.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["p"], "html", null, true);
  942.                 yield "</a>
  943. \t\t
  944. \t\t\t";
  945.             }
  946.             $_parent = $context['_parent'];
  947.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['p'], $context['_parent'], $context['loop']);
  948.             $context = array_intersect_key($context, $_parent) + $_parent;
  949.             // line 706
  950.             yield "\t\t<a href=\"";
  951.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_services", ["page" => (isset($context["pagesuiv"]) || array_key_exists("pagesuiv", $context) ? $context["pagesuiv"] : (function () { throw new RuntimeError('Variable "pagesuiv" does not exist.', 706, $this->source); })())]), "html", null, true);
  952.             yield "\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  953. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  954. \t\t</a>
  955. \t\t<a href=\"";
  956.             // line 709
  957.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_services", ["page" => (isset($context["nombrepage"]) || array_key_exists("nombrepage", $context) ? $context["nombrepage"] : (function () { throw new RuntimeError('Variable "nombrepage" does not exist.', 709, $this->source); })())]), "html", null, true);
  958.             yield "\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  959. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  960. \t\t</a>
  961. \t</div>
  962. \t<div class=\"clearfix\"></div>
  963. \t";
  964.         } else {
  965.             // line 715
  966.             yield "\t<div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  967. \t\t<a href=\"#\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  968. \t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  969. \t\t</a>
  970. \t\t<a href=\"#\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  971. \t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  972. \t\t</a>
  974. \t\t<a href=\"#\" class=\"btn btn-outline-primary mx-2 active\" style=\"margin: 0px 0px;\">1</a>
  976. \t\t<a href=\"#\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  977. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  978. \t\t</a>
  979. \t\t<a href=\"#\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  980. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  981. \t\t</a>
  982. \t</div>
  983. \t";
  984.         }
  985.         // line 733
  986.         yield "</div>
  987. \t\t
  988. \t</div>
  989. </section>
  992. <script>
  993. //*****************************
  994. // Tabbordion
  995. //*****************************
  996. \$(\".tabbordion\").each(function() {
  997.   let \$t = \$(this);
  998.   \$t.prepend('<ul class=\"tabbordion-tabs\"></ul>');
  999.   \$t.find(\".tabbordion-item-header\").each(function(index) {
  1000.     let tabTitle = \$(this).text(),
  1001.       tabID = \"tabbordion-item-\" + (index + 1);
  1002.     \$(this)
  1003.       .addClass(\"accordion-mode hide-desktop\")
  1004.       .attr({
  1005.         \"aria-selected\": \"false\",
  1006.         \"aria-controls\": tabID
  1007.       });
  1008.     \$(function() {
  1009.       \$t.find(\".tabbordion-tabs\").append(
  1010.         \"<li aria-selected=false aria-controls='\" +
  1011.           tabID +
  1012.           \"'\" +
  1013.           \"><button>\" +
  1014.           tabTitle +
  1015.           \"</button></li>\"
  1016.       );
  1017.     });
  1018.   });
  1019.   \$(function() {
  1020.     \$t.find(\".tabbordion-item\").each(function() {
  1021.       let ariaID = \$(this)
  1022.         .find(\".tabbordion-item-header\")
  1023.         .attr(\"aria-controls\");
  1024.       \$(this).addClass(ariaID);
  1025.     });
  1026.     \$t.find(\".tabbordion-item-content\").addClass(\"hide-mobile\");
  1027.     \$t.find(\".tabbordion-item:gt(0)\").addClass(\"hide-desktop\");
  1028.     \$t.find(\".tabbordion-tabs li:first\")
  1029.       .addClass(\"active\")
  1030.       .attr(\"aria-selected\", \"true\");
  1031.   });
  1032. });
  1033. //Accordion mode
  1034. \$(function() {
  1035.   \$(\".tabbordion-item-header\").on(\"click\", function() {
  1036.     \$(this)
  1037.       .next(\".tabbordion-item-content\")
  1038.       .toggleClass(\"hide-mobile\");
  1039.     if (\$(this).attr(\"aria-selected\") == \"true\") {
  1040.       \$(this).attr(\"aria-selected\", false);
  1041.     } else {
  1042.       \$(this).attr(\"aria-selected\", true);
  1043.     }
  1044.   });
  1045. });
  1047. //Tab mode
  1048. \$(function() {
  1049.   \$(\".tabbordion-tabs li\").on(\"click\", function() {
  1050.     let tabToOpen = \$(this).attr(\"aria-controls\"),
  1051.       thisAccordion = \$(this).parents(\".tabbordion\");
  1052.     if (\$(this).attr(\"aria-selected\") == \"false\") {
  1053.       thisAccordion.find(\"[aria-selected='true']\").attr(\"aria-selected\", false);
  1054.       thisAccordion.find(\".tabbordion-item\").addClass(\"hide-desktop\");
  1055.       \$(this).attr(\"aria-selected\", true);
  1056.       thisAccordion.find(\".\" + tabToOpen).removeClass(\"hide-desktop\");
  1057.     }
  1058.   });
  1059. });
  1060. ";
  1061.         // line 808
  1062.         yield "
  1063. \tvar swiperFade = new Swiper(\".swiperFade\", {
  1064. \tloop: true,
  1065. \teffect: 'fade',
  1066. \tnavigation: {
  1067. \t  nextEl: \".swiper-button-next\",
  1068. \t  prevEl: \".swiper-button-prev\"
  1069. \t},
  1070. \tpagination: {
  1071. \t  el: \".swiper-pagination\",
  1072. \t},
  1073. \t});
  1075. \tvar swiperVertical = new Swiper(\".swiperVertical\", {
  1076. \t  loop: true,
  1077. \t  effect: 'fade',
  1078. \t  direction: \"vertical\",
  1079. \t  pagination: {
  1080. \t    el: \".swiper-pagination\",
  1081. \t    clickable: true,
  1082. \t  }
  1083. \t});
  1085. \tvar swiperEffect = new Swiper(\".swiperEffect\", {
  1086. \t  loop: true,
  1087. \t  effect: \"cards\",
  1088. \t  grabCursor: true,
  1089. \t  navigation: {
  1090. \t    nextEl: \".swiper-button-next\",
  1091. \t    prevEl: \".swiper-button-prev\"
  1092. \t  },
  1093. \t  pagination: {
  1094. \t    el: \".swiper-pagination\",
  1095. \t  },
  1096. \t});
  1097. </script>
  1098. ";
  1099.         // line 845
  1100.         yield "
  1102. ";
  1103.         // line 848
  1104.         yield "\t
  1105. ";
  1106.         // line 850
  1107.         yield "
  1109.   ";
  1110.         // line 871
  1111.         yield "<!-- /more event -->
  1113. ";
  1114.         
  1115.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1117.         
  1118.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1120.         return; yield '';
  1121.     }
  1123.     // line 875
  1124.     public function block_javascripttemplate($context, array $blocks = [])
  1125.     {
  1126.         $macros = $this->macros;
  1127.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1128.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  1130.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1131.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  1133.         // line 876
  1134.         yield "
  1135. ";
  1136.         
  1137.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1139.         
  1140.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1142.         return; yield '';
  1143.     }
  1145.     /**
  1146.      * @codeCoverageIgnore
  1147.      */
  1148.     public function getTemplateName()
  1149.     {
  1150.         return "Theme/Produit/Service/Service/listeservice.html.twig";
  1151.     }
  1153.     /**
  1154.      * @codeCoverageIgnore
  1155.      */
  1156.     public function isTraitable()
  1157.     {
  1158.         return false;
  1159.     }
  1161.     /**
  1162.      * @codeCoverageIgnore
  1163.      */
  1164.     public function getDebugInfo()
  1165.     {
  1166.         return array (  1134 => 876,  1124 => 875,  1111 => 871,  1107 => 850,  1104 => 848,  1100 => 845,  1062 => 808,  986 => 733,  966 => 715,  957 => 709,  950 => 706,  932 => 703,  928 => 702,  922 => 699,  916 => 696,  912 => 694,  908 => 692,  905 => 691,  902 => 690,  899 => 689,  896 => 688,  893 => 687,  890 => 686,  887 => 685,  884 => 684,  881 => 683,  878 => 682,  875 => 681,  872 => 680,  869 => 679,  866 => 678,  863 => 677,  860 => 676,  857 => 675,  854 => 674,  851 => 673,  848 => 672,  845 => 671,  842 => 670,  839 => 669,  836 => 668,  833 => 667,  830 => 666,  827 => 665,  824 => 664,  822 => 663,  819 => 662,  816 => 661,  813 => 660,  810 => 659,  807 => 658,  805 => 657,  802 => 656,  799 => 655,  796 => 654,  793 => 653,  790 => 652,  788 => 651,  785 => 650,  783 => 649,  777 => 645,  696 => 569,  684 => 562,  680 => 561,  676 => 560,  667 => 553,  662 => 552,  622 => 514,  325 => 205,  237 => 118,  178 => 60,  171 => 54,  169 => 53,  129 => 14,  119 => 13,  105 => 10,  95 => 9,  82 => 6,  77 => 4,  72 => 3,  62 => 2,  39 => 1,);
  1167.     }
  1169.     public function getSourceContext()
  1170.     {
  1171.         return new Source("{% extends \"Theme/Users/User/layoutbase.html.twig\" %}
  1172. {% block meta %}
  1173. \t{{ parent() }}
  1174. \t<meta name=\"keywords\" content=\"{{ site }}, \"/>
  1175. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  1176. \t<meta name=\"description\" content=\"{{ site }}\" />
  1177. {% endblock %}
  1179. {% block title %}
  1180. \t{{ parent() }} - Détails du service ..
  1181. {% endblock %}
  1183. {% block userblog_body %}
  1184. <style>
  1185.   .content{
  1186. \t\tbackground-color: #268dcf;
  1187. \t}
  1188.   .wrap {
  1189. \t\tpadding-top: 8px;
  1190. \t\tpadding-bottom: 8px;
  1191. \t\tbox-shadow: 0 5px 5px #fff;
  1192. \t}
  1193. \t.breadcrumb {
  1194. \t\twidth: 100%;
  1195. \t\tmargin: auto;
  1196. \t\tdisplay: flex;
  1197. \t}
  1198. \t.breadcrumb li {
  1199. \t\tpadding-right: 20px;
  1200. \t}
  1201. \t.breadcrumb a {
  1202. \t\ttext-decoration: none;
  1203. \t\tcolor: aliceblue;
  1204. \t\tfont-weight: 700;
  1205. \t\ttransition: 0.5s;
  1206. \t}
  1207. \t.breadcrumb li + li {
  1208. \t\tpadding-left: 0;
  1209. \t}
  1210. \t.breadcrumb li + li:before {
  1211. \t\tcontent: '>';
  1212. \t\tcolor: #3b3b3bff;
  1213. \t\tmargin-right: 20px;
  1214. \t}
  1215. \t.breadcrumb li:last-child a,
  1216. \t.breadcrumb a:hover {
  1217. \t\tcolor: #e2ebf3;
  1218. \t\tborder-radius: 35px;
  1219. \t\tbackground-color: #82ccdd;
  1220. \t\tpadding: 5px 10px;
  1221. \t}
  1222. \t{# End Breadcrumb #}
  1223. \t{# card #}
  1224. \t:root {
  1225.   --swiper-pagination-color: #fff;
  1226.   --swiper-pagination-bullet-inactive-color: #fff;
  1227. }
  1229. {# Card Services  #}
  1230.     .card {
  1231.       display: flex;
  1232.       flex-direction: column;
  1233.       justify-content: space-between;
  1234.       background: white;
  1235.       border-radius: 10px;
  1236.       padding: 16px;
  1237.       width: 100%;
  1238.       min-height: 500px;
  1239.       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  1240.     }
  1241.     .logo {
  1242.       height: 40%;
  1243.       margin-bottom: 10px;
  1244.     }
  1245.     .title {
  1246.       font-weight: bold;
  1247.       font-size: 1.05rem;
  1248.       margin-bottom: 8px;
  1249.     }
  1250.     .description {
  1251.       flex-grow: 1;
  1252.       font-size: 0.9rem;
  1253.       color: #444;
  1254.       overflow: hidden;
  1255.       display: -webkit-box;
  1256.       -webkit-line-clamp: 5;
  1257.       -webkit-box-orient: vertical;
  1258.       line-height: 1.4;
  1259.       margin-bottom: 10px;
  1260.     }
  1261.     .card-footer {
  1262.       display: flex;
  1263.       justify-content: space-between;
  1264.       align-items: center;
  1265.       font-size: 0.85rem;
  1266.       color: green;
  1267.       margin-bottom: 10px;
  1268.     }
  1269.     .btn {
  1270.       align-self: flex-end;
  1271.       background-color: #268dcf;
  1272.       color: white;
  1273.       border: none;
  1274.       padding: 8px 12px;
  1275.       border-radius: 5px;
  1276.       cursor: pointer;
  1277.     }
  1279. \t.mx-2{
  1280. \t\tpadding: 12px 20px;
  1281. \t}
  1283. \ta {
  1284. \t\ttext-decoration: none;
  1285. \t}
  1287. \t\t{# css indice sections  #}
  1288.     .section-head.center.wt-small-separator-outer {
  1289.         margin-bottom: 50px;
  1290.         text-align: left;
  1291.     }
  1292.     .section-head {
  1293.         position: relative;
  1294.     }
  1295.     .site-text-primary, .wt-small-separator {
  1296.         color: #ea130e;
  1297.     }
  1298.     .wt-small-separator {
  1299.         font-family: \"Heebo\", sans-serif;
  1300.         text-transform: uppercase;
  1301.         letter-spacing: 1px;
  1302.         padding-right: 40px;
  1303.         font-size: 26px;
  1304.         line-height: 26px;
  1305.         margin-bottom: 15px;
  1306.         position: relative;
  1307.         display: inline-block;
  1308.         font-weight: 700;
  1309.     }
  1310.     .section-head.center .wt-small-separator div.sep-leaf-left {
  1311.         position: relative;
  1312.     }
  1313.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1314.         background-color: #ea130e;
  1315.     }
  1316.     .section-head.center .wt-small-separator div.sep-leaf-left:before {
  1317.         right: -20px;
  1318.         width: 10px;
  1319.     }
  1320.     .section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1321.         position: absolute;
  1322.         content: '';
  1323.         height: 22px;
  1324.         bottom: 0px;
  1325.         top: 0px;
  1326.         transform: skew(-20deg);
  1327.     }
  1328.     .section-head.center .wt-small-separator div.sep-leaf-left:after {
  1329.         right: -27px;
  1330.         width: 4px;
  1331.     }
  1332.     .section-head.center.wt-small-separator-outer h2 {
  1333.         max-width: 630px;
  1334.         margin: 0px auto;
  1335.     }
  1336. \t/* css onglets departements / Services */
  1337. \t
  1338.         .tagline {
  1339.             font-style: italic;
  1340.             color: #6c757d;
  1341.         }
  1343. \t\t .readmore {
  1344.       display: block;
  1345.       margin-top: 1em;
  1346.       padding-top: 0.05em;
  1347.       border-top: 1px solid rgba(126, 149, 180, 0.5);
  1348.       font-family: \"Josefin Sans\", sans-serif;
  1349.       font-size: 1.2em;
  1350.       @include clearfix;
  1351.       a {
  1352.         display: block;
  1353.         margin: 0.5em 0;
  1354.         float: right;
  1355.         color: #aa7786;
  1356.         text-decoration: none;
  1357.         &:hover {
  1358.           color: darken(#aa7786, 10%);
  1359.         }
  1360.       }
  1361.       span {
  1362.         padding-left: 1em;
  1363.         vertical-align: middle;
  1364.       }
  1365.     }
  1366. \t.ok img {
  1367. \t  float: left;
  1368. \t  height: 300px;
  1369. \t  width: 500px;
  1370. \t  margin-left: none;
  1371. \t}
  1374. \t{# fffffffffffffffffffffffffff #}
  1375. \t.tabbordion {
  1376.   margin: 30px 0;
  1377.   display: inline-block;
  1378.   clear: both;
  1379.   width: 100%;
  1380. }
  1382. .tabbordion-tabs {
  1383.   display: none;
  1384.   list-style-type: none;
  1385.   margin: 0;
  1386.   padding: 0;
  1387. }
  1389. .tabbordion-tabs li {
  1390.   flex: 1;
  1391. }
  1393. .tabbordion-tabs li:not(:first-of-type) {
  1394.   margin-left: -2px;
  1395. }
  1397. .tabbordion-tabs li button {
  1398.   transition: all 0.2s ease-in-out;
  1399.   width: 100%;
  1400.   border: 2px solid #071629;
  1401.   background: #5e8ce7ff;
  1402.   color: #fff;
  1403.   /* padding: 7.5px 15px; */
  1404.   border-radius: 0;
  1405.   font-size: 1rem;
  1406.   cursor: pointer;
  1407.   position: relative;
  1408. }
  1410. .tabbordion-tabs li button:hover,
  1411. .tabbordion-tabs li button:active,
  1412. .tabbordion-tabs li button:focus {
  1413.   background: #fff;
  1414.   color: #071629;
  1415.   outline: 0;
  1416. }
  1418. .tabbordion-tabs li[aria-selected=\"true\"] button {
  1419.   background: #fff;
  1420.   color: #071629;
  1421. }
  1423. .tabbordion-tabs li[aria-selected=\"true\"] button:after {
  1424.   content: \"\";
  1425.   position: absolute;
  1426.   height: 2px;
  1427.   width: 100%;
  1428.   background: #fff;
  1429.   bottom: -2px;
  1430.   left: 0;
  1431. }
  1433. @media (min-width: 992px) {
  1434.   .tabbordion-tabs {
  1435.     display: flex;
  1436.   }
  1437. }
  1439. .tabbordion-item-header.accordion-mode {
  1440.   font-weight: normal;
  1441.   margin: 0;
  1442.   cursor: pointer;
  1443.   position: relative;
  1444.   user-select: none;
  1445.   background: #1f2907d7;
  1446.   color: #fff;
  1447.   padding: 5px 15px;
  1448.   margin-bottom: 1px;
  1449. }
  1451. .tabbordion-item-header.accordion-mode[aria-selected=\"true\"] {
  1452.   margin-bottom: 0;
  1453. }
  1455. .tabbordion-item-header.accordion-mode:before,
  1456. .tabbordion-item-header.accordion-mode:after {
  1457.   content: \"\";
  1458.   display: block;
  1459.   transition: all 0.2s ease-in-out;
  1460.   background: #fff;
  1461.   width: 0.8em;
  1462.   height: 0.11em;
  1463.   position: absolute;
  1464.   right: 15px;
  1465.   top: calc(50% - 0.11em);
  1466. }
  1468. .tabbordion-item-header.accordion-mode:after {
  1469.   transform: rotate(90deg);
  1470. }
  1472. .tabbordion-item-header.accordion-mode[aria-selected=\"true\"]:after {
  1473.   transform: none;
  1474. }
  1476. @media (min-width: 992px) {
  1477.   .tabbordion-item-header.accordion-mode.hide-desktop {
  1478.     display: none;
  1479.   }
  1480. }
  1482. .tabbordion-item-content {
  1483.   background: #fff;
  1484.   padding: 15px;
  1485.   border-left: 2px solid #071629;
  1486.   border-bottom: 2px solid #071629;
  1487.   border-right: 2px solid #071629;
  1488. }
  1490. @media (max-width: 991px) {
  1491.   .tabbordion-item-content {
  1492.     transition: opacity 0.5s ease;
  1493.   }
  1494.   .tabbordion-item-content.hide-mobile {
  1495.     display: none;
  1496.   }
  1497. }
  1499. @media (min-width: 992px) {
  1500.   .tabbordion-item {
  1501.     transition: opacity 0.5s ease;
  1502.   }
  1503.   .tabbordion-item.hide-desktop {
  1504.     display: none;
  1505.   }
  1506. }
  1509. /********========= Begin Services ==========*/
  1512. .section-services {
  1513. \tfont-family: \"Poppins\", sans-serif;
  1514. \tbackground-color: #e6edf7;
  1515. \tcolor: #202020;
  1516. \tpadding-top: 5px;
  1517.     padding-bottom: 10px;
  1518. }
  1520. .section-services .header-section {
  1521. \tmargin-bottom: 0px;
  1522. }
  1524. .section-services .header-section .title {
  1525. \tposition: relative;
  1526.     padding-bottom: 14px;
  1527.     margin-bottom: 25px;
  1528. \tfont-weight: 700;
  1529.     font-size: 32px;
  1530. }
  1532. .section-services .header-section .title:before {
  1533. \tcontent: \"\";
  1534. \tposition: absolute;
  1535. \tbottom: 0;
  1536. \tleft: 50%;
  1537. \ttransform: translateX(-50%);
  1538. \twidth: 50px;
  1539. \theight: 3px;
  1540. \tbackground-color: #ff4500;
  1541.     border-radius: 3px;
  1542. }
  1544. .section-services .header-section .title:after {
  1545. \tcontent: \"\";
  1546. \tposition: absolute;
  1547. \tbottom: 0;
  1548. \tleft: 50%;
  1549.     transform: translateX(30px);
  1550. \twidth: 10px;
  1551. \theight: 3px;
  1552. \tbackground-color: #504f93;
  1553.     border-radius: 3px;
  1554. }
  1556. .section-services .header-section .description {
  1557. \tfont-size: 14px;
  1558.     color: #282828;
  1559. }
  1561. .section-services .single-service {
  1562.     position: relative;
  1563.     margin-top: 30px;
  1564.     background-color: #fff;
  1565.     border-radius: 10px;
  1566.     padding: 40px 30px;
  1567.     overflow: hidden;
  1568. }
  1570. .section-services .single-service .content {
  1571. \tposition: relative;
  1572. \tz-index: 20;
  1573. }
  1575. .section-services .single-service .circle-before {
  1576.     position: absolute;
  1577.     top: 0;
  1578.     right: 0px;
  1579.     transform: translate(40%, -40%);
  1580.     width: 150px;
  1581.     height: 150px;
  1582.     background-color: #ff4500;
  1583.     border: 6px solid #504f93;
  1584.     border-radius: 50%;
  1585.     opacity: 0.5;
  1586.     z-index: 10;
  1587.     transition: all .6s;
  1588. }
  1590. .section-services .single-service:hover .circle-before {
  1591. \twidth: 100%;
  1592. \theight: 100%;
  1593. \ttransform: none;
  1594. \tborder: 0;
  1595. \tborder-radius: 0;
  1596. \topacity: 1;
  1597. }
  1599. .section-services .single-service .icon {
  1600. \tdisplay: inline-block;
  1601. \tmargin-bottom: 26px;
  1602.     width: 70px;
  1603.     height: 70px;
  1604.     background-color: #ff4500;
  1605.     border-radius: 5px;
  1606.     line-height: 70px;
  1607.     text-align: center;
  1608.     color: #fff;
  1609.     font-size: 30px;
  1610.     transition: all .3s;
  1611. }
  1613. .section-services .single-service:hover .icon {
  1614. \tbackground-color: #fff;
  1615. \tcolor: #ff4500;
  1616. }
  1618. .section-services .single-service .title {
  1619.     margin-bottom: 18px;
  1620. \tfont-weight: 700;
  1621.     font-size: 23px;
  1622.     transition: color .3s;
  1623. }
  1625. .section-services .single-service:hover .title {
  1626. \tcolor: #fff;
  1627. }
  1629. .section-services .single-service .description {
  1630.     margin-bottom: 20px;
  1631.     font-size: 14px;
  1632.     transition: color .3s;
  1633. }
  1635. .section-services .single-service:hover .description {
  1636. \tcolor: #fff;
  1637. }
  1639. .section-services .single-service a {
  1640. \tposition: relative;
  1641. \tfont-size: 18px;
  1642.     color: #202020;
  1643.     text-decoration: none;
  1644.     font-weight: 500;
  1645.     transition: color .3s;
  1646. }
  1648. .section-services .single-service:hover a {
  1649. \tcolor: #fff;
  1650. }
  1652. .section-services .single-service a:after {
  1653. \tcontent: \"\";
  1654. \tposition: absolute;
  1655. \tbottom: 0;
  1656. \tleft: 0;
  1657. \tright: 0;
  1658. \theight: 1px;
  1659. \tbackground-color: #ff4500;
  1660. \ttransition: background-color .3s;
  1661. }
  1663. .section-services .single-service:hover a:after {
  1664. \tbackground-color: #fff;
  1665. }
  1667. </style>
  1669. <!-- page title -->
  1670. {# <section class=\"page-title-section overlay\">
  1671.   <div class=\"container\">
  1672.     <div class=\"row\">
  1673.       <div class=\"col-md-12\">
  1674.         {% if aboutService != null %}
  1675.           <h2 style=\"color: #fff;\">{{ aboutService.title }}</h2>
  1676.           <p>{{ aboutService.valeur }}</p>
  1677.         {% else %}
  1678.           <p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
  1679.         {% endif %}
  1680.       </div>
  1681.     </div>
  1682.   </div>
  1683. </section> #}
  1684. <!-- /page title -->
  1687. <!-- CTA Section -->
  1688. <section class=\"cta \" style=\"padding: 1rem 0;\">
  1689. \t<div class=\"container\">
  1690. \t\t<div class=\"section-head center wt-small-separator-outer mt-3 text-center\" style=\"margin-bottom: 0px;\">
  1691. \t\t\t<div class=\"wt-small-separator site-text-primary\">
  1692. \t\t\t\t<div class=\"sep-leaf-left\"></div>
  1693. \t\t\t\t<div>Nos services</div>
  1694. \t\t\t</div>
  1695. \t\t</div>
  1696. \t\t<div>Nous offrons une expertise comptable complète, incluant la tenue de livres et la préparation fiscale, tout en fournissant des conseils financiers adaptés aux besoins spécifiques de chaque client.</div>
  1697. \t</div>
  1698. </section>
  1700. <!-- more event -->
  1701. \t<section class=\"section-sm\">
  1702. \t\t<div class=\"content\" style=\"padding-bottom: 5px;\">
  1703. \t\t\t<div class=\"wrap\">
  1704. \t\t\t\t<div class=\"container\">
  1705. \t\t\t\t\t<ol class=\"breadcrumb\">
  1706. \t\t\t\t\t\t<li href=\"#\">
  1707. \t\t\t\t\t\t\t<a>Home</a>
  1708. \t\t\t\t\t\t</li>
  1709. \t\t\t\t\t\t<li href=\"#\">
  1710. \t\t\t\t\t\t\t<a>Services</a>
  1711. \t\t\t\t\t\t</li>
  1712. \t\t\t\t\t</ol>
  1713. \t\t\t\t</div>
  1714. \t\t\t</div>
  1715. \t\t</div>
  1716.  \t</section>
  1718. <section class=\"section-services\" style=\"margin-bottom: -20px;\">
  1719. \t<div class=\"container\" style=\"margin-top: 10px;\">
  1720. \t\t
  1721. \t\t<div class=\"row\">
  1722. \t\t\t{% for service in liste_service %}
  1723. \t\t\t\t<!-- Single Service -->
  1724. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1725. \t\t\t\t\t<div class=\"single-service\">
  1726. \t\t\t\t\t\t<div class=\"content\">
  1727. \t\t\t\t\t\t\t<span class=\"icon\">
  1728. \t\t\t\t\t\t\t\t<i class=\"fab fa-battle-net\"></i>
  1729. \t\t\t\t\t\t\t</span>
  1730. \t\t\t\t\t\t\t<h3 class=\"title\">{{ service.name }}</h3>
  1731. \t\t\t\t\t\t\t<p class=\"description\">{{ service.description }}</p>
  1732. \t\t\t\t\t\t\t<a href=\"{{ path('produit_service_service', {'id': service.id}) }}\" class=\"learn-more\">En savoir plus</a>
  1733. \t\t\t\t\t\t</div>
  1734. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1735. \t\t\t\t\t</div>
  1736. \t\t\t\t</div>
  1737. \t\t\t\t<!-- / End Single Service -->
  1738. \t\t\t{% else %}
  1739. \t\t\t\t<!-- Single Service -->
  1740. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1741. \t\t\t\t\t<div class=\"single-service\">
  1742. \t\t\t\t\t\t<div class=\"content\">
  1743. \t\t\t\t\t\t\t<span class=\"icon\">
  1744. \t\t\t\t\t\t\t\t<i class=\"fab fa-asymmetrik\"></i>
  1745. \t\t\t\t\t\t\t</span>
  1746. \t\t\t\t\t\t\t<h3 class=\"title\">It Management</h3>
  1747. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1748. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1749. \t\t\t\t\t\t</div>
  1750. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1751. \t\t\t\t\t</div>
  1752. \t\t\t\t</div>
  1753. \t\t\t\t<!-- / End Single Service -->
  1754. \t\t\t\t<!-- Single Service -->
  1755. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1756. \t\t\t\t\t<div class=\"single-service\">
  1757. \t\t\t\t\t\t<div class=\"content\">
  1758. \t\t\t\t\t\t\t<span class=\"icon\">
  1759. \t\t\t\t\t\t\t\t<i class=\"fab fa-artstation\"></i>
  1760. \t\t\t\t\t\t\t</span>
  1761. \t\t\t\t\t\t\t<h3 class=\"title\">Software Development</h3>
  1762. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1763. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1764. \t\t\t\t\t\t</div>
  1765. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1766. \t\t\t\t\t</div>
  1767. \t\t\t\t</div>
  1768. \t\t\t\t<!-- / End Single Service -->
  1769. \t\t\t\t<!-- Single Service -->
  1770. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1771. \t\t\t\t\t<div class=\"single-service\">
  1772. \t\t\t\t\t\t<div class=\"content\">
  1773. \t\t\t\t\t\t\t<span class=\"icon\">
  1774. \t\t\t\t\t\t\t\t<i class=\"fab fa-500px\"></i>
  1775. \t\t\t\t\t\t\t</span>
  1776. \t\t\t\t\t\t\t<h3 class=\"title\">Brand Strategy</h3>
  1777. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1778. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1779. \t\t\t\t\t\t</div>
  1780. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1781. \t\t\t\t\t</div>
  1782. \t\t\t\t</div>
  1783. \t\t\t\t<!-- / End Single Service -->
  1784. \t\t\t\t<!-- Single Service -->
  1785. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1786. \t\t\t\t\t<div class=\"single-service\">
  1787. \t\t\t\t\t\t<div class=\"content\">
  1788. \t\t\t\t\t\t\t<span class=\"icon\">
  1789. \t\t\t\t\t\t\t\t<i class=\"fas fa-chart-pie\"></i>
  1790. \t\t\t\t\t\t\t</span>
  1791. \t\t\t\t\t\t\t<h3 class=\"title\">Business Consulting</h3>
  1792. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1793. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1794. \t\t\t\t\t\t</div>
  1795. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1796. \t\t\t\t\t</div>
  1797. \t\t\t\t</div>
  1798. \t\t\t\t<!-- / End Single Service -->
  1799. \t\t\t\t<!-- Single Service -->
  1800. \t\t\t\t<div class=\"col-md-6 col-lg-4\">
  1801. \t\t\t\t\t<div class=\"single-service\">
  1802. \t\t\t\t\t\t<div class=\"content\">
  1803. \t\t\t\t\t\t\t<span class=\"icon\">
  1804. \t\t\t\t\t\t\t\t<i class=\"fas fa-laptop-code\"></i>
  1805. \t\t\t\t\t\t\t</span>
  1806. \t\t\t\t\t\t\t<h3 class=\"title\">Website Design</h3>
  1807. \t\t\t\t\t\t\t<p class=\"description\">Mauris volutpat urna tristique finibus iaculis. Morbi facilisis, justo eu vulputate elementum, est augue tincidunt ante, sed efficitur leo ligula vel velit.</p>
  1808. \t\t\t\t\t\t\t<a href=\"\" class=\"learn-more\">Learn More</a>
  1809. \t\t\t\t\t\t</div>
  1810. \t\t\t\t\t\t<span class=\"circle-before\"></span>
  1811. \t\t\t\t\t</div>
  1812. \t\t\t\t</div>
  1813. \t\t\t\t<!-- / End Single Service -->
  1814. \t\t\t{% endfor %}
  1815. \t\t\t</div>
  1818. \t\t<div class=\"text-center\" style=\"margin-top: 10px;\">
  1819. \t{% if nombrepage > 0 %}
  1821. \t\t{% if page > 1 and page <= nombrepage %}
  1822. \t\t\t{% set pagepre = page - 1 %}
  1823. \t\t{% else %}
  1824. \t\t\t{% set pagepre = nombrepage %}
  1825. \t\t{% endif %}
  1827. \t\t{% if page < nombrepage %}
  1828. \t\t\t{% set pagesuiv = page + 1 %}
  1829. \t\t{% else %}
  1830. \t\t\t{% set pagesuiv =  1 %}
  1831. \t\t{% endif %}
  1833. \t\t{% if nombrepage < 5 %}
  1834. \t\t\t{% set debut = 1 %}
  1835. \t\t\t{% set fin = nombrepage %}
  1836. \t\t{% else %}
  1837. \t\t\t{% if page > 2 and page < (nombrepage - 2) %}
  1838. \t\t\t\t{% set debut = page - 2 %}
  1839. \t\t\t\t{% if page + 2 >= nombrepage %}
  1840. \t\t\t\t\t{% set fin = nombrepage %}
  1841. \t\t\t\t{% else %}
  1842. \t\t\t\t\t{% set fin = page + 2 %}
  1843. \t\t\t\t{% endif %}
  1844. \t\t\t{% else %}
  1845. \t\t\t\t{% if page <= 2 %}
  1846. \t\t\t\t\t{% if page == 1 %}
  1847. \t\t\t\t\t\t{% set debut = 1 %}
  1848. \t\t\t\t\t\t{% set fin = page + 3 %}
  1849. \t\t\t\t\t{% else %}
  1850. \t\t\t\t\t\t{% set debut = 1 %}
  1851. \t\t\t\t\t\t{% set fin = page + 2 %}
  1852. \t\t\t\t\t{% endif %}
  1853. \t\t\t\t{% else %}
  1854. \t\t\t\t\t{% set debut = page - 2 %}
  1855. \t\t\t\t\t{% if page + 2 >= nombrepage %}
  1856. \t\t\t\t\t\t{% set fin = nombrepage %}
  1857. \t\t\t\t\t{% else %}
  1858. \t\t\t\t\t\t{% set fin = page + 2 %}
  1859. \t\t\t\t\t{% endif %}
  1860. \t\t\t\t{% endif %}
  1861. \t\t\t{% endif %}
  1863. \t\t{% endif %}
  1865. \t\t<div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  1866. \t\t\t<a href=\"{{ path('produit_service_services', {'page': 1}) }}\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  1867. \t\t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  1868. \t\t\t</a>
  1869. \t\t\t<a href=\"{{ path('produit_service_services', {'page': pagepre}) }}\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  1870. \t\t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  1871. \t\t\t</a>
  1872. \t\t\t{% for p in debut..fin %}
  1873. \t\t\t\t<a href=\"{{ path('produit_service_services', {'page': p}) }}\" value=\"{{ p }}\" class=\"btn btn-outline-primary mx-2 {% if p == page %}active{% endif %}\">{{ p }}</a>
  1874. \t\t
  1875. \t\t\t{% endfor %}
  1876. \t\t<a href=\"{{ path('produit_service_services', {'page': pagesuiv}) }}\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  1877. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  1878. \t\t</a>
  1879. \t\t<a href=\"{{ path('produit_service_services', {'page': nombrepage}) }}\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  1880. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  1881. \t\t</a>
  1882. \t</div>
  1883. \t<div class=\"clearfix\"></div>
  1884. \t{% else %}
  1885. \t<div class=\"btn-group mb-4 text-center\" role=\"group\" aria-label=\"Basic example\">
  1886. \t\t<a href=\"#\" title=\"Première page\" class=\"btn btn-outline-primary mx-2\">
  1887. \t\t\t<span><i class=\"bi bi-chevron-double-left\"></i></span>
  1888. \t\t</a>
  1889. \t\t<a href=\"#\" title=\"Page précedente\" class=\"btn btn-outline-primary mx-2\">
  1890. \t\t\t<span><i class=\"bi bi-chevron-left\"></i></span>
  1891. \t\t</a>
  1893. \t\t<a href=\"#\" class=\"btn btn-outline-primary mx-2 active\" style=\"margin: 0px 0px;\">1</a>
  1895. \t\t<a href=\"#\" title=\"Page suivante\" class=\"btn btn-outline-primary mx-2\">
  1896. \t\t\t<span><i class=\"bi bi-chevron-right\"></i></span>
  1897. \t\t</a>
  1898. \t\t<a href=\"#\" title=\"Dernière page\" class=\"btn btn-outline-primary mx-2\">
  1899. \t\t\t<span><i class=\"bi bi-chevron-double-right\"></i></spam>
  1900. \t\t</a>
  1901. \t</div>
  1902. \t{% endif %}
  1903. </div>
  1904. \t\t
  1905. \t</div>
  1906. </section>
  1909. <script>
  1910. //*****************************
  1911. // Tabbordion
  1912. //*****************************
  1913. \$(\".tabbordion\").each(function() {
  1914.   let \$t = \$(this);
  1915.   \$t.prepend('<ul class=\"tabbordion-tabs\"></ul>');
  1916.   \$t.find(\".tabbordion-item-header\").each(function(index) {
  1917.     let tabTitle = \$(this).text(),
  1918.       tabID = \"tabbordion-item-\" + (index + 1);
  1919.     \$(this)
  1920.       .addClass(\"accordion-mode hide-desktop\")
  1921.       .attr({
  1922.         \"aria-selected\": \"false\",
  1923.         \"aria-controls\": tabID
  1924.       });
  1925.     \$(function() {
  1926.       \$t.find(\".tabbordion-tabs\").append(
  1927.         \"<li aria-selected=false aria-controls='\" +
  1928.           tabID +
  1929.           \"'\" +
  1930.           \"><button>\" +
  1931.           tabTitle +
  1932.           \"</button></li>\"
  1933.       );
  1934.     });
  1935.   });
  1936.   \$(function() {
  1937.     \$t.find(\".tabbordion-item\").each(function() {
  1938.       let ariaID = \$(this)
  1939.         .find(\".tabbordion-item-header\")
  1940.         .attr(\"aria-controls\");
  1941.       \$(this).addClass(ariaID);
  1942.     });
  1943.     \$t.find(\".tabbordion-item-content\").addClass(\"hide-mobile\");
  1944.     \$t.find(\".tabbordion-item:gt(0)\").addClass(\"hide-desktop\");
  1945.     \$t.find(\".tabbordion-tabs li:first\")
  1946.       .addClass(\"active\")
  1947.       .attr(\"aria-selected\", \"true\");
  1948.   });
  1949. });
  1950. //Accordion mode
  1951. \$(function() {
  1952.   \$(\".tabbordion-item-header\").on(\"click\", function() {
  1953.     \$(this)
  1954.       .next(\".tabbordion-item-content\")
  1955.       .toggleClass(\"hide-mobile\");
  1956.     if (\$(this).attr(\"aria-selected\") == \"true\") {
  1957.       \$(this).attr(\"aria-selected\", false);
  1958.     } else {
  1959.       \$(this).attr(\"aria-selected\", true);
  1960.     }
  1961.   });
  1962. });
  1964. //Tab mode
  1965. \$(function() {
  1966.   \$(\".tabbordion-tabs li\").on(\"click\", function() {
  1967.     let tabToOpen = \$(this).attr(\"aria-controls\"),
  1968.       thisAccordion = \$(this).parents(\".tabbordion\");
  1969.     if (\$(this).attr(\"aria-selected\") == \"false\") {
  1970.       thisAccordion.find(\"[aria-selected='true']\").attr(\"aria-selected\", false);
  1971.       thisAccordion.find(\".tabbordion-item\").addClass(\"hide-desktop\");
  1972.       \$(this).attr(\"aria-selected\", true);
  1973.       thisAccordion.find(\".\" + tabToOpen).removeClass(\"hide-desktop\");
  1974.     }
  1975.   });
  1976. });
  1977. {# ---------------------------------------- Fin ---------------------------------------- #}
  1979. \tvar swiperFade = new Swiper(\".swiperFade\", {
  1980. \tloop: true,
  1981. \teffect: 'fade',
  1982. \tnavigation: {
  1983. \t  nextEl: \".swiper-button-next\",
  1984. \t  prevEl: \".swiper-button-prev\"
  1985. \t},
  1986. \tpagination: {
  1987. \t  el: \".swiper-pagination\",
  1988. \t},
  1989. \t});
  1991. \tvar swiperVertical = new Swiper(\".swiperVertical\", {
  1992. \t  loop: true,
  1993. \t  effect: 'fade',
  1994. \t  direction: \"vertical\",
  1995. \t  pagination: {
  1996. \t    el: \".swiper-pagination\",
  1997. \t    clickable: true,
  1998. \t  }
  1999. \t});
  2001. \tvar swiperEffect = new Swiper(\".swiperEffect\", {
  2002. \t  loop: true,
  2003. \t  effect: \"cards\",
  2004. \t  grabCursor: true,
  2005. \t  navigation: {
  2006. \t    nextEl: \".swiper-button-next\",
  2007. \t    prevEl: \".swiper-button-prev\"
  2008. \t  },
  2009. \t  pagination: {
  2010. \t    el: \".swiper-pagination\",
  2011. \t  },
  2012. \t});
  2013. </script>
  2014. {# {% endif %} #}
  2017. {# <section> #}
  2018. \t
  2019. {# </section> #}
  2022.   {# <div class=\"container\" data-aos=\"fade-up\">
  2024.   <div class=\"row mt-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">
  2025.     {% for service in liste_service %}
  2026.     <div class=\"col-lg-4 col-md-6 mb-3\">
  2027.         <div class=\"service-item  position-relative\">
  2028.           <div class=\"icon\">
  2029.             <i class=\"bi bi-activity\"></i>
  2030.           </div>
  2031.         <h3>{{ service.name }}</h3>
  2032.         <p>{{ service.description }}</p>
  2033.         <a href=\"#\" class=\"readmore stretched-link\">En savoir plus <i class=\"bi bi-arrow-right\"></i></a>
  2034.       </div>
  2035.     </div><!-- End Service Item -->
  2036.     {% endfor %}
  2037.   </div>
  2039.   </div> #}
  2040. {# </section> #}
  2041. <!-- /more event -->
  2043. {% endblock %}
  2045. {% block javascripttemplate %}
  2047. {% endblock %}", "Theme/Produit/Service/Service/listeservice.html.twig", "/home/syscofie/public_html/syscofie/templates/Theme/Produit/Service/Service/listeservice.html.twig");
  2048.     }
  2049. }