1. <?php
3. use Twig\Environment;
4. use Twig\Error\LoaderError;
5. use Twig\Error\RuntimeError;
6. use Twig\Extension\SandboxExtension;
7. use Twig\Markup;
8. use Twig\Sandbox\SecurityError;
9. use Twig\Sandbox\SecurityNotAllowedTagError;
10. use Twig\Sandbox\SecurityNotAllowedFilterError;
11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
12. use Twig\Source;
13. use Twig\Template;
15. /* @Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig */
16. class __TwigTemplate_818c4250355f0f350b9742d44abddf77 extends Template
17. {
18.     private $source;
19.     private $macros = [];
21.     public function __construct(Environment $env)
22.     {
23.         parent::__construct($env);
25.         $this->source = $this->getSourceContext();
27.         $this->blocks = [
28.             'body' => [$this, 'block_body'],
29.             'javascripts' => [$this, 'block_javascripts'],
30.         ];
31.     }
33.     protected function doGetParent(array $context)
34.     {
35.         // line 1
36.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig";
37.     }
39.     protected function doDisplay(array $context, array $blocks = [])
40.     {
41.         $macros = $this->macros;
42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig"));
45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig"));
48.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig", 1);
49.         $this->parent->display($context, array_merge($this->blocks, $blocks));
50.         
51.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
53.         
54.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
56.     }
58.     // line 3
59.     public function block_body($context, array $blocks = [])
60.     {
61.         $macros = $this->macros;
62.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
65.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
68.         // line 4
69.         echo "    <link rel=\"shortcut icon\" href=\"";
70.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/images/logo-black.png"), "html", null, true);
71.         echo "\" />
72.     <link href=\"https://fonts.cdnfonts.com/css/montserrat\" rel=\"stylesheet\">
73.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">
74.     <link rel=\"stylesheet\" href=\"https://unpkg.com/flickity@2/dist/flickity.min.css\">
75.  <style>
76.  
78. .cardsMobile {
79.        display: none;
80. }
81. .cardsDesktop {
82.        display: block;
83. }
84.  
85. \t        .img-container{
86.             padding-top:12px;
87.         }
88.         .img-bureaux{
89.             object-fit:cover;
90.             width:100%;
91.             height:100%;
92.         }
93.         
94.      
95.         
96.         .block-bureaux{
97.             width:270px; 
98.             height:140px; 
99.             background-image:url('themes/coworking/front/images/Screenshot__30__1-removebg-preview 3.png');
100.             background-position:bottom; 
101.             background-repeat:no-repeat; 
102.             background-size:40%;
103.         }
104.         .block-bureaux img{
105.             width:70%;
106.         }
107.         .block-bureaux p{
108.             font-family:'Lato', sans-serif;
109.             font-weight: 600; 
110.             letter-spacing:8px; 
111.             text-transform: uppercase; 
112.             font-size: 13px;
113.              
114.         }
116.         select:required:invalid {
117.            color: #666;
118.            background-color:rgba(232, 232, 234, 1);
119.         }
120.         option[value=\"\"][disabled] {
121.             display: none;
122.         }
123.         option {
124.             color: #000;
125.             
126.         }
127.         .image-for-brx{
128.             z-index:0; 
129.             margin-left:-50px; 
130.         }
131.         .text-for-brx{
132.             z-index:1; 
133.             padding:27px 30px 30px 40px; 
134.             margin-left:70px; 
135.             background-color:white; 
136.             filter:drop-shadow(0 12px 33px rgba(0, 0, 0, 0.05));
137.         }
139.         .card-brx{
140.             padding: 18px 5px 18px 5px;
141.         }
142.     
143.         @media(max-width:991px){
144.             .text-for-brx{
145.                 margin-left:0; 
146.             }
147.             .image-for-brx{
148.                 margin:auto;
149.             }
150.         }
151.         @media only screen and (max-width: 1200px) {
152.             .img-container{
153.                 height:70vh;
154.                 width:100%;
155.                 padding:0;
156.             }
157.             
158.             .block-bureaux{
159.                 width:220px;
160.                 height:130px;
161.                 display:none;
162.             }
163.             .block-bureaux img{
164.                 width:60%;
165.             }
166.             .block-bureaux p{
167.                 font-size:10px;
168.             }
169.         }
170.         
171.         button.btn.btn-formulaire {
172.             background: #FCD46B;
173.             color: white;
174.             font-weight: 500;
175.             border-radius: 0px;
176.             text-transform: uppercase;
177.             font-size: 13px;
178.             padding-left: 20px;
179.             padding-right: 25px;
180.         }
181.         
182.         button.btn.btn-formulaire:hover{
183.              background: #ffffff40;
184.         }
185.         button.btn.btn-date {
186.             background: #ffffff40;
187.             border: 1px solid white;
188.             color: white;
189.             font-weight: 500;
190.             border-radius: 0px;
191.             text-transform: uppercase;
192.             font-size: 13px;
193.            
194.         }
195.         
196.           button.btn.btn-date:hover{
197.             background: #ffd86e;
198.         }
200.        
201.        
202.           .divMobile{
203.             display:none;
204.         }
205.         
206.             .container.mobile-version{
207.                 display: none;
208.             }
209.         
210.             @media (max-width:767px) {
211.                 
212.                 .container.laptop-version {
213.                     display: none;
214.                 }
215.                 .container.mobile-version{
216.                     display: block !important;
217.                 }
218.                 html, body {
219.                   overflow-x: hidden  !important;
220.                 }
221.                 body {
222.                   position: relative !important;
223.                 }
224.              .bureaux-desc{
225.                 display:flex;
226.                 justify-content: center; 
227.              }
228.              .btn-res{
229.                 margin-top: 10px;
230.              }
231.              /*img-fluid w-100 object-fit-cover{*/
232.              /*    display:none;*/
233.              /*}*/
234.              
235.                 .image-section{
236.             display:inline;
237.         }
238.              .image-for-brx{
239.                 margin:auto;
240.             }
241.             .text-for-brx{
242.                 margin-left:0; 
243.             }
244.             
245.             .w-75 {
246.                 width:100% !important;
247.             }
248.             
249.         .divDesktop{
250.             display:none;
251.         } 
252.         .divMobile{
253.             display:block;
254.         }
255.         
256.         .cardsMobile {
257.        display: block;
258.         }
259.         
260.          .cardsDesktop {
261.        display: none;
262.         }
263.         
264.         .flip-card-inner {
265.    
266.             width: 170px;
267.             height: 170px;
268.         }
269.         
270.         button.btn.btn-formulaire {
271.             background: #FCD46B;
272.             color: white;
273.             font-weight: 500;
274.             border-radius: 0px;
275.             text-transform: uppercase;
276.             font-size: 13px;
277.             padding-left: 20px;
278.             padding-right: 25px;
279.             position: relative;
280.             top: -55px;
281.         }
282.       
283.       .w-50{
284.           width:80% !important;
285.       }
286.       iframe{
287.           width:100% !important;
288.           /*margin-right: 0px;*/
289.           /*margin-left: -20px;*/
290.       }
291.       
292.       .p-5 {
293.           padding: 0rem!important;
294.       }
295.       .gmap_canvas{
296.         width: 322px !important;
297. }
298.       }
299.    
301.         
302.         
303.     
304.     /* GRID SYSTEM - CSS */
307. @font-face {
308.   
309.   src: url(/public/fonts/DidactGothic-Regular.ttf);
310. }
312. .textPatchword{
313.   /**/
314.   font-family: \"Montserrat\", Sans-serif;
315. }
316. /* Grid System: Settings */
317. .grid-settings {
318.   position: fixed; 
319.   width: 200px;
320.   top: 80px;
321.   right: 20px; 
322.   z-index: 9999; 
323. }
325. /* Grid System: Grids */
326. .grid-system {
327.   text-align: center;
328.   position: fixed;
329.   right: 0;
330.   left: 0; 
331.   margin-right: auto;
332.   margin-left: auto;
333.   height: 100vh;
334.   z-index: 1;
335.   visibility: visible;
336. }
337. .grid-system div[class^=\"col-\"] {
338.     border-left: 1px dotted rgba(0, 0, 0, 0.2);
339.     height: 100vh;
340. }
341. .grid-system div[class^=\"col-\"]:last-child {
342.     border-right: 1px dotted rgba(0, 0, 0, 0.2);
343. }
344. .grid-system .col-div {
345.     background-color: rgba(0, 0, 0, 0.025);
346.     border: none !important; 
347.     padding-top: 15px; 
348.     color: rgba(0, 0, 0, 0.3);
349. }
351. /* Grid System: Light Theme */
352. .grid-system.light .col-div { 
353.   background-color: rgba(255, 255, 255, 0.025); 
354.   color: rgba(255, 255, 255, 0.3);
355. }
356. .grid-system.light div[class^=\"col-\"], 
357. .grid-system.light div[class^=\"col-\"]:last-child { 
358.   border-color: rgba(255, 255, 255, 0.2);
359. }
361. /* FOR DEMO PURPOSES ONLY: */
362. .bg-dark h1, .bg-dark h2 {
363.   color: #fff;
364. }
365. .bg-dark p {
366.   color: rgba(255, 255, 255, .5);
367. }
368. .grid-settings .card-body p {
369.   color: #212529;;
370. }
371.     
372.  main{
373.  /* background: #F6F4FE;*/
374.       /*background: linear-gradient(#F6F4FE, #908f91);*/
375.       /*background: linear-gradient(90deg, rgb(227 227 227) 0%, rgba(120,90,157,1) 53%, rgb(77 45 105) 100%);*/
376.      
377.  background-image: url(/public/images/fond.png);
378.  background-size: cover;*/
379.     background-repeat: no-repeat;
380. }
381.  main{
382.  /* background: #F6F4FE;*/
383.   padding-top: 1.5%;
384.    padding-bottom: 2%;
385.   
386. }
389. .fa-linkedin{
390.   color: #1565C0;
391.   font-size: 30px;
392.  /* float:right; */
393. }
394. .btn-light{
395.     background: white;
396.     border-radius: 54px;
397.     padding: 15px 30px;
398.     width: 200px;
399.     font-weight: 500;
400. }
402. #divBg {    
403.    
404.      background-position: right 5% bottom 50%;
405.   /*background-image: url(/public/images/bgBackground.png);*/
406.       background-size: cover;
407.      /* position: absolute;*/
408.       top: 0px;
409.       right: 0px;
410.       bottom: 0px;
411.      
412. }
418. .Img{
419.  width:600px;
420.  height:200px;
421. }
422. .logo{
423.    width: 30%;
424. }
427.  .btn-light{
428.    position: relative;
429.     top: 100%;
430. }
431. @media only screen and (max-width: 600px) {
432.   .btn-light{
433.     background: white;
434.     border-radius: 54px;
435.     padding: 15px 1px;
436.     width: 150px;
437.     font-weight: 500;
438. }
439. .Img{
440.     width:100%;
441. }
442. .logo{
443.     width:40%;
444. }
445. .btn-light{
446.    position: relative;
447.     top:0;
448. }
449.  
450. }
452.  @import url('https://fonts.cdnfonts.com/css/montserrat');
453.  @import url('https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.1/demo/css/montserrat-bold.ttf'); 
454.  
455.  p,button{  font-family: 'Montserrat', sans-serif;
456. }
457.  
458. h1{  
459.     font-family: 'Montserrat', sans-serif;
460.     font-weight: 800;
461. }
463.  
464. /* css For whatsap**/
466. .wrapperX {
467.   display: flex;
468.   justify-content: space-between;
469.   align-items: flex-start;
470.   margin: auto;
471.   max-width: 800px;
472. }
476. .titlePourQuoi:after {
477.     content: '';
478.     display: block;
479.     width: 40px;
480.     height: 5px;
481.     background: #c6c9ce;
482.     margin: 0;
483.     margin-top: 15px;
484.     border-radius: 3px;
485.     
486. }
488. .bloc-text-a-propos-right {
489.   position: relative;
490.   right: 30px;
491.   height: 185px;
492. }
496. /*.flip-card {*/
497. /*  background-color: transparent;*/
498. /*  width: 300px;*/
499. /*  height: 300px;*/
500. /*  perspective: 1000px;*/
501. /*}*/
503. /*.flip-card-inner {*/
504. /*  position: relative;*/
505. /*  width: 270px;*/
506. /*  height: 215px;*/
507. /*  text-align: center;*/
508. /*  transition: transform 0.6s;*/
509. /*  transform-style: preserve-3d;*/
510. /*  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
511. /*  backface-visibility: hidden;*/
512. /*  -moz-backface-visibility: hidden;*/
513. /*}*/
515. /*.flip-card:focus {*/
516. /*    outline: 0;*/
517. /*}*/
519. /*.flip-card:hover .flip-card-inner,*/
520. /*.flip-card:focus .flip-card-inner{*/
521. /*  transform: rotateY(180deg);*/
522. /*}*/
524. /*.flip-card-front,*/
525. /*.flip-card-back {*/
526. /*  position: absolute;*/
527. /*  width: 100%;*/
528. /*  height: 100%;*/
529. /*}*/
531. /*.flip-card-front {*/
532. /*  background-color: rgba(255, 255, 255, 1);*/
533. /*  color: black;*/
534. /*  z-index: 2;*/
535.   /*display: flex;*/
536. /*  justify-content: center;*/
537. /*  align-items: center;*/
538. /*}*/
540. /*.flip-card-back {*/
541. /*    background-color: rgba(255, 255, 255, 1); */
542. /*      color: white;*/
543. /*      transform: rotateY(180deg);*/
544. /*      z-index: 1;*/
545.       /*display: flex;*/
546. /*      justify-content: center;*/
547. /*      align-items: center;*/
548. /*       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
549. /*}*/
553.  @media (max-width:767px) {
554.         
555.         .flip-card-inner {
556.    
557.             width: 170px !important;
558.             height: 240px!important;
559.         }
560.         
561.         .flip-card {
562.        
563.         height: 250px;
564.        
565.         }
566.    
567.       }
568.       
569.       
573. /***/
576. .flip-card {
577.   background-color: transparent;
578.   width: 300px;
579.   height: 300px;
580.   perspective: 1000px;
581. }
583. .flip-card-inner {
584.   position: relative;
585.   width: 100%;
586.   height: 100%;
587.   text-align: center;
588.   transition: transform 0.6s;
589.   transform-style: preserve-3d;
590.   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
591. }
593. .flip-card:hover .flip-card-inner {
594.   transform: rotateY(180deg);
595. }
597. .flip-card-front, .flip-card-back {
598.   position: absolute;
599.   width: 100%;
600.   height: 100%;
601.   -webkit-backface-visibility: hidden;
602.   backface-visibility: hidden;
603. }
605. .flip-card-front {
606.   background-color: rgba(255, 255, 255, 1);
607.   color: black;
608. }
610. .flip-card-back {
611.   background-color: #ffffff;
612.   color: white;
613.   transform: rotateY(180deg);
614. }
616. /** début carousel */
617.     
618.   
619. #cCarousel {
620.   position: relative;
621.   max-width: 1300px;
622.   margin: auto;
623. }
625. #cCarousel .arrow {
626.   position: absolute;
627.   top: 50%;
628.   display: flex;
629.   width: 45px;
630.   height: 45px;
631.   justify-content: center;
632.   align-items: center;
633.   border-radius: 50%;
634.   z-index: 1;
635.   font-size: 26px;
636.   color: white;
637.   background: #00000072;
638.   cursor: pointer;
639. }
641. #cCarousel #prev {
642.   left: 0px;
643. }
645. #cCarousel #next {
646.   right: 0px;
647. }
649. #carousel-vp {
650.   width: 940px;
651.   height: 500px;
652.   display: flex;
653.   align-items: center;
654.   position: relative;
655.   overflow: hidden;
656.   margin: auto;
657. }
659. @media (max-width: 770px) {
660.   #carousel-vp {
661.     width: 510px;
662.   }
663. }
665. @media (max-width: 510px) {
666.   #carousel-vp {
667.     width: 250px;
668.   }
669. }
671. #cCarousel #cCarousel-inner {
672.   display: flex;
673.   position: absolute;
674.   transition: 0.3s ease-in-out;
675.   gap: 40px;
676.   left: 0px;
677. }
679. .cCarousel-item {
680.   width: 280px;
681.   /*height: 365px;*/
682.   border: 2px solid white;
683.   border-radius: 15px;
684.   overflow: hidden;
685.   display: flex;
686.   flex-direction: column;
687. }
689. .cCarousel-item img {
690.   width: 100%;
691.   object-fit: cover;
692.   min-height: 246px;
693.   color: white;
694. }
696. .cCarousel-item .infos {
697.   height: 100%;
698.   display: flex;
699.   flex-direction: column;
700.   align-items: center;
701.   justify-content: space-around;
702.   background: white;
703.   color: black;
704. }
706. .cCarousel-item .infos button {
707.   background: #222;
708.   padding: 10px 30px;
709.   border-radius: 15px;
710.   color: white;
711.   font-size: 1rem;
712.   font-weight: bold;
713.   cursor: pointer;
714. }
715. article.cCarousel-item{
716.     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
717.     padding: 4px;
718. }
720.     .lire-suite{
721.         color: black;
722.         text-decoration: underline;
723.         font-weight: 600;
724.     }
726. .custom-hr {
727.       width: 30px;
728.       border: 0;
729.       border-top: 2px solid black; 
730.       margin: 10px auto; /* Center align the hr */
731.     }
732.  
733.         /* General Styling */
736.  @keyframes scroll {
737. \t 0% {
738. \t\t transform: translateX(0);
739. \t}
740. \t 100% {
741. \t\t transform: translateX(calc(-250px * 7));
742. \t}
743. }
744.  .slider {
745. \t background: white;
746. \t box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
747. \t height: 100px;
748. \t margin: auto;
749. \t overflow: hidden;
750. \t position: relative;
751.     width: 100%;
752. }
753.  .slider::before, .slider::after {
754. \t background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
755. \t content: \"\";
756. \t height: 100px;
757. \t position: absolute;
758. \t width: 200px;
759. \t z-index: 2;
760. }
761.  .slider::after {
762. \t right: 0;
763. \t top: 0;
764. \t transform: rotateZ(180deg);
765. }
766.  .slider::before {
767. \t left: 0;
768. \t top: 0;
769. }
770.  .slider .slide-track {
771. \t animation: scroll 25s linear infinite;
772. \t display: flex;
773. \t width: calc(250px * 14);
774. }
775.  .slider .slide {
776. \t height: 100px;
777. \t width: 250px;
778. }
780. /***/
781. /* external css: flickity.css */
783. * {
784.   -webkit-box-sizing: border-box;
785.   box-sizing: border-box;
786. }
788. body { font-family: sans-serif; }
790. .gallery {
791.   background: #EEE;
792. }
794. .gallery-cell {
795.   width: 350px;
796.   height: 200px;
797.   margin-right: 10px;
798.   /*background: #8C8;*/
799.   /*counter-increment: gallery-cell;*/
800. }
802. /* cell number */
803. .gallery-cell:before {
804.   display: block;
805.   text-align: center;
806.   /*content: counter(gallery-cell);*/
807.   line-height: 200px;
808.   font-size: 80px;
809.   color: white;
810. }
814. .flickity-enabled.is-draggable .flickity-viewport {
816.     height: 270PX !important;
817. }
818. .flickity-page-dots{
819.     display:none;
820. }
821. .fw-light p {
822.    margin: 0px 0 0 0;
823. }
825.  .divReuninonWeb{
826.                 
827.                  background-image: url('";
828.         // line 760
829.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/picSalleReunion22.png"), "html", null, true);
830.         echo "');
831.                background-repeat: no-repeat;
832.     background-size: 100% 100%;
833.     height: 405px;
834.             }
835. </style>
837. \t  <div class=\"row divDesktop\">
838.       <div class=\"col-sm-4\" style=\"background-image:url(";
839.         // line 768
840.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/pictureBureaux2.png"), "html", null, true);
841.         echo ");background-repeat: no-repeat;background-size: 100% 100%;height: 405px;\">
842.       
843.     \t\t\t\t\t    \t<a href=\"";
844.         // line 770
845.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationbureaux");
846.         echo "\" style=\"position: absolute;bottom: 20px;left: 40%;\">
847.             \t\t\t\t\t\t<button class=\"btn btn-formulaire\">
848.             \t\t\t\t\t\t";
849.         // line 772
850.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("RÉSERVER", [], "front"), "html", null, true);
851.         echo "\t
852.             \t\t\t\t\t\t</button>
853.     \t\t\t\t\t\t</a>
854.     \t\t\t\t
855.       </div>
856.      <div class=\"col-sm-4 divReuninonWeb\" >
857.       \t
858.     \t\t\t\t\t    \t<a href=\"";
859.         // line 779
860.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationsallereuninon");
861.         echo "\" style=\"position: absolute;bottom: 20px;left: 40%;\">
862.             \t\t\t\t\t\t<button class=\"btn btn-formulaire\" >
863.             \t\t\t\t\t\t";
864.         // line 781
865.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("RÉSERVER", [], "front"), "html", null, true);
866.         echo "
867.             \t\t\t\t\t\t</button>
868.     \t\t\t\t\t\t</a>
869.     \t\t\t\t
870.       </div>
871.       ";
872.         // line 787
873.         echo "      
874.     \t\t";
875.         // line 789
876.         echo "      ";
877.         // line 790
878.         echo "      ";
879.         // line 791
880.         echo "      ";
881.         // line 792
882.         echo "    \t\t";
883.         // line 793
884.         echo "    \t\t\t\t
885.       ";
886.         // line 795
887.         echo "      <div class=\"col-sm-4\" style=\"background-image:url(";
888.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/picFreework2.png"), "html", null, true);
889.         echo ");background-repeat: no-repeat;background-size: 100% 100%;height:  405px;\">
890.       
891.     \t\t\t\t\t    \t<a href=\"";
892.         // line 797
893.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationfreework");
894.         echo "\" style=\"position: absolute;bottom: 20px;left: 40%;\">
895.             \t\t\t\t\t\t<button class=\"btn btn-formulaire\">
896.             \t\t\t\t\t\t";
897.         // line 799
898.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("RÉSERVER", [], "front"), "html", null, true);
899.         echo "
900.             \t\t\t\t\t\t</button>
901.     \t\t\t\t\t\t</a>
902.     \t\t\t\t
903.       </div>
908. </div>
909.   \t<div class=\"divMobile\">
910. \t        <div>
911.                 <div class=\"col-md-12\"  id=\"divImagesHeaderMobile\" style=\"padding: 0px;\">
912.                     
913.                     
914.                       <div class=\"d-flex align-items-center justify-content-center\" style=\"background-image:url(";
915.         // line 814
916.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/picBureax2Mobile.png"), "html", null, true);
917.         echo ");height:215px;background-size: 100% 100%;\">
918.                           
919.                          
921.                        
922.                          <a href=\"";
923.         // line 819
924.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationbureaux");
925.         echo "\" class=\"btn btn-formulaire\"  
926.                      style=\"
927.                             background: #FCD46B;
928.                             color: white;
929.                             font-weight: 500;
930.                             border-radius: 0px;
931.                             text-transform: uppercase;
932.                             font-size: 13px;
933.                             padding-left: 26px;
934.                             padding-right: 26px;
935.                             position: relative;
936.                             bottom: -70px;\">
937.                          RÉSERVER
938.                          </a>
939.                     </div>
940.                    
941.                     
942.                     
943.                     
944.                        <div class=\"d-flex align-items-center justify-content-center\"  style=\"background-image:url(";
945.         // line 838
946.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/pictureSalleReunino2Mobile.png"), "html", null, true);
947.         echo ");height:215px;background-size: 100% 100%;\">
948.                       ";
949.         // line 840
950.         echo "                      ";
951.         // line 841
952.         echo "
954.                            <a href=\"";
955.         // line 843
956.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationsallereuninon");
957.         echo "\"  class=\"btn btn-formulaire\"  style=\"
958.                             background: #FCD46B;
959.                             color: white;
960.                             font-weight: 500;
961.                             border-radius: 0px;
962.                             text-transform: uppercase;
963.                             font-size: 13px;
964.                             padding-left: 26px;
965.                             padding-right: 26px;
966.                             position: relative;
967.                             bottom: -70px;\">RÉSERVER</a>
968.                     </div>
969.                    
970.                     
971.                     
972.                        <div class=\"d-flex align-items-center justify-content-center\"  style=\"background-image:url(";
973.         // line 858
974.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/picFree2Mobile.png"), "html", null, true);
975.         echo ");height:215px;background-size: 100% 100%;\">
976.                      
977.                          <a href=\"";
978.         // line 860
979.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationfreework");
980.         echo "\"   class=\"btn btn-formulaire\" style=\"
981.                             background: #FCD46B;
982.                             color: white;
983.                             font-weight: 500;
984.                             border-radius: 0px;
985.                             text-transform: uppercase;
986.                             font-size: 13px;
987.                             padding-left: 26px;
988.                             padding-right: 26px;
989.                             position: relative;
990.                            bottom: -70px;\">RÉSERVER</a>
991.                     </div>
992.                  
993.                   
994.                 </div>
995.                 
996.             </div>
997.         </div>
999.   
1000.   
1001.   
1002.   
1003.     <div class=\"container\" style=\"margin-top:93px;\" id=\"a-propos\">
1004.                     <div class=\"row\">
1005.                 \t     <div class=\"col-lg-12\" style=\"display: flex;background: #fbf9ed;padding: 30px;\">
1006.             \t\t\t
1007.             \t\t\t\t<div class=\"col-lg-12\">
1008.             \t\t\t\t\t<div>
1009.             \t\t\t\t\t <h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\" class=\"titlePourQuoi\"> ";
1010.         // line 889
1011.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 889, $this->source); })()), "firstTitleSection", [], "any", false, false, false, 889), "html", null, true);
1012.         echo " </h1>
1013.             \t\t\t\t\t
1014.             \t\t\t\t\t\t<div>
1015.             \t\t\t\t\t\t\t<i>
1016.             \t\t\t\t\t\t\t\t<p class=\"font-italic p-3\" style=\"font-size:13px;\">
1017.             \t\t\t\t\t\t\t    ";
1018.         // line 894
1019.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 894, $this->source); })()), "firstTextSection", [], "any", false, false, false, 894);
1020.         echo "  
1021.                             \t</i>
1022.             \t\t\t\t\t\t</div>
1023.             \t\t\t\t\t</div>
1024.     </div>
1025. \t\t
1026.                         \t    \t\t 
1027.                 </div>
1028. \t\t\t        </div>
1029. \t\t        </div>
1030.   
1032.    <!-- Flickity HTML init -->
1033.     <div class=\"gallery js-flickity\" data-flickity-options='{ \"wrapAround\": true,\"autoPlay\": 1700 }' style=\"margin-top: 5%;\">
1034.         ";
1035.         // line 908
1036.         $context['_parent'] = $context;
1037.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 908, $this->source); })()), "gallerieHomes", [], "any", false, false, false, 908));
1038.         foreach ($context['_seq'] as $context["_key"] => $context["gallery"]) {
1039.             // line 909
1040.             echo "              <div class=\"gallery-cell\">
1041.                   \t<img loading=\"lazy\"  src=\"uploads/coworking/";
1042.             // line 910
1043.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["gallery"], "path", [], "any", false, false, false, 910), "html", null, true);
1044.             echo "\" width=\"100%\" alt=\"\" />
1045.               </div>
1046.     \t";
1047.         }
1048.         $_parent = $context['_parent'];
1049.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['gallery'], $context['_parent'], $context['loop']);
1050.         $context = array_intersect_key($context, $_parent) + $_parent;
1051.         // line 913
1052.         echo "    </div>
1055.   
1056. \t\t<div class=\"container-fluid\" style=\"margin-top:93px;\" id=\"nos-atouts\">
1057. \t    \t";
1058.         // line 919
1059.         echo "\t    \t<div class=\"text-center\" style=\"padding-top: 20px;\">
1060. \t\t\t\t\t<h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\">";
1061.         // line 920
1062.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 920, $this->source); })()), "secondTitleSection", [], "any", false, false, false, 920);
1063.         echo " </h1>
1064. \t\t\t\t</div>
1065. \t  
1066. \t\t\t
1068. \t\t\t</div>
1070.  
1071. \t
1072.     <div class=\"container-fluid pb-3 cardsDesktop\">
1073. \t\t<div class=\"row gy-3 gx-0 m-auto\">
1074. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1075. \t\t\t    
1076. \t\t\t    
1077. \t\t\t    
1078. \t\t\t    
1079. \t\t\t    
1080. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1081.                   <div class=\"flip-card-inner\" >
1082.                     <div class=\"flip-card-front\">
1083.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_247.png\">
1084.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1085.     \t\t\t\t\t    ";
1086.         // line 942
1087.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 942, $this->source); })()), "textCard1", [], "any", false, false, false, 942), "html", null, true);
1088.         echo " 
1089.     \t\t\t\t\t</p>
1090.                     </div>
1091.                    
1092.                     <div class=\"flip-card-back\" style=\"transform: rotateX(360deg) !important;\">
1093.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_247.png\">
1094.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1095. \t\t\t\t\t     ";
1096.         // line 949
1097.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 949, $this->source); })()), "textFlipCard1", [], "any", false, false, false, 949);
1098.         echo " 
1099. \t\t\t\t\t</p>
1100.                     </div>
1101.                   </div>
1102.                 </div>
1103. \t\t\t</div>
1104. \t\t\t
1105. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1106. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1107.                   <div class=\"flip-card-inner\" >
1108.                     <div class=\"flip-card-front\" >
1109.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
1110.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1111.     \t\t\t\t\t     ";
1112.         // line 962
1113.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 962, $this->source); })()), "textCard2", [], "any", false, false, false, 962), "html", null, true);
1114.         echo "
1117.     \t\t\t\t\t</p>
1118.                     </div>
1119.                    
1120.                     <div class=\"flip-card-back\">
1121.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
1122.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1123. \t\t\t\t\t  
1124.                             ";
1125.         // line 972
1126.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 972, $this->source); })()), "textFlipCard2", [], "any", false, false, false, 972);
1127.         echo "
1128. \t\t\t\t\t</p>
1129.                     </div>
1130.                   </div>
1131.                 </div>
1132. \t\t\t</div>
1133. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1134. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1135.                   <div class=\"flip-card-inner\" >
1136.                     <div class=\"flip-card-front\" >
1137.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_NAPROOM.png\">
1138.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1139.     \t\t\t\t\t 
1140.                              ";
1141.         // line 985
1142.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 985, $this->source); })()), "textCard3", [], "any", false, false, false, 985), "html", null, true);
1143.         echo "
1145.     \t\t\t\t\t</p>
1146.                     </div>
1147.                    
1148.                     <div class=\"flip-card-back\">
1149.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_NAPROOM.png\">
1150.                         
1151.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1152. \t\t\t\t\t        ";
1153.         // line 994
1154.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 994, $this->source); })()), "textFlipCard3", [], "any", false, false, false, 994);
1155.         echo "
1156. \t\t\t\t\t</p>
1157.                     </div>
1158.                   </div>
1159.                 </div>
1160. \t\t\t</div>
1161. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1162. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1163.                   <div class=\"flip-card-inner\" >
1164.                     <div class=\"flip-card-front\">
1165.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_PARKING.png\">
1166.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1167.     \t\t\t\t\t   ";
1168.         // line 1006
1169.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1006, $this->source); })()), "textCard4", [], "any", false, false, false, 1006), "html", null, true);
1170.         echo "
1171.     \t\t\t\t\t</p>
1172.                     </div>
1173.                    
1174.                     <div class=\"flip-card-back\">
1175.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_PARKING.png\">
1176.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1177. \t\t\t\t\t     ";
1178.         // line 1013
1179.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1013, $this->source); })()), "textFlipCard4", [], "any", false, false, false, 1013);
1180.         echo "
1181. \t\t\t\t\t</p>
1182.                     </div>
1183.                   </div>
1184.                 </div>
1185. \t\t\t</div>
1186. \t\t</div>
1188. \t</div>
1189. \t<div class=\"container-fluid pb-3 cardsDesktop\">
1190. \t\t<div class=\"row gy-3 gx-0 m-auto\">
1191. \t\t  <div class=\"col-12 col-sm-6 col-md-3 text-center \">
1192. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1193.                   <div class=\"flip-card-inner\" >
1194.                       
1195.                     <div class=\"flip-card-front\" >
1196.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_FITNESS.png\">
1197.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1198.     \t\t\t\t  ";
1199.         // line 1031
1200.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1031, $this->source); })()), "textCard5", [], "any", false, false, false, 1031), "html", null, true);
1201.         echo "
1202.     \t\t\t\t\t</p>
1203.                     </div>
1204.                    
1205.                     <div class=\"flip-card-back\">
1206.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_FITNESS.png\">
1207.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1208. \t\t\t\t\t    ";
1209.         // line 1038
1210.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1038, $this->source); })()), "textFlipCard5", [], "any", false, false, false, 1038);
1211.         echo "
1212. \t\t\t\t\t</p>
1213.                     </div>
1214.                   </div>
1215.                 </div>
1216. \t\t\t</div>
1217. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1218. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1219.                   <div class=\"flip-card-inner\" >
1220.                     <div class=\"flip-card-front\" >
1221.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
1222.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1223.     \t\t\t\t\t     ";
1224.         // line 1050
1225.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1050, $this->source); })()), "textCard6", [], "any", false, false, false, 1050), "html", null, true);
1226.         echo "
1227.     \t\t\t\t\t</p>
1228.                     </div>
1229.                    
1230.                     <div class=\"flip-card-back\">
1231.                       <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
1232.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1233.     \t\t\t\t\t  ";
1234.         // line 1057
1235.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1057, $this->source); })()), "textFlipCard6", [], "any", false, false, false, 1057);
1236.         echo "
1237.     \t\t\t\t\t</p>
1238.                     </div>
1239.                   </div>
1240.                 </div>
1241. \t\t\t</div>
1242. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1243. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1244.                   <div class=\"flip-card-inner\" >
1245.                       
1246.                     <div class=\"flip-card-front\">
1247.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_STAND.png\">
1248.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1249.     \t\t\t\t\t ";
1250.         // line 1070
1251.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1070, $this->source); })()), "textCard7", [], "any", false, false, false, 1070), "html", null, true);
1252.         echo "
1253.     \t\t\t\t\t</p>
1254.                     </div>
1255.                    
1256.                     <div class=\"flip-card-back\">
1257.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_STAND.png\">
1258.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1259. \t\t\t\t\t  ";
1260.         // line 1077
1261.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1077, $this->source); })()), "textFlipCard7", [], "any", false, false, false, 1077);
1262.         echo "
1263.             \t</p>
1264.                     </div>
1265.                   </div>
1266.                 </div>
1267. \t\t\t</div>
1268. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
1269. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
1270.                   <div class=\"flip-card-inner\">
1271.                      
1272.                     <div class=\"flip-card-front\" >
1273.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_MASSAGE.png\">
1274.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1275.     \t\t\t\t\t ";
1276.         // line 1090
1277.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1090, $this->source); })()), "textCard8", [], "any", false, false, false, 1090), "html", null, true);
1278.         echo " 
1279.     \t\t\t\t\t</p>
1280.                     </div>
1281.                    
1282.                     <div class=\"flip-card-back\">
1283.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_MASSAGE.png\">
1284.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1285. \t\t\t\t\t     ";
1286.         // line 1097
1287.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1097, $this->source); })()), "textFlipCard8", [], "any", false, false, false, 1097);
1288.         echo "
1289. \t\t\t\t\t</p>
1290.                     </div>
1291.                   </div>
1292.                 </div>
1293. \t\t\t</div>
1294. \t\t\t<!--<div class=\"w-100 d-none d-block \"></div>-->
1295. \t\t\t
1296. \t\t</div>
1298. \t</div>
1300.  ";
1301.         // line 1110
1302.         echo "\t";
1303.         // line 1111
1304.         echo "\t";
1305.         // line 1112
1306.         echo "\t";
1307.         // line 1113
1308.         echo " ";
1309.         // line 1114
1310.         echo " ";
1311.         // line 1115
1312.         echo " ";
1313.         // line 1116
1314.         echo " ";
1315.         // line 1117
1316.         echo " ";
1317.         // line 1118
1318.         echo " ";
1319.         // line 1119
1320.         echo " ";
1321.         // line 1120
1322.         echo "                   
1323.  ";
1324.         // line 1122
1325.         echo " ";
1326.         // line 1123
1327.         echo " ";
1328.         // line 1124
1329.         echo "\t";
1330.         // line 1125
1331.         echo "\t";
1332.         // line 1126
1333.         echo " ";
1334.         // line 1127
1335.         echo " ";
1336.         // line 1128
1337.         echo " ";
1338.         // line 1129
1339.         echo "\t";
1340.         // line 1130
1341.         echo "\t\t\t
1342. \t";
1343.         // line 1132
1344.         echo "\t";
1345.         // line 1133
1346.         echo " ";
1347.         // line 1134
1348.         echo " ";
1349.         // line 1135
1350.         echo " ";
1351.         // line 1136
1352.         echo " ";
1353.         // line 1137
1354.         echo " ";
1355.         // line 1138
1356.         echo "
1358.  ";
1359.         // line 1141
1360.         echo " ";
1361.         // line 1142
1362.         echo "                   
1363.  ";
1364.         // line 1144
1365.         echo " ";
1366.         // line 1145
1367.         echo " ";
1368.         // line 1146
1369.         echo "\t\t\t\t\t  
1370.  ";
1371.         // line 1148
1372.         echo "\t";
1373.         // line 1149
1374.         echo " ";
1375.         // line 1150
1376.         echo " ";
1377.         // line 1151
1378.         echo " ";
1379.         // line 1152
1380.         echo "\t";
1381.         // line 1153
1382.         echo "\t";
1383.         // line 1154
1384.         echo "\t";
1385.         // line 1155
1386.         echo " ";
1387.         // line 1156
1388.         echo " ";
1389.         // line 1157
1390.         echo " ";
1391.         // line 1158
1392.         echo " ";
1393.         // line 1159
1394.         echo "    \t\t\t\t\t 
1395.  ";
1396.         // line 1161
1397.         echo "
1398.  ";
1399.         // line 1163
1400.         echo " ";
1401.         // line 1164
1402.         echo "                   
1403.  ";
1404.         // line 1166
1405.         echo " ";
1406.         // line 1167
1407.         echo "                        
1408.  ";
1409.         // line 1169
1410.         echo "\t";
1411.         // line 1170
1412.         echo "
1414. \t";
1415.         // line 1173
1416.         echo " ";
1417.         // line 1174
1418.         echo " ";
1419.         // line 1175
1420.         echo " ";
1421.         // line 1176
1422.         echo "\t";
1423.         // line 1177
1424.         echo "\t";
1425.         // line 1178
1426.         echo "\t";
1427.         // line 1179
1428.         echo " ";
1429.         // line 1180
1430.         echo " ";
1431.         // line 1181
1432.         echo " ";
1433.         // line 1182
1434.         echo " ";
1435.         // line 1183
1436.         echo " ";
1437.         // line 1184
1438.         echo " ";
1439.         // line 1185
1440.         echo " ";
1441.         // line 1186
1442.         echo "                   
1443.  ";
1444.         // line 1188
1445.         echo " ";
1446.         // line 1189
1447.         echo " ";
1448.         // line 1190
1449.         echo "\t";
1450.         // line 1191
1451.         echo "\t";
1452.         // line 1192
1453.         echo " ";
1454.         // line 1193
1455.         echo " ";
1456.         // line 1194
1457.         echo " ";
1458.         // line 1195
1459.         echo "\t";
1460.         // line 1196
1461.         echo "\t";
1462.         // line 1197
1463.         echo "
1464. \t";
1465.         // line 1199
1466.         echo "\t";
1467.         // line 1200
1468.         echo "\t";
1469.         // line 1201
1470.         echo "\t";
1471.         // line 1202
1472.         echo "\t";
1473.         // line 1203
1474.         echo " ";
1475.         // line 1204
1476.         echo "                      
1477.  ";
1478.         // line 1206
1479.         echo " ";
1480.         // line 1207
1481.         echo " ";
1482.         // line 1208
1483.         echo " ";
1484.         // line 1209
1485.         echo " ";
1486.         // line 1210
1487.         echo " ";
1488.         // line 1211
1489.         echo "                   
1490.  ";
1491.         // line 1213
1492.         echo " ";
1493.         // line 1214
1494.         echo " ";
1495.         // line 1215
1496.         echo "\t";
1497.         // line 1216
1498.         echo "\t";
1499.         // line 1217
1500.         echo " ";
1501.         // line 1218
1502.         echo " ";
1503.         // line 1219
1504.         echo " ";
1505.         // line 1220
1506.         echo "\t";
1507.         // line 1221
1508.         echo "\t";
1509.         // line 1222
1510.         echo "\t";
1511.         // line 1223
1512.         echo " ";
1513.         // line 1224
1514.         echo " ";
1515.         // line 1225
1516.         echo " ";
1517.         // line 1226
1518.         echo " ";
1519.         // line 1227
1520.         echo " ";
1521.         // line 1228
1522.         echo " ";
1523.         // line 1229
1524.         echo " ";
1525.         // line 1230
1526.         echo "                   
1527.  ";
1528.         // line 1232
1529.         echo " ";
1530.         // line 1233
1531.         echo " ";
1532.         // line 1234
1533.         echo " ";
1534.         // line 1235
1535.         echo " ";
1536.         // line 1236
1537.         echo " ";
1538.         // line 1237
1539.         echo " ";
1540.         // line 1238
1541.         echo " ";
1542.         // line 1239
1543.         echo "\t";
1544.         // line 1240
1545.         echo "\t";
1546.         // line 1241
1547.         echo "\t";
1548.         // line 1242
1549.         echo " ";
1550.         // line 1243
1551.         echo "                      
1552.  ";
1553.         // line 1245
1554.         echo " ";
1555.         // line 1246
1556.         echo " ";
1557.         // line 1247
1558.         echo " ";
1559.         // line 1248
1560.         echo " ";
1561.         // line 1249
1562.         echo " ";
1563.         // line 1250
1564.         echo "                   
1565.  ";
1566.         // line 1252
1567.         echo " ";
1568.         // line 1253
1569.         echo " ";
1570.         // line 1254
1571.         echo "\t";
1572.         // line 1255
1573.         echo "\t";
1574.         // line 1256
1575.         echo " ";
1576.         // line 1257
1577.         echo " ";
1578.         // line 1258
1579.         echo " ";
1580.         // line 1259
1581.         echo "\t";
1582.         // line 1260
1583.         echo "\t";
1584.         // line 1261
1585.         echo "\t";
1586.         // line 1262
1587.         echo " ";
1588.         // line 1263
1589.         echo "                     
1590.  ";
1591.         // line 1265
1592.         echo " ";
1593.         // line 1266
1594.         echo " ";
1595.         // line 1267
1596.         echo " ";
1597.         // line 1268
1598.         echo " ";
1599.         // line 1269
1600.         echo " ";
1601.         // line 1270
1602.         echo "                   
1603.  ";
1604.         // line 1272
1605.         echo " ";
1606.         // line 1273
1607.         echo " ";
1608.         // line 1274
1609.         echo "\t";
1610.         // line 1275
1611.         echo "\t";
1612.         // line 1276
1613.         echo " ";
1614.         // line 1277
1615.         echo " ";
1616.         // line 1278
1617.         echo " ";
1618.         // line 1279
1619.         echo "\t";
1620.         // line 1280
1621.         echo "\t";
1622.         // line 1281
1623.         echo "\t\t\t
1624. \t";
1625.         // line 1283
1626.         echo "
1627. \t";
1628.         // line 1285
1629.         echo "\t
1630. \t
1631. \t
1632. \t
1633. \t<div class=\"col-sm-12 text-center mt-5 cardsMobile\">
1634. \t\t\t\t
1635. \t\t\t\t\t<span class=\"divider-text mb-5\"></span>
1636. \t\t\t\t\t<div class=\"\" style=\"background-color:rgba(178, 78, 69, 0.04)\">
1637. \t\t\t\t\t\t<div class=\"row text-center d-flex justify-content-center\">
1638. \t\t\t\t\t\t\t<div class=\"col-6\">
1639. \t\t\t\t\t\t\t\t  <div class=\"flip-card\" tabIndex=\"0\">
1640.                   <div class=\"flip-card-inner\" >
1641.                     <div class=\"flip-card-front\">
1642.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_247.png\">
1643.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1644.     \t\t\t\t\t   ";
1645.         // line 1300
1646.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1300, $this->source); })()), "textCard1", [], "any", false, false, false, 1300), "html", null, true);
1647.         echo "
1648.     \t\t\t\t\t</p>
1649.                     </div>
1650.                    
1651.                     <div class=\"flip-card-back\">
1652.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_247.png\">
1653.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1654. \t\t\t\t\t    ";
1655.         // line 1307
1656.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1307, $this->source); })()), "textFlipCard1", [], "any", false, false, false, 1307);
1657.         echo "
1658. \t\t\t\t\t</p>
1659.                     </div>
1660.                   </div>
1661.                 </div>
1662. \t\t\t\t\t\t\t</div>
1663. \t\t\t\t\t\t\t<div class=\"col-6\">
1664. \t\t\t\t\t\t\t     <div class=\"flip-card\" tabIndex=\"0\">
1665.                   <div class=\"flip-card-inner\" >
1666.                     <div class=\"flip-card-front\" >
1667.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
1668.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1669.     \t\t\t\t\t     ";
1670.         // line 1319
1671.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1319, $this->source); })()), "textCard2", [], "any", false, false, false, 1319), "html", null, true);
1672.         echo "
1675.     \t\t\t\t\t</p>
1676.                     </div>
1677.                    
1678.                     <div class=\"flip-card-back\">
1679.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
1680.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1681. \t\t\t\t\t  
1682.                         ";
1683.         // line 1329
1684.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1329, $this->source); })()), "textFlipCard2", [], "any", false, false, false, 1329);
1685.         echo "
1686.                            \t\t</p>
1687.                     </div>
1688.                   </div>
1689.                 </div>
1690. \t\t\t\t\t\t\t</div>
1691. \t\t\t\t\t\t\t\t<div class=\"col-6\">
1692. \t\t\t\t\t\t\t\t   <div class=\"flip-card\" tabIndex=\"0\">
1693.                   <div class=\"flip-card-inner\" >
1694.                     <div class=\"flip-card-front\" >
1695.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_NAPROOM.png\">
1696.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1697.     \t\t\t\t\t 
1698.                                     ";
1699.         // line 1342
1700.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1342, $this->source); })()), "textCard3", [], "any", false, false, false, 1342), "html", null, true);
1701.         echo "
1703.     \t\t\t\t\t</p>
1704.                     </div>
1705.                    
1706.                     <div class=\"flip-card-back\">
1707.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_NAPROOM.png\">
1708.                         
1709.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1710. \t\t\t\t\t         ";
1711.         // line 1351
1712.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1351, $this->source); })()), "textFlipCard3", [], "any", false, false, false, 1351);
1713.         echo "
1714. \t\t\t\t\t</p>
1715.                     </div>
1716.                   </div>
1717.                 </div>
1718. \t\t\t\t\t\t\t\t   </div> 
1719. \t\t\t\t\t\t\t\t    \t<div class=\"col-6\">
1720. \t\t\t\t\t\t\t\t    \t     <div class=\"flip-card\" tabIndex=\"0\">
1721.                   <div class=\"flip-card-inner\" >
1722.                     <div class=\"flip-card-front\">
1723.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_PARKING.png\">
1724.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1725.     \t\t\t\t\t     ";
1726.         // line 1363
1727.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1363, $this->source); })()), "textCard4", [], "any", false, false, false, 1363), "html", null, true);
1728.         echo "
1729.     \t\t\t\t\t</p>
1730.                     </div>
1731.                    
1732.                     <div class=\"flip-card-back\">
1733.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_PARKING.png\">
1734.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1735. \t\t\t\t\t        ";
1736.         // line 1370
1737.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1370, $this->source); })()), "textFlipCard4", [], "any", false, false, false, 1370);
1738.         echo "
1739. \t\t\t\t\t</p>
1740.                     </div>
1741.                   </div>
1742.                 </div>
1743. \t\t\t\t\t\t\t\t    </div>\t    
1744. \t\t\t\t\t\t
1745. \t\t\t\t\t\t
1746. \t\t\t\t\t\t</div>
1747. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
1748. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
1749. \t\t<div class=\"col-sm-12 text-center mt-2 cardsMobile\">
1750. \t\t\t\t\t
1751. \t\t\t\t\t<span class=\"divider-text mb-5\"></span>
1752. \t\t\t\t\t<div class=\"\" style=\"background-color:rgba(178, 78, 69, 0.04)\">
1753. \t\t\t\t\t\t<div class=\"row text-center d-flex justify-content-center\">
1754. \t\t\t\t\t\t\t<div class=\"col-6\">
1755. \t\t\t\t\t\t\t\t <div class=\"flip-card\" tabIndex=\"0\">
1756.                   <div class=\"flip-card-inner\" >
1757.                       
1758.                     <div class=\"flip-card-front\" >
1759.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_FITNESS.png\">
1760.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1761.     \t\t\t\t\t   ";
1762.         // line 1393
1763.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1393, $this->source); })()), "textCard5", [], "any", false, false, false, 1393), "html", null, true);
1764.         echo "
1765.     \t\t\t\t\t</p>
1766.                     </div>
1767.                    
1768.                     <div class=\"flip-card-back\">
1769.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_FITNESS.png\">
1770.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1771. \t\t\t\t\t     ";
1772.         // line 1400
1773.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1400, $this->source); })()), "textFlipCard5", [], "any", false, false, false, 1400);
1774.         echo "
1776. \t\t\t\t\t</p>
1777.                     </div>
1778.                   </div>
1779.                 </div>
1780. \t\t\t\t\t\t\t</div>
1781. \t\t\t\t\t\t\t<div class=\"col-6\">
1782. \t\t\t\t\t\t\t     <div class=\"flip-card\" tabIndex=\"0\">
1783.                   <div class=\"flip-card-inner\" >
1784.                     <div class=\"flip-card-front\" >
1785.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"   style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
1786.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1787.     \t\t\t\t\t    ";
1788.         // line 1413
1789.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1413, $this->source); })()), "textCard6", [], "any", false, false, false, 1413), "html", null, true);
1790.         echo "
1791.     \t\t\t\t\t</p>
1792.                     </div>
1793.                    
1794.                     <div class=\"flip-card-back\">
1795.                       <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
1796.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1797.     \t\t\t\t\t     ";
1798.         // line 1420
1799.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1420, $this->source); })()), "textFlipCard6", [], "any", false, false, false, 1420);
1800.         echo "
1801.     \t\t\t\t\t</p>
1802.                     </div>
1803.                   </div>
1804.                 </div>
1805. \t\t\t\t\t\t\t</div>
1806. \t\t\t\t\t\t\t<div class=\"col-6\">
1807. \t\t\t\t\t\t\t     <div class=\"flip-card\" tabIndex=\"0\">
1808.                   <div class=\"flip-card-inner\" >
1809.                       
1810.                     <div class=\"flip-card-front\">
1811.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_STAND.png\">
1812.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1813.     \t\t\t\t\t";
1814.         // line 1433
1815.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1433, $this->source); })()), "textCard7", [], "any", false, false, false, 1433), "html", null, true);
1816.         echo "
1817.     \t\t\t\t\t</p>
1818.                     </div>
1819.                    
1820.                     <div class=\"flip-card-back\">
1821.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_STAND.png\">
1822.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1823. \t\t\t\t\t      ";
1824.         // line 1440
1825.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1440, $this->source); })()), "textFlipCard7", [], "any", false, false, false, 1440);
1826.         echo "
1828. \t\t\t\t\t</p>
1829.                     </div>
1830.                   </div>
1831.                 </div>
1832. \t\t\t\t\t\t\t </div> 
1833. \t\t\t\t\t    \t<div class=\"col-6\">
1834. \t\t\t\t\t    \t     <div class=\"flip-card\" tabIndex=\"0\">
1835.                   <div class=\"flip-card-inner\">
1836.                      
1837.                     <div class=\"flip-card-front\"  >
1838.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_MASSAGE.png\">
1839.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1840.     \t\t\t\t\t    ";
1841.         // line 1454
1842.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1454, $this->source); })()), "textCard8", [], "any", false, false, false, 1454), "html", null, true);
1843.         echo "
1844.     \t\t\t\t\t</p>
1845.                     </div>
1846.                    
1847.                     <div class=\"flip-card-back\">
1848.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_MASSAGE.png\">
1849.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
1850. \t\t\t\t\t     ";
1851.         // line 1461
1852.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1461, $this->source); })()), "textFlipCard8", [], "any", false, false, false, 1461);
1853.         echo " 
1854. \t\t\t\t\t</p>
1855.                     </div>
1856.                   </div>
1857.                 </div>
1858. \t\t\t\t\t        </div>\t    
1859. \t\t\t\t\t\t
1860. \t\t\t\t\t\t
1861. \t\t\t\t\t\t</div>
1862. \t\t\t\t</div>
1863. \t\t\t</div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
1864. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
1867. \t\t\t\t</div>
1868. </div>
1870. \t 
1871.         \t \t<div class=\"text-center\" style=\"padding-top: 20px;\">
1872.         \t\t\t\t\t<h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\"><a href=\"";
1873.         // line 1480
1874.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("news");
1875.         echo "\" >Nos actualités</a></h1>
1876.         \t\t\t\t</div>
1877.         \t  
1878.         
1879.         \t <section>
1880.           <div id=\"cCarousel\">
1881.             <div class=\"arrow\" id=\"prev\"><i class=\"fa-solid fa-chevron-left\"></i></div>
1882.             <div class=\"arrow\" id=\"next\"><i class=\"fa-solid fa-chevron-right\"></i></div>
1883.         
1884.             <div id=\"carousel-vp\">
1885.               <div id=\"cCarousel-inner\"> 
1886.               ";
1887.         // line 1491
1888.         $context['_parent'] = $context;
1889.         $context['_seq'] = twig_ensure_traversable((isset($context["newsAnnonce"]) || array_key_exists("newsAnnonce", $context) ? $context["newsAnnonce"] : (function () { throw new RuntimeError('Variable "newsAnnonce" does not exist.', 1491, $this->source); })()));
1890.         foreach ($context['_seq'] as $context["_key"] => $context["news"]) {
1891.             echo "     
1892.               <article class=\"cCarousel-item\">
1893.                   <img loading=\"lazy\"  src=\"/uploads/coworking/";
1894.             // line 1493
1895.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "image", [], "any", false, false, false, 1493), "html", null, true);
1896.             echo "\" alt=\"Moon\">
1897.                   <div class=\"infos\">
1898.                     <h3 style=\"font-size:22px;line-height: 40px;\" class=\"title-article\">";
1899.             // line 1495
1900.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "title", [], "any", false, false, false, 1495), "html", null, true);
1901.             echo "  </h3>
1902.                     <hr class=\"custom-hr\">
1903.                  <p>";
1904.             // line 1497
1905.             echo twig_escape_filter($this->env, (twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["news"], "description", [], "any", false, false, false, 1497), 0, 100) . "..."), "html", null, true);
1906.             echo "</p>
1907.                     <a href=\"";
1908.             // line 1498
1909.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualite", ["id" => twig_get_attribute($this->env, $this->source, $context["news"], "id", [], "any", false, false, false, 1498)]), "html", null, true);
1910.             echo "\" class=\"lire-suite\">Lire la suite</a>
1911.                   </div>
1912.                 </article>
1913.                  ";
1914.         }
1915.         $_parent = $context['_parent'];
1916.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['news'], $context['_parent'], $context['loop']);
1917.         $context = array_intersect_key($context, $_parent) + $_parent;
1918.         // line 1502
1919.         echo "                
1920.                 
1921.                 
1922.                 
1923.               </div>
1924.             </div>
1925.           </div>
1926.         </section>
1927.     
1928.  
1930. \t<div class=\"container-fluid p-5\" style=\"margin-top:0px;  background-color:rgba(249, 249, 249, 1);\">
1931. \t\t \t<div class=\"row align-items-center g-0 gap-3\">
1934. \t\t\t<div class=\"container-fluid\" style=\"margin-top:93px; background-color: rgba(249, 249, 249, 1); \">
1936. \t\t\t
1938. \t\t\t\t<div class=\"text-center\" style=\"padding-top: 40px;\">
1940. \t\t\t\t \t<h1  style=\" color: black; margin-bottom:22px;\">Découvrez notre univers</h1>
1941. \t\t\t\t\t";
1942.         // line 1525
1943.         echo "\t\t\t\t\t<div class=\"m-auto w-50\">
1944. \t\t\t    \t";
1945.         // line 1527
1946.         echo "\t\t\t\t\t\t
1947. \t\t\t\t\t\t\t 
1948. \t\t\t\t\t</div>
1949. \t\t\t\t\t<div class=\"mt-5 w-100\">
1950. \t\t\t\t\t ";
1951.         // line 1532
1952.         echo "\t\t\t\t \t<iframe width=\"560\" height=\"315\" src=\" ";
1953.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1532, $this->source); })()), "linkYoutube", [], "any", false, false, false, 1532), "html", null, true);
1954.         echo "\" style=\"width:80%; height:400px;\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>
1955. \t\t\t\t
1956. \t\t\t\t 
1957. \t\t\t\t\t\t  \t\t</div>
1958. \t\t\t\t</div>
1960. \t\t\t</div>
1961. \t\t</div>
1963.     </div>
1964.     
1965.     
1966.                 <div class=\"container laptop-version\" style=\"margin-top:93px;\" id=\"melliber-Appart\">
1967.                     <div class=\"row\">
1968.                      <a href=\"https://www.melliber-apparthotel.com\" id=\"HotelAppart\" target=\"_blank\" style=\"color: #a5a5a5;\">
1969.                 \t     <div class=\"col-lg-12 \" style=\"display: flex;\">
1970.                         \t    \t
1971.                         \t    \t\t 
1972.                         \t    \t\t
1973.                         \t    \t\t <div class=\"col-lg-7 col-sm-12\"> 
1974.                         \t    \t\t  <h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\" class=\"titlePourQuoi\"> ";
1975.         // line 1552
1976.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1552, $this->source); })()), "thirdTitleSection", [], "any", false, false, false, 1552), "html", null, true);
1977.         echo " </h1>
1978.                         \t    \t\t    \t<p class=\"mt-3\" style=\"text-align: justify;\">
1979.                                 \t\t\t\t\t";
1980.         // line 1554
1981.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1554, $this->source); })()), "thirdTextSection", [], "any", false, false, false, 1554);
1982.         echo " 
1983.                                         \t</p>
1984.                         \t    \t\t </div> 
1985.                         \t    \t\t  <div class=\"col-lg-5 col-sm-12\">
1986.                         \t    \t\t   
1987.                         \t    \t\t    <img loading=\"lazy\"  src=\"/themes/coworking/front/images/picture_Meliber.png\" style=\"width: 100%;\"> 
1988.                         \t    \t\t </div> 
1989.                 </div>
1990.                     </a>
1991. \t\t\t        </div>
1992. \t\t        </div>
1993. \t\t        
1994. \t\t        
1995. \t\t        <div class=\"container mobile-version\" style=\"margin-top:93px;\" id=\"melliber\" >
1996.                     <div class=\"row\">
1997.                     \t <a href=\"https://www.melliber-apparthotel.com\" id=\"HotelAppart\" target=\"_blank\" style=\"color: #a5a5a5;\">
1998.                 \t     <div class=\"col-lg-12 \">
1999.                         \t    \t
2000.                         \t    \t\t 
2001.                         \t    \t\t<div class=\"col-lg-5 col-sm-12\">
2002.                         \t    \t\t <h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\" class=\"titlePourQuoi\">  ";
2003.         // line 1574
2004.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1574, $this->source); })()), "thirdTitleSection", [], "any", false, false, false, 1574), "html", null, true);
2005.         echo " </h1>
2007.                         \t    \t\t    <img loading=\"lazy\"  src=\"/themes/coworking/front/images/picture_Meliber.png\" style=\"width: 100%;\"> 
2008.                         \t    \t\t </div> 
2009.                         \t    \t\t <div class=\"col-lg-7 col-sm-12\"> 
2010.                         \t    \t\t    \t<p class=\"mt-3\" style=\"\">
2011.                                 \t\t\t\t\t";
2012.         // line 1580
2013.         echo twig_get_attribute($this->env, $this->source, (isset($context["contentPageHome"]) || array_key_exists("contentPageHome", $context) ? $context["contentPageHome"] : (function () { throw new RuntimeError('Variable "contentPageHome" does not exist.', 1580, $this->source); })()), "thirdTextSection", [], "any", false, false, false, 1580);
2014.         echo " 
2015.                                         \t</p>
2016.                         \t    \t\t </div> 
2017.                         \t    \t\t  
2018.                 </div>
2019.                 </a>
2020. \t\t\t        </div>
2021. \t\t        </div>
2022. \t\t        
2023. \t\t        
2024. \t\t            
2025.         <div class=\"text-center\" style=\"padding-top: 4%;\">
2026. \t\t\t\t\t<h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\">Nos Réferences</h1>
2027. \t\t\t\t</div>
2028. \t  
2029. \t <section>
2030.  
2031.  
2032.            <div class=\"slider\">
2033. \t<div class=\"slide-track\">
2034. \t   ";
2035.         // line 1600
2036.         $context['_parent'] = $context;
2037.         $context['_seq'] = twig_ensure_traversable((isset($context["reference"]) || array_key_exists("reference", $context) ? $context["reference"] : (function () { throw new RuntimeError('Variable "reference" does not exist.', 1600, $this->source); })()));
2038.         foreach ($context['_seq'] as $context["_key"] => $context["ref"]) {
2039.             echo "   
2040. \t\t<div class=\"slide\">
2041. \t\t\t<img loading=\"lazy\"  src=\"/uploads/coworking/";
2042.             // line 1602
2043.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ref"], "image", [], "any", false, false, false, 1602), "html", null, true);
2044.             echo "\" height=\"100\" width=\"250\" alt=\"\" />
2045. \t\t</div>
2046.       ";
2047.         }
2048.         $_parent = $context['_parent'];
2049.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ref'], $context['_parent'], $context['loop']);
2050.         $context = array_intersect_key($context, $_parent) + $_parent;
2051.         // line 1605
2052.         echo "        ";
2053.         $context['_parent'] = $context;
2054.         $context['_seq'] = twig_ensure_traversable((isset($context["reference"]) || array_key_exists("reference", $context) ? $context["reference"] : (function () { throw new RuntimeError('Variable "reference" does not exist.', 1605, $this->source); })()));
2055.         foreach ($context['_seq'] as $context["_key"] => $context["ref"]) {
2056.             echo "   
2057. \t\t<div class=\"slide\">
2058. \t\t\t<img loading=\"lazy\"  src=\"/uploads/coworking/";
2059.             // line 1607
2060.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ref"], "image", [], "any", false, false, false, 1607), "html", null, true);
2061.             echo "\" height=\"100\" width=\"250\" alt=\"\" />
2062. \t\t</div>
2063.       ";
2064.         }
2065.         $_parent = $context['_parent'];
2066.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ref'], $context['_parent'], $context['loop']);
2067.         $context = array_intersect_key($context, $_parent) + $_parent;
2068.         // line 1609
2069.         echo "  
2070. \t\t
2071. \t\t
2072. \t</div>
2073. \t</div>
2074.   </section>
2076. \t\t<div class=\"container-fluid\" style=\"margin-top:93px;\" id=\"contactezNous\">
2077. \t\t\t<div class=\"col-md-12\" style=\" background-color: rgba(240, 240, 240, 1);\">
2078. \t\t\t\t<div class=\"text-center\" style=\"padding-top:70px;\">
2079. \t\t\t\t\t<h1 class=\"h2\" style=\" color: black;margin-bottom:22px;\">Contactez-nous</h1>
2080. \t\t\t\t\t";
2081.         // line 1621
2082.         echo "\t\t\t\t\t<div class=\"m-auto w-50\">
2083. \t\t\t\t\t
2084. \t\t\t\t\t</div>
2085. \t\t\t\t</div>
2086. \t\t\t\t<div class=\"row\">
2087. \t\t\t\t\t<div class=\"col-sm-6\">
2088. \t\t\t\t<form id=\"formForMobile\" class=\"m-auto mt-4 p-3\" style=\"width:64%;\" action=\"";
2089.         // line 1627
2090.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("sendEmailFromPageContact");
2091.         echo "\" method=\"POST\">
2092. \t\t\t\t\t\t\t<div class=\"row gy-3 gx-5\">
2093. \t\t\t\t\t\t\t     <div class=\"col-md-12\">
2094. \t\t\t\t\t\t\t        ";
2095.         // line 1630
2096.         $context['_parent'] = $context;
2097.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1630, $this->source); })()), "flashes", [], "any", false, false, false, 1630));
2098.         foreach ($context['_seq'] as $context["label"] => $context["messages"]) {
2099.             // line 1631
2100.             echo "                                        ";
2101.             $context['_parent'] = $context;
2102.             $context['_seq'] = twig_ensure_traversable($context["messages"]);
2103.             foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
2104.                 // line 1632
2105.                 echo "                                            <div class=\"alert alert-";
2106.                 echo twig_escape_filter($this->env, $context["label"], "html", null, true);
2107.                 echo " alert-dismissible fade show text-center\" role=\"alert\" style=\"font-size: 13px;\">
2108.                                                 ";
2109.                 // line 1633
2110.                 echo twig_escape_filter($this->env, $context["message"], "html", null, true);
2111.                 echo "
2112.                                                 <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">
2113.                                                     <span aria-hidden=\"true\">&times;</span>
2114.                                                 </button>
2115.                                             </div>
2116.                                         ";
2117.             }
2118.             $_parent = $context['_parent'];
2119.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['message'], $context['_parent'], $context['loop']);
2120.             $context = array_intersect_key($context, $_parent) + $_parent;
2121.             // line 1639
2122.             echo "                                    ";
2123.         }
2124.         $_parent = $context['_parent'];
2125.         unset($context['_seq'], $context['_iterated'], $context['label'], $context['messages'], $context['_parent'], $context['loop']);
2126.         $context = array_intersect_key($context, $_parent) + $_parent;
2127.         // line 1640
2128.         echo "                                </div>
2129. \t\t\t\t\t\t\t\t<div class=\"col-md-6\">
2130. \t\t\t\t\t\t\t\t\t<input class=\"w-100\" type=\"text\"  name=\"fullName\"    ";
2131.         // line 1642
2132.         $context["searchString"] = "/en";
2133.         echo " ";
2134.         if (twig_in_filter((isset($context["searchString"]) || array_key_exists("searchString", $context) ? $context["searchString"] : (function () { throw new RuntimeError('Variable "searchString" does not exist.', 1642, $this->source); })()), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1642, $this->source); })()), "request", [], "any", false, false, false, 1642), "uri", [], "any", false, false, false, 1642))) {
2135.             echo " placeholder=\"Full name\" ";
2136.         } else {
2137.             echo " placeholder=\"Nom complet\" ";
2138.         }
2139.         echo " style=\"height:42px; border: none; outline: none; padding-inline: 9px;    background: #ffffff;
2140.     border: 2px solid #ffffff !important;\" required>
2141. \t\t\t\t\t\t\t\t</div>
2142. \t\t\t\t\t\t\t\t<div class=\"col-md-6\">
2143. \t\t\t\t\t\t\t\t\t<input class=\"w-100\" type=\"text\" name=\"phone\"     ";
2144.         // line 1646
2145.         $context["searchString"] = "/en";
2146.         echo " ";
2147.         if (twig_in_filter((isset($context["searchString"]) || array_key_exists("searchString", $context) ? $context["searchString"] : (function () { throw new RuntimeError('Variable "searchString" does not exist.', 1646, $this->source); })()), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1646, $this->source); })()), "request", [], "any", false, false, false, 1646), "uri", [], "any", false, false, false, 1646))) {
2148.             echo " placeholder=\"Phone\" ";
2149.         } else {
2150.             echo " placeholder=\"Téléphone\" ";
2151.         }
2152.         echo " style=\"height:42px; border: none; outline: none; padding-inline: 9px;    background: #ffffff;
2153.     border: 2px solid #ffffff !important;\">
2154. \t\t\t\t\t\t\t\t</div>
2155. \t\t\t\t\t\t\t\t<div class=\"col-md-12\">
2156. \t\t\t\t\t\t\t\t\t<input class=\"w-100\" type=\"email\" name=\"email\"   placeholder=\"email@example.com\" style=\"height:42px; border: none; outline: none; padding-inline: 9px;    background: #ffffff;
2157.     border: 2px solid #ffffff !important;\" required>
2158. \t\t\t\t\t\t\t\t</div>
2159. \t\t\t\t\t\t\t</div>
2160. \t\t\t\t\t\t\t<div class=\"mt-4\">
2161. \t\t\t\t\t\t\t\t<textarea  name=\"message\" style=\"font-size:12px\" class=\"form-control w-100 border-0 rounded-0\" id=\"textAreaExample\" rows=\"6\"  required></textarea>
2162. \t\t\t\t\t\t\t</div>
2163. \t\t\t\t\t\t\t<div class=\"row py-3\">
2164. \t\t\t\t\t\t\t\t<div class=\"col-12\">
2165. \t\t\t\t\t\t\t\t\t<input class=\"float-end\" type=\"submit\"   ";
2166.         // line 1659
2167.         $context["searchString"] = "/en";
2168.         echo " ";
2169.         if (twig_in_filter((isset($context["searchString"]) || array_key_exists("searchString", $context) ? $context["searchString"] : (function () { throw new RuntimeError('Variable "searchString" does not exist.', 1659, $this->source); })()), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1659, $this->source); })()), "request", [], "any", false, false, false, 1659), "uri", [], "any", false, false, false, 1659))) {
2170.             echo " value=\"Send\"  ";
2171.         } else {
2172.             echo " value=\"envoyer\" ";
2173.         }
2174.         echo "style=\"border: none; background-color: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); text-transform:uppercase; letter-spacing:3px; font-size:12px; font-family:'PT Sans', sans-serif; height: 45px; width: 180px;\">
2175. \t\t\t\t\t\t\t\t</div>
2176. \t\t\t\t\t\t\t</div>
2177. \t\t\t\t\t\t
2178. \t\t\t\t\t\t</form>
2179. \t\t\t\t\t</div>
2180. \t\t\t\t\t<div class=\"col-sm-6\"> 
2181. \t\t\t\t\t\t<div class=\"mapouter\"><div class=\"gmap_canvas\"><iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13292.106768506852!2d-7.633346!3d33.6046119!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda7d30e93c2d56f%3A0xcc3100e8f00d75d2!2sCOWORK%26LIVE!5e0!3m2!1sen!2sma!4v1698228599408!5m2!1sen!2sma\" frameborder=\"0\" scrolling=\"no\" style=\"width: 430px; height: 400px;\"></iframe><style>.mapouter{position:relative;height:400px;width:430px}.gmap_canvas{overflow:hidden;height:400px;width:430px}.gmap_canvas iframe{position:relative;z-index:2}.gmap_canvas a{top:0;z-index:0}</style><a href=\"https://www.eireportingonline.com\">ei reporting</a></div></div>
2182. \t\t\t\t\t
2183. \t\t\t\t\t";
2184.         // line 1669
2185.         echo "\t\t\t\t\t
2186. \t\t\t\t\t</div>
2187. \t\t\t\t</div>
2188. \t\t\t\t
2190. \t\t\t</div>
2191. \t\t\t
2192. \t\t\t
2193. \t\t</div>
2194. \t\t
2196. \t
2197. \t\t
2198. \t\t
2199. \t\t";
2200.         // line 1684
2201.         echo "  ";
2202.         // line 1685
2203.         echo "  ";
2204.         // line 1686
2205.         echo "  
2206.   
2207.           
2208.         ";
2209.         // line 1690
2210.         echo "        ";
2211.         // line 1691
2212.         echo "        ";
2213.         
2214.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
2216.         
2217.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
2219.     }
2221.     // line 1694
2222.     public function block_javascripts($context, array $blocks = [])
2223.     {
2224.         $macros = $this->macros;
2225.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
2226.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
2228.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
2229.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
2231.         // line 1695
2232.         echo " <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js\"></script>
2234. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js\" integrity=\"sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
2235. <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"></script>
2236. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js\"></script>
2238. <script src=\"https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js\"></script>
2239. <script>
2240.   
2242. function toggle(id) {
2243.   a = document.getElementById('toggle_'+id);
2244.   b = document.getElementById('display_'+id);
2245.     if (a.style.display=='block') {
2246.       a.style.display='none';
2247.       b.innerHTML='En savoir plus';
2248.     }
2249.     else {
2250.       a.style.display='block';
2251.       b.innerHTML='Voir moins';
2252.   }
2253. }
2255. const \$prev = \$(\"#prev\");
2256. const \$next = \$(\"#next\");
2258. let \$carouselVp = \$(\"#carousel-vp\");
2259. let \$cCarouselInner = \$(\"#cCarousel-inner\");
2260. let \$cards = \$(\".cCarousel-item\");
2262. let carouselInnerWidth = \$cCarouselInner[0].getBoundingClientRect().width;
2263. let leftValue = 0;
2265. // Variable used to set the carousel movement value (card's width + gap)
2266. const totalMovementSize =
2267.   parseFloat(\$cards[0].getBoundingClientRect().width) +
2268.   parseFloat(\$cCarouselInner.css(\"gap\"));
2270. // Clone cards for infinite loop
2271. \$cards.each(function () {
2272.   \$(this).clone().appendTo(\$cCarouselInner);
2273. });
2275. // Update the new total width of the carousel
2276. carouselInnerWidth = \$cCarouselInner[0].getBoundingClientRect().width;
2278. \$prev.on(\"click\", () => {
2279.   if (leftValue === 0) {
2280.     // Jump to the end of the carousel for seamless looping
2281.     leftValue = -(
2282.       carouselInnerWidth / 2 -
2283.       \$carouselVp[0].getBoundingClientRect().width
2284.     );
2285.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
2286.   } else {
2287.     leftValue += totalMovementSize;
2288.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
2289.   }
2290. });
2292. \$next.on(\"click\", () => {
2293.   const carouselVpWidth = \$carouselVp[0].getBoundingClientRect().width;
2295.   if (carouselInnerWidth - Math.abs(leftValue) <= carouselVpWidth) {
2296.     // Jump to the beginning of the carousel for seamless looping
2297.     leftValue = 0;
2298.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
2299.   } else {
2300.     leftValue -= totalMovementSize;
2301.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
2302.   }
2303. });
2306.   
2308. \$(\"#typed\").typed({
2309.   \t\tstrings: [\"Emplacement à 2 pas de la mosquée Hassan 2 ,\", \"en face de la foire d’exposition de Casablanca\", \"proche du centre ville et du centre d’affaire Marina.\"],
2310.   \t\ttypeSpeed: 100,
2311.   \t\tstartDelay: 0,
2312.   \t\tbackSpeed: 60,
2313.   \t\tbackDelay: 2000,
2314.   \t\tloop: true,
2315.   \t\tcursorChar: \"|\",
2316.   \t\tcontentType: 'html'
2317.   \t});
2327. </script>
2328. ";
2329.         
2330.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
2332.         
2333.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
2335.     }
2337.     public function getTemplateName()
2338.     {
2339.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig";
2340.     }
2342.     public function isTraitable()
2343.     {
2344.         return false;
2345.     }
2347.     public function getDebugInfo()
2348.     {
2349.         return array (  2232 => 1695,  2222 => 1694,  2212 => 1691,  2210 => 1690,  2205 => 1686,  2203 => 1685,  2201 => 1684,  2185 => 1669,  2167 => 1659,  2145 => 1646,  2132 => 1642,  2128 => 1640,  2122 => 1639,  2110 => 1633,  2105 => 1632,  2100 => 1631,  2096 => 1630,  2090 => 1627,  2082 => 1621,  2069 => 1609,  2060 => 1607,  2052 => 1605,  2043 => 1602,  2036 => 1600,  2013 => 1580,  2004 => 1574,  1981 => 1554,  1976 => 1552,  1952 => 1532,  1946 => 1527,  1943 => 1525,  1919 => 1502,  1909 => 1498,  1905 => 1497,  1900 => 1495,  1895 => 1493,  1888 => 1491,  1874 => 1480,  1852 => 1461,  1842 => 1454,  1825 => 1440,  1815 => 1433,  1799 => 1420,  1789 => 1413,  1773 => 1400,  1763 => 1393,  1737 => 1370,  1727 => 1363,  1712 => 1351,  1700 => 1342,  1684 => 1329,  1671 => 1319,  1656 => 1307,  1646 => 1300,  1629 => 1285,  1626 => 1283,  1623 => 1281,  1621 => 1280,  1619 => 1279,  1617 => 1278,  1615 => 1277,  1613 => 1276,  1611 => 1275,  1609 => 1274,  1607 => 1273,  1605 => 1272,  1602 => 1270,  1600 => 1269,  1598 => 1268,  1596 => 1267,  1594 => 1266,  1592 => 1265,  1589 => 1263,  1587 => 1262,  1585 => 1261,  1583 => 1260,  1581 => 1259,  1579 => 1258,  1577 => 1257,  1575 => 1256,  1573 => 1255,  1571 => 1254,  1569 => 1253,  1567 => 1252,  1564 => 1250,  1562 => 1249,  1560 => 1248,  1558 => 1247,  1556 => 1246,  1554 => 1245,  1551 => 1243,  1549 => 1242,  1547 => 1241,  1545 => 1240,  1543 => 1239,  1541 => 1238,  1539 => 1237,  1537 => 1236,  1535 => 1235,  1533 => 1234,  1531 => 1233,  1529 => 1232,  1526 => 1230,  1524 => 1229,  1522 => 1228,  1520 => 1227,  1518 => 1226,  1516 => 1225,  1514 => 1224,  1512 => 1223,  1510 => 1222,  1508 => 1221,  1506 => 1220,  1504 => 1219,  1502 => 1218,  1500 => 1217,  1498 => 1216,  1496 => 1215,  1494 => 1214,  1492 => 1213,  1489 => 1211,  1487 => 1210,  1485 => 1209,  1483 => 1208,  1481 => 1207,  1479 => 1206,  1476 => 1204,  1474 => 1203,  1472 => 1202,  1470 => 1201,  1468 => 1200,  1466 => 1199,  1463 => 1197,  1461 => 1196,  1459 => 1195,  1457 => 1194,  1455 => 1193,  1453 => 1192,  1451 => 1191,  1449 => 1190,  1447 => 1189,  1445 => 1188,  1442 => 1186,  1440 => 1185,  1438 => 1184,  1436 => 1183,  1434 => 1182,  1432 => 1181,  1430 => 1180,  1428 => 1179,  1426 => 1178,  1424 => 1177,  1422 => 1176,  1420 => 1175,  1418 => 1174,  1416 => 1173,  1412 => 1170,  1410 => 1169,  1407 => 1167,  1405 => 1166,  1402 => 1164,  1400 => 1163,  1397 => 1161,  1394 => 1159,  1392 => 1158,  1390 => 1157,  1388 => 1156,  1386 => 1155,  1384 => 1154,  1382 => 1153,  1380 => 1152,  1378 => 1151,  1376 => 1150,  1374 => 1149,  1372 => 1148,  1369 => 1146,  1367 => 1145,  1365 => 1144,  1362 => 1142,  1360 => 1141,  1356 => 1138,  1354 => 1137,  1352 => 1136,  1350 => 1135,  1348 => 1134,  1346 => 1133,  1344 => 1132,  1341 => 1130,  1339 => 1129,  1337 => 1128,  1335 => 1127,  1333 => 1126,  1331 => 1125,  1329 => 1124,  1327 => 1123,  1325 => 1122,  1322 => 1120,  1320 => 1119,  1318 => 1118,  1316 => 1117,  1314 => 1116,  1312 => 1115,  1310 => 1114,  1308 => 1113,  1306 => 1112,  1304 => 1111,  1302 => 1110,  1287 => 1097,  1277 => 1090,  1261 => 1077,  1251 => 1070,  1235 => 1057,  1225 => 1050,  1210 => 1038,  1200 => 1031,  1179 => 1013,  1169 => 1006,  1154 => 994,  1142 => 985,  1126 => 972,  1113 => 962,  1097 => 949,  1087 => 942,  1062 => 920,  1059 => 919,  1052 => 913,  1043 => 910,  1040 => 909,  1036 => 908,  1019 => 894,  1011 => 889,  979 => 860,  974 => 858,  956 => 843,  952 => 841,  950 => 840,  946 => 838,  924 => 819,  916 => 814,  898 => 799,  893 => 797,  887 => 795,  884 => 793,  882 => 792,  880 => 791,  878 => 790,  876 => 789,  873 => 787,  865 => 781,  860 => 779,  850 => 772,  845 => 770,  840 => 768,  829 => 760,  69 => 4,  59 => 3,  36 => 1,);
2350.     }
2352.     public function getSourceContext()
2353.     {
2354.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
2356. {% block body %}
2357.     <link rel=\"shortcut icon\" href=\"{{asset(\"themes/coworking/images/logo-black.png\")}}\" />
2358.     <link href=\"https://fonts.cdnfonts.com/css/montserrat\" rel=\"stylesheet\">
2359.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">
2360.     <link rel=\"stylesheet\" href=\"https://unpkg.com/flickity@2/dist/flickity.min.css\">
2361.  <style>
2362.  
2364. .cardsMobile {
2365.        display: none;
2366. }
2367. .cardsDesktop {
2368.        display: block;
2369. }
2370.  
2371. \t        .img-container{
2372.             padding-top:12px;
2373.         }
2374.         .img-bureaux{
2375.             object-fit:cover;
2376.             width:100%;
2377.             height:100%;
2378.         }
2379.         
2380.      
2381.         
2382.         .block-bureaux{
2383.             width:270px; 
2384.             height:140px; 
2385.             background-image:url('themes/coworking/front/images/Screenshot__30__1-removebg-preview 3.png');
2386.             background-position:bottom; 
2387.             background-repeat:no-repeat; 
2388.             background-size:40%;
2389.         }
2390.         .block-bureaux img{
2391.             width:70%;
2392.         }
2393.         .block-bureaux p{
2394.             font-family:'Lato', sans-serif;
2395.             font-weight: 600; 
2396.             letter-spacing:8px; 
2397.             text-transform: uppercase; 
2398.             font-size: 13px;
2399.              
2400.         }
2402.         select:required:invalid {
2403.            color: #666;
2404.            background-color:rgba(232, 232, 234, 1);
2405.         }
2406.         option[value=\"\"][disabled] {
2407.             display: none;
2408.         }
2409.         option {
2410.             color: #000;
2411.             
2412.         }
2413.         .image-for-brx{
2414.             z-index:0; 
2415.             margin-left:-50px; 
2416.         }
2417.         .text-for-brx{
2418.             z-index:1; 
2419.             padding:27px 30px 30px 40px; 
2420.             margin-left:70px; 
2421.             background-color:white; 
2422.             filter:drop-shadow(0 12px 33px rgba(0, 0, 0, 0.05));
2423.         }
2425.         .card-brx{
2426.             padding: 18px 5px 18px 5px;
2427.         }
2428.     
2429.         @media(max-width:991px){
2430.             .text-for-brx{
2431.                 margin-left:0; 
2432.             }
2433.             .image-for-brx{
2434.                 margin:auto;
2435.             }
2436.         }
2437.         @media only screen and (max-width: 1200px) {
2438.             .img-container{
2439.                 height:70vh;
2440.                 width:100%;
2441.                 padding:0;
2442.             }
2443.             
2444.             .block-bureaux{
2445.                 width:220px;
2446.                 height:130px;
2447.                 display:none;
2448.             }
2449.             .block-bureaux img{
2450.                 width:60%;
2451.             }
2452.             .block-bureaux p{
2453.                 font-size:10px;
2454.             }
2455.         }
2456.         
2457.         button.btn.btn-formulaire {
2458.             background: #FCD46B;
2459.             color: white;
2460.             font-weight: 500;
2461.             border-radius: 0px;
2462.             text-transform: uppercase;
2463.             font-size: 13px;
2464.             padding-left: 20px;
2465.             padding-right: 25px;
2466.         }
2467.         
2468.         button.btn.btn-formulaire:hover{
2469.              background: #ffffff40;
2470.         }
2471.         button.btn.btn-date {
2472.             background: #ffffff40;
2473.             border: 1px solid white;
2474.             color: white;
2475.             font-weight: 500;
2476.             border-radius: 0px;
2477.             text-transform: uppercase;
2478.             font-size: 13px;
2479.            
2480.         }
2481.         
2482.           button.btn.btn-date:hover{
2483.             background: #ffd86e;
2484.         }
2486.        
2487.        
2488.           .divMobile{
2489.             display:none;
2490.         }
2491.         
2492.             .container.mobile-version{
2493.                 display: none;
2494.             }
2495.         
2496.             @media (max-width:767px) {
2497.                 
2498.                 .container.laptop-version {
2499.                     display: none;
2500.                 }
2501.                 .container.mobile-version{
2502.                     display: block !important;
2503.                 }
2504.                 html, body {
2505.                   overflow-x: hidden  !important;
2506.                 }
2507.                 body {
2508.                   position: relative !important;
2509.                 }
2510.              .bureaux-desc{
2511.                 display:flex;
2512.                 justify-content: center; 
2513.              }
2514.              .btn-res{
2515.                 margin-top: 10px;
2516.              }
2517.              /*img-fluid w-100 object-fit-cover{*/
2518.              /*    display:none;*/
2519.              /*}*/
2520.              
2521.                 .image-section{
2522.             display:inline;
2523.         }
2524.              .image-for-brx{
2525.                 margin:auto;
2526.             }
2527.             .text-for-brx{
2528.                 margin-left:0; 
2529.             }
2530.             
2531.             .w-75 {
2532.                 width:100% !important;
2533.             }
2534.             
2535.         .divDesktop{
2536.             display:none;
2537.         } 
2538.         .divMobile{
2539.             display:block;
2540.         }
2541.         
2542.         .cardsMobile {
2543.        display: block;
2544.         }
2545.         
2546.          .cardsDesktop {
2547.        display: none;
2548.         }
2549.         
2550.         .flip-card-inner {
2551.    
2552.             width: 170px;
2553.             height: 170px;
2554.         }
2555.         
2556.         button.btn.btn-formulaire {
2557.             background: #FCD46B;
2558.             color: white;
2559.             font-weight: 500;
2560.             border-radius: 0px;
2561.             text-transform: uppercase;
2562.             font-size: 13px;
2563.             padding-left: 20px;
2564.             padding-right: 25px;
2565.             position: relative;
2566.             top: -55px;
2567.         }
2568.       
2569.       .w-50{
2570.           width:80% !important;
2571.       }
2572.       iframe{
2573.           width:100% !important;
2574.           /*margin-right: 0px;*/
2575.           /*margin-left: -20px;*/
2576.       }
2577.       
2578.       .p-5 {
2579.           padding: 0rem!important;
2580.       }
2581.       .gmap_canvas{
2582.         width: 322px !important;
2583. }
2584.       }
2585.    
2587.         
2588.         
2589.     
2590.     /* GRID SYSTEM - CSS */
2593. @font-face {
2594.   
2595.   src: url(/public/fonts/DidactGothic-Regular.ttf);
2596. }
2598. .textPatchword{
2599.   /**/
2600.   font-family: \"Montserrat\", Sans-serif;
2601. }
2602. /* Grid System: Settings */
2603. .grid-settings {
2604.   position: fixed; 
2605.   width: 200px;
2606.   top: 80px;
2607.   right: 20px; 
2608.   z-index: 9999; 
2609. }
2611. /* Grid System: Grids */
2612. .grid-system {
2613.   text-align: center;
2614.   position: fixed;
2615.   right: 0;
2616.   left: 0; 
2617.   margin-right: auto;
2618.   margin-left: auto;
2619.   height: 100vh;
2620.   z-index: 1;
2621.   visibility: visible;
2622. }
2623. .grid-system div[class^=\"col-\"] {
2624.     border-left: 1px dotted rgba(0, 0, 0, 0.2);
2625.     height: 100vh;
2626. }
2627. .grid-system div[class^=\"col-\"]:last-child {
2628.     border-right: 1px dotted rgba(0, 0, 0, 0.2);
2629. }
2630. .grid-system .col-div {
2631.     background-color: rgba(0, 0, 0, 0.025);
2632.     border: none !important; 
2633.     padding-top: 15px; 
2634.     color: rgba(0, 0, 0, 0.3);
2635. }
2637. /* Grid System: Light Theme */
2638. .grid-system.light .col-div { 
2639.   background-color: rgba(255, 255, 255, 0.025); 
2640.   color: rgba(255, 255, 255, 0.3);
2641. }
2642. .grid-system.light div[class^=\"col-\"], 
2643. .grid-system.light div[class^=\"col-\"]:last-child { 
2644.   border-color: rgba(255, 255, 255, 0.2);
2645. }
2647. /* FOR DEMO PURPOSES ONLY: */
2648. .bg-dark h1, .bg-dark h2 {
2649.   color: #fff;
2650. }
2651. .bg-dark p {
2652.   color: rgba(255, 255, 255, .5);
2653. }
2654. .grid-settings .card-body p {
2655.   color: #212529;;
2656. }
2657.     
2658.  main{
2659.  /* background: #F6F4FE;*/
2660.       /*background: linear-gradient(#F6F4FE, #908f91);*/
2661.       /*background: linear-gradient(90deg, rgb(227 227 227) 0%, rgba(120,90,157,1) 53%, rgb(77 45 105) 100%);*/
2662.      
2663.  background-image: url(/public/images/fond.png);
2664.  background-size: cover;*/
2665.     background-repeat: no-repeat;
2666. }
2667.  main{
2668.  /* background: #F6F4FE;*/
2669.   padding-top: 1.5%;
2670.    padding-bottom: 2%;
2671.   
2672. }
2675. .fa-linkedin{
2676.   color: #1565C0;
2677.   font-size: 30px;
2678.  /* float:right; */
2679. }
2680. .btn-light{
2681.     background: white;
2682.     border-radius: 54px;
2683.     padding: 15px 30px;
2684.     width: 200px;
2685.     font-weight: 500;
2686. }
2688. #divBg {    
2689.    
2690.      background-position: right 5% bottom 50%;
2691.   /*background-image: url(/public/images/bgBackground.png);*/
2692.       background-size: cover;
2693.      /* position: absolute;*/
2694.       top: 0px;
2695.       right: 0px;
2696.       bottom: 0px;
2697.      
2698. }
2704. .Img{
2705.  width:600px;
2706.  height:200px;
2707. }
2708. .logo{
2709.    width: 30%;
2710. }
2713.  .btn-light{
2714.    position: relative;
2715.     top: 100%;
2716. }
2717. @media only screen and (max-width: 600px) {
2718.   .btn-light{
2719.     background: white;
2720.     border-radius: 54px;
2721.     padding: 15px 1px;
2722.     width: 150px;
2723.     font-weight: 500;
2724. }
2725. .Img{
2726.     width:100%;
2727. }
2728. .logo{
2729.     width:40%;
2730. }
2731. .btn-light{
2732.    position: relative;
2733.     top:0;
2734. }
2735.  
2736. }
2738.  @import url('https://fonts.cdnfonts.com/css/montserrat');
2739.  @import url('https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.1/demo/css/montserrat-bold.ttf'); 
2740.  
2741.  p,button{  font-family: 'Montserrat', sans-serif;
2742. }
2743.  
2744. h1{  
2745.     font-family: 'Montserrat', sans-serif;
2746.     font-weight: 800;
2747. }
2749.  
2750. /* css For whatsap**/
2752. .wrapperX {
2753.   display: flex;
2754.   justify-content: space-between;
2755.   align-items: flex-start;
2756.   margin: auto;
2757.   max-width: 800px;
2758. }
2762. .titlePourQuoi:after {
2763.     content: '';
2764.     display: block;
2765.     width: 40px;
2766.     height: 5px;
2767.     background: #c6c9ce;
2768.     margin: 0;
2769.     margin-top: 15px;
2770.     border-radius: 3px;
2771.     
2772. }
2774. .bloc-text-a-propos-right {
2775.   position: relative;
2776.   right: 30px;
2777.   height: 185px;
2778. }
2782. /*.flip-card {*/
2783. /*  background-color: transparent;*/
2784. /*  width: 300px;*/
2785. /*  height: 300px;*/
2786. /*  perspective: 1000px;*/
2787. /*}*/
2789. /*.flip-card-inner {*/
2790. /*  position: relative;*/
2791. /*  width: 270px;*/
2792. /*  height: 215px;*/
2793. /*  text-align: center;*/
2794. /*  transition: transform 0.6s;*/
2795. /*  transform-style: preserve-3d;*/
2796. /*  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
2797. /*  backface-visibility: hidden;*/
2798. /*  -moz-backface-visibility: hidden;*/
2799. /*}*/
2801. /*.flip-card:focus {*/
2802. /*    outline: 0;*/
2803. /*}*/
2805. /*.flip-card:hover .flip-card-inner,*/
2806. /*.flip-card:focus .flip-card-inner{*/
2807. /*  transform: rotateY(180deg);*/
2808. /*}*/
2810. /*.flip-card-front,*/
2811. /*.flip-card-back {*/
2812. /*  position: absolute;*/
2813. /*  width: 100%;*/
2814. /*  height: 100%;*/
2815. /*}*/
2817. /*.flip-card-front {*/
2818. /*  background-color: rgba(255, 255, 255, 1);*/
2819. /*  color: black;*/
2820. /*  z-index: 2;*/
2821.   /*display: flex;*/
2822. /*  justify-content: center;*/
2823. /*  align-items: center;*/
2824. /*}*/
2826. /*.flip-card-back {*/
2827. /*    background-color: rgba(255, 255, 255, 1); */
2828. /*      color: white;*/
2829. /*      transform: rotateY(180deg);*/
2830. /*      z-index: 1;*/
2831.       /*display: flex;*/
2832. /*      justify-content: center;*/
2833. /*      align-items: center;*/
2834. /*       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
2835. /*}*/
2839.  @media (max-width:767px) {
2840.         
2841.         .flip-card-inner {
2842.    
2843.             width: 170px !important;
2844.             height: 240px!important;
2845.         }
2846.         
2847.         .flip-card {
2848.        
2849.         height: 250px;
2850.        
2851.         }
2852.    
2853.       }
2854.       
2855.       
2859. /***/
2862. .flip-card {
2863.   background-color: transparent;
2864.   width: 300px;
2865.   height: 300px;
2866.   perspective: 1000px;
2867. }
2869. .flip-card-inner {
2870.   position: relative;
2871.   width: 100%;
2872.   height: 100%;
2873.   text-align: center;
2874.   transition: transform 0.6s;
2875.   transform-style: preserve-3d;
2876.   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
2877. }
2879. .flip-card:hover .flip-card-inner {
2880.   transform: rotateY(180deg);
2881. }
2883. .flip-card-front, .flip-card-back {
2884.   position: absolute;
2885.   width: 100%;
2886.   height: 100%;
2887.   -webkit-backface-visibility: hidden;
2888.   backface-visibility: hidden;
2889. }
2891. .flip-card-front {
2892.   background-color: rgba(255, 255, 255, 1);
2893.   color: black;
2894. }
2896. .flip-card-back {
2897.   background-color: #ffffff;
2898.   color: white;
2899.   transform: rotateY(180deg);
2900. }
2902. /** début carousel */
2903.     
2904.   
2905. #cCarousel {
2906.   position: relative;
2907.   max-width: 1300px;
2908.   margin: auto;
2909. }
2911. #cCarousel .arrow {
2912.   position: absolute;
2913.   top: 50%;
2914.   display: flex;
2915.   width: 45px;
2916.   height: 45px;
2917.   justify-content: center;
2918.   align-items: center;
2919.   border-radius: 50%;
2920.   z-index: 1;
2921.   font-size: 26px;
2922.   color: white;
2923.   background: #00000072;
2924.   cursor: pointer;
2925. }
2927. #cCarousel #prev {
2928.   left: 0px;
2929. }
2931. #cCarousel #next {
2932.   right: 0px;
2933. }
2935. #carousel-vp {
2936.   width: 940px;
2937.   height: 500px;
2938.   display: flex;
2939.   align-items: center;
2940.   position: relative;
2941.   overflow: hidden;
2942.   margin: auto;
2943. }
2945. @media (max-width: 770px) {
2946.   #carousel-vp {
2947.     width: 510px;
2948.   }
2949. }
2951. @media (max-width: 510px) {
2952.   #carousel-vp {
2953.     width: 250px;
2954.   }
2955. }
2957. #cCarousel #cCarousel-inner {
2958.   display: flex;
2959.   position: absolute;
2960.   transition: 0.3s ease-in-out;
2961.   gap: 40px;
2962.   left: 0px;
2963. }
2965. .cCarousel-item {
2966.   width: 280px;
2967.   /*height: 365px;*/
2968.   border: 2px solid white;
2969.   border-radius: 15px;
2970.   overflow: hidden;
2971.   display: flex;
2972.   flex-direction: column;
2973. }
2975. .cCarousel-item img {
2976.   width: 100%;
2977.   object-fit: cover;
2978.   min-height: 246px;
2979.   color: white;
2980. }
2982. .cCarousel-item .infos {
2983.   height: 100%;
2984.   display: flex;
2985.   flex-direction: column;
2986.   align-items: center;
2987.   justify-content: space-around;
2988.   background: white;
2989.   color: black;
2990. }
2992. .cCarousel-item .infos button {
2993.   background: #222;
2994.   padding: 10px 30px;
2995.   border-radius: 15px;
2996.   color: white;
2997.   font-size: 1rem;
2998.   font-weight: bold;
2999.   cursor: pointer;
3000. }
3001. article.cCarousel-item{
3002.     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
3003.     padding: 4px;
3004. }
3006.     .lire-suite{
3007.         color: black;
3008.         text-decoration: underline;
3009.         font-weight: 600;
3010.     }
3012. .custom-hr {
3013.       width: 30px;
3014.       border: 0;
3015.       border-top: 2px solid black; 
3016.       margin: 10px auto; /* Center align the hr */
3017.     }
3018.  
3019.         /* General Styling */
3022.  @keyframes scroll {
3023. \t 0% {
3024. \t\t transform: translateX(0);
3025. \t}
3026. \t 100% {
3027. \t\t transform: translateX(calc(-250px * 7));
3028. \t}
3029. }
3030.  .slider {
3031. \t background: white;
3032. \t box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
3033. \t height: 100px;
3034. \t margin: auto;
3035. \t overflow: hidden;
3036. \t position: relative;
3037.     width: 100%;
3038. }
3039.  .slider::before, .slider::after {
3040. \t background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
3041. \t content: \"\";
3042. \t height: 100px;
3043. \t position: absolute;
3044. \t width: 200px;
3045. \t z-index: 2;
3046. }
3047.  .slider::after {
3048. \t right: 0;
3049. \t top: 0;
3050. \t transform: rotateZ(180deg);
3051. }
3052.  .slider::before {
3053. \t left: 0;
3054. \t top: 0;
3055. }
3056.  .slider .slide-track {
3057. \t animation: scroll 25s linear infinite;
3058. \t display: flex;
3059. \t width: calc(250px * 14);
3060. }
3061.  .slider .slide {
3062. \t height: 100px;
3063. \t width: 250px;
3064. }
3066. /***/
3067. /* external css: flickity.css */
3069. * {
3070.   -webkit-box-sizing: border-box;
3071.   box-sizing: border-box;
3072. }
3074. body { font-family: sans-serif; }
3076. .gallery {
3077.   background: #EEE;
3078. }
3080. .gallery-cell {
3081.   width: 350px;
3082.   height: 200px;
3083.   margin-right: 10px;
3084.   /*background: #8C8;*/
3085.   /*counter-increment: gallery-cell;*/
3086. }
3088. /* cell number */
3089. .gallery-cell:before {
3090.   display: block;
3091.   text-align: center;
3092.   /*content: counter(gallery-cell);*/
3093.   line-height: 200px;
3094.   font-size: 80px;
3095.   color: white;
3096. }
3100. .flickity-enabled.is-draggable .flickity-viewport {
3102.     height: 270PX !important;
3103. }
3104. .flickity-page-dots{
3105.     display:none;
3106. }
3107. .fw-light p {
3108.    margin: 0px 0 0 0;
3109. }
3111.  .divReuninonWeb{
3112.                 
3113.                  background-image: url('{{ asset(\"uploads/front-images/picSalleReunion22.png\") }}');
3114.                background-repeat: no-repeat;
3115.     background-size: 100% 100%;
3116.     height: 405px;
3117.             }
3118. </style>
3120. \t  <div class=\"row divDesktop\">
3121.       <div class=\"col-sm-4\" style=\"background-image:url({{asset('uploads/front-images/pictureBureaux2.png')}});background-repeat: no-repeat;background-size: 100% 100%;height: 405px;\">
3122.       
3123.     \t\t\t\t\t    \t<a href=\"{{path('reservationbureaux')}}\" style=\"position: absolute;bottom: 20px;left: 40%;\">
3124.             \t\t\t\t\t\t<button class=\"btn btn-formulaire\">
3125.             \t\t\t\t\t\t{{\"RÉSERVER\"|trans({},\"front\")}}\t
3126.             \t\t\t\t\t\t</button>
3127.     \t\t\t\t\t\t</a>
3128.     \t\t\t\t
3129.       </div>
3130.      <div class=\"col-sm-4 divReuninonWeb\" >
3131.       \t
3132.     \t\t\t\t\t    \t<a href=\"{{path('reservationsallereuninon')}}\" style=\"position: absolute;bottom: 20px;left: 40%;\">
3133.             \t\t\t\t\t\t<button class=\"btn btn-formulaire\" >
3134.             \t\t\t\t\t\t{{\"RÉSERVER\"|trans({},\"front\")}}
3135.             \t\t\t\t\t\t</button>
3136.     \t\t\t\t\t\t</a>
3137.     \t\t\t\t
3138.       </div>
3139.       {#<div class=\"col-sm-4\" style=\"background-image:url({{asset('uploads/front-images/picFreework2Final.png')}});background-repeat: no-repeat;background-size: 100% 100%;height:  405px;\">#}
3140.       
3141.     \t\t{#\t\t\t    \t<a href=\"{{path('reservationfreework')}}\" style=\"position: absolute;bottom: 20px;left: 40%;\">#}
3142.       {#      \t\t\t\t\t\t<button class=\"btn btn-formulaire\">#}
3143.       {#      \t\t\t\t\t\t{{\"RÉSERVER\"|trans({},\"front\")}}#}
3144.       {#      \t\t\t\t\t\t</button>#}
3145.     \t\t{#\t\t\t\t</a>#}
3146.     \t\t\t\t
3147.       {#</div>#}
3148.       <div class=\"col-sm-4\" style=\"background-image:url({{asset('uploads/front-images/picFreework2.png')}});background-repeat: no-repeat;background-size: 100% 100%;height:  405px;\">
3149.       
3150.     \t\t\t\t\t    \t<a href=\"{{path('reservationfreework')}}\" style=\"position: absolute;bottom: 20px;left: 40%;\">
3151.             \t\t\t\t\t\t<button class=\"btn btn-formulaire\">
3152.             \t\t\t\t\t\t{{\"RÉSERVER\"|trans({},\"front\")}}
3153.             \t\t\t\t\t\t</button>
3154.     \t\t\t\t\t\t</a>
3155.     \t\t\t\t
3156.       </div>
3161. </div>
3162.   \t<div class=\"divMobile\">
3163. \t        <div>
3164.                 <div class=\"col-md-12\"  id=\"divImagesHeaderMobile\" style=\"padding: 0px;\">
3165.                     
3166.                     
3167.                       <div class=\"d-flex align-items-center justify-content-center\" style=\"background-image:url({{asset('uploads/front-images/picBureax2Mobile.png')}});height:215px;background-size: 100% 100%;\">
3168.                           
3169.                          
3171.                        
3172.                          <a href=\"{{path('reservationbureaux')}}\" class=\"btn btn-formulaire\"  
3173.                      style=\"
3174.                             background: #FCD46B;
3175.                             color: white;
3176.                             font-weight: 500;
3177.                             border-radius: 0px;
3178.                             text-transform: uppercase;
3179.                             font-size: 13px;
3180.                             padding-left: 26px;
3181.                             padding-right: 26px;
3182.                             position: relative;
3183.                             bottom: -70px;\">
3184.                          RÉSERVER
3185.                          </a>
3186.                     </div>
3187.                    
3188.                     
3189.                     
3190.                     
3191.                        <div class=\"d-flex align-items-center justify-content-center\"  style=\"background-image:url({{asset('uploads/front-images/pictureSalleReunino2Mobile.png')}});height:215px;background-size: 100% 100%;\">
3192.                       {#picFree2Mobile.png#}
3193.                       {#pictureSalleReunino2Mobile.png#}
3196.                            <a href=\"{{path('reservationsallereuninon')}}\"  class=\"btn btn-formulaire\"  style=\"
3197.                             background: #FCD46B;
3198.                             color: white;
3199.                             font-weight: 500;
3200.                             border-radius: 0px;
3201.                             text-transform: uppercase;
3202.                             font-size: 13px;
3203.                             padding-left: 26px;
3204.                             padding-right: 26px;
3205.                             position: relative;
3206.                             bottom: -70px;\">RÉSERVER</a>
3207.                     </div>
3208.                    
3209.                     
3210.                     
3211.                        <div class=\"d-flex align-items-center justify-content-center\"  style=\"background-image:url({{asset('uploads/front-images/picFree2Mobile.png')}});height:215px;background-size: 100% 100%;\">
3212.                      
3213.                          <a href=\"{{path('reservationfreework')}}\"   class=\"btn btn-formulaire\" style=\"
3214.                             background: #FCD46B;
3215.                             color: white;
3216.                             font-weight: 500;
3217.                             border-radius: 0px;
3218.                             text-transform: uppercase;
3219.                             font-size: 13px;
3220.                             padding-left: 26px;
3221.                             padding-right: 26px;
3222.                             position: relative;
3223.                            bottom: -70px;\">RÉSERVER</a>
3224.                     </div>
3225.                  
3226.                   
3227.                 </div>
3228.                 
3229.             </div>
3230.         </div>
3232.   
3233.   
3234.   
3235.   
3236.     <div class=\"container\" style=\"margin-top:93px;\" id=\"a-propos\">
3237.                     <div class=\"row\">
3238.                 \t     <div class=\"col-lg-12\" style=\"display: flex;background: #fbf9ed;padding: 30px;\">
3239.             \t\t\t
3240.             \t\t\t\t<div class=\"col-lg-12\">
3241.             \t\t\t\t\t<div>
3242.             \t\t\t\t\t <h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\" class=\"titlePourQuoi\"> {{contentPageHome.firstTitleSection}} </h1>
3243.             \t\t\t\t\t
3244.             \t\t\t\t\t\t<div>
3245.             \t\t\t\t\t\t\t<i>
3246.             \t\t\t\t\t\t\t\t<p class=\"font-italic p-3\" style=\"font-size:13px;\">
3247.             \t\t\t\t\t\t\t    {{contentPageHome.firstTextSection|raw()}}  
3248.                             \t</i>
3249.             \t\t\t\t\t\t</div>
3250.             \t\t\t\t\t</div>
3251.     </div>
3252. \t\t
3253.                         \t    \t\t 
3254.                 </div>
3255. \t\t\t        </div>
3256. \t\t        </div>
3257.   
3259.    <!-- Flickity HTML init -->
3260.     <div class=\"gallery js-flickity\" data-flickity-options='{ \"wrapAround\": true,\"autoPlay\": 1700 }' style=\"margin-top: 5%;\">
3261.         {% for gallery in contentPageHome.gallerieHomes %}
3262.               <div class=\"gallery-cell\">
3263.                   \t<img loading=\"lazy\"  src=\"uploads/coworking/{{gallery.path}}\" width=\"100%\" alt=\"\" />
3264.               </div>
3265.     \t{% endfor %}
3266.     </div>
3269.   
3270. \t\t<div class=\"container-fluid\" style=\"margin-top:93px;\" id=\"nos-atouts\">
3271. \t    \t{#<div style=\"height:2px; width:30px; background-color: rgba(0, 0, 143, 1); margin-left: auto; margin-right: auto;\"></div>#}
3272. \t    \t<div class=\"text-center\" style=\"padding-top: 20px;\">
3273. \t\t\t\t\t<h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\">{{contentPageHome.secondTitleSection|raw()}} </h1>
3274. \t\t\t\t</div>
3275. \t  
3276. \t\t\t
3278. \t\t\t</div>
3280.  
3281. \t
3282.     <div class=\"container-fluid pb-3 cardsDesktop\">
3283. \t\t<div class=\"row gy-3 gx-0 m-auto\">
3284. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3285. \t\t\t    
3286. \t\t\t    
3287. \t\t\t    
3288. \t\t\t    
3289. \t\t\t    
3290. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3291.                   <div class=\"flip-card-inner\" >
3292.                     <div class=\"flip-card-front\">
3293.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_247.png\">
3294.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3295.     \t\t\t\t\t    {{contentPageHome.textCard1}} 
3296.     \t\t\t\t\t</p>
3297.                     </div>
3298.                    
3299.                     <div class=\"flip-card-back\" style=\"transform: rotateX(360deg) !important;\">
3300.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_247.png\">
3301.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3302. \t\t\t\t\t     {{contentPageHome.textFlipCard1|raw()}} 
3303. \t\t\t\t\t</p>
3304.                     </div>
3305.                   </div>
3306.                 </div>
3307. \t\t\t</div>
3308. \t\t\t
3309. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3310. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3311.                   <div class=\"flip-card-inner\" >
3312.                     <div class=\"flip-card-front\" >
3313.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
3314.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3315.     \t\t\t\t\t     {{contentPageHome.textCard2}}
3318.     \t\t\t\t\t</p>
3319.                     </div>
3320.                    
3321.                     <div class=\"flip-card-back\">
3322.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
3323.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3324. \t\t\t\t\t  
3325.                             {{contentPageHome.textFlipCard2|raw()}}
3326. \t\t\t\t\t</p>
3327.                     </div>
3328.                   </div>
3329.                 </div>
3330. \t\t\t</div>
3331. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3332. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3333.                   <div class=\"flip-card-inner\" >
3334.                     <div class=\"flip-card-front\" >
3335.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_NAPROOM.png\">
3336.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3337.     \t\t\t\t\t 
3338.                              {{contentPageHome.textCard3}}
3340.     \t\t\t\t\t</p>
3341.                     </div>
3342.                    
3343.                     <div class=\"flip-card-back\">
3344.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_NAPROOM.png\">
3345.                         
3346.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3347. \t\t\t\t\t        {{contentPageHome.textFlipCard3|raw()}}
3348. \t\t\t\t\t</p>
3349.                     </div>
3350.                   </div>
3351.                 </div>
3352. \t\t\t</div>
3353. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3354. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3355.                   <div class=\"flip-card-inner\" >
3356.                     <div class=\"flip-card-front\">
3357.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_PARKING.png\">
3358.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3359.     \t\t\t\t\t   {{contentPageHome.textCard4}}
3360.     \t\t\t\t\t</p>
3361.                     </div>
3362.                    
3363.                     <div class=\"flip-card-back\">
3364.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_PARKING.png\">
3365.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3366. \t\t\t\t\t     {{contentPageHome.textFlipCard4|raw()}}
3367. \t\t\t\t\t</p>
3368.                     </div>
3369.                   </div>
3370.                 </div>
3371. \t\t\t</div>
3372. \t\t</div>
3374. \t</div>
3375. \t<div class=\"container-fluid pb-3 cardsDesktop\">
3376. \t\t<div class=\"row gy-3 gx-0 m-auto\">
3377. \t\t  <div class=\"col-12 col-sm-6 col-md-3 text-center \">
3378. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3379.                   <div class=\"flip-card-inner\" >
3380.                       
3381.                     <div class=\"flip-card-front\" >
3382.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_FITNESS.png\">
3383.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3384.     \t\t\t\t  {{contentPageHome.textCard5}}
3385.     \t\t\t\t\t</p>
3386.                     </div>
3387.                    
3388.                     <div class=\"flip-card-back\">
3389.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_FITNESS.png\">
3390.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3391. \t\t\t\t\t    {{contentPageHome.textFlipCard5|raw()}}
3392. \t\t\t\t\t</p>
3393.                     </div>
3394.                   </div>
3395.                 </div>
3396. \t\t\t</div>
3397. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3398. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3399.                   <div class=\"flip-card-inner\" >
3400.                     <div class=\"flip-card-front\" >
3401.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
3402.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3403.     \t\t\t\t\t     {{contentPageHome.textCard6}}
3404.     \t\t\t\t\t</p>
3405.                     </div>
3406.                    
3407.                     <div class=\"flip-card-back\">
3408.                       <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
3409.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3410.     \t\t\t\t\t  {{contentPageHome.textFlipCard6|raw()}}
3411.     \t\t\t\t\t</p>
3412.                     </div>
3413.                   </div>
3414.                 </div>
3415. \t\t\t</div>
3416. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3417. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3418.                   <div class=\"flip-card-inner\" >
3419.                       
3420.                     <div class=\"flip-card-front\">
3421.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_STAND.png\">
3422.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3423.     \t\t\t\t\t {{contentPageHome.textCard7}}
3424.     \t\t\t\t\t</p>
3425.                     </div>
3426.                    
3427.                     <div class=\"flip-card-back\">
3428.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_STAND.png\">
3429.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3430. \t\t\t\t\t  {{contentPageHome.textFlipCard7|raw()}}
3431.             \t</p>
3432.                     </div>
3433.                   </div>
3434.                 </div>
3435. \t\t\t</div>
3436. \t\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">
3437. \t\t\t    <div class=\"flip-card\" tabIndex=\"0\">
3438.                   <div class=\"flip-card-inner\">
3439.                      
3440.                     <div class=\"flip-card-front\" >
3441.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_MASSAGE.png\">
3442.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3443.     \t\t\t\t\t {{contentPageHome.textCard8}} 
3444.     \t\t\t\t\t</p>
3445.                     </div>
3446.                    
3447.                     <div class=\"flip-card-back\">
3448.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_MASSAGE.png\">
3449.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3450. \t\t\t\t\t     {{contentPageHome.textFlipCard8|raw()}}
3451. \t\t\t\t\t</p>
3452.                     </div>
3453.                   </div>
3454.                 </div>
3455. \t\t\t</div>
3456. \t\t\t<!--<div class=\"w-100 d-none d-block \"></div>-->
3457. \t\t\t
3458. \t\t</div>
3460. \t</div>
3462.  {#    <div class=\"container-fluid pb-3 cardsMobile\">#}
3463. \t{#\t<div class=\"row gy-3 gx-0 m-auto\">#}
3464. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3465. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3466.  {#                 <div class=\"flip-card-inner\" >#}
3467.  {#                   <div class=\"flip-card-front\" style=\"background-image: url(/themes/coworking/front/images/icon247.png);\">#}
3468.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/247.jpg\">#}
3469.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3470.  {#   \t\t\t\t\t    Espace de travail accessible 24h/24 7j/7#}
3471.  {#   \t\t\t\t\t</p>#}
3472.  {#                   </div>#}
3473.                    
3474.  {#                   <div class=\"flip-card-back\">#}
3475.  {#                       <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/247.jpg\">#}
3476.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3477. \t{#\t\t\t\t    Espace de travail accessible 24h/24 7j/7#}
3478. \t{#\t\t\t\t</p>#}
3479.  {#                   </div>#}
3480.  {#                 </div>#}
3481.  {#               </div>#}
3482. \t{#\t\t</div>#}
3483. \t\t\t
3484. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3485. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3486.  {#                 <div class=\"flip-card-inner\" >#}
3487.  {#                   <div class=\"flip-card-front\" style=\"background-image: url(/themes/coworking/front/images/iconLOCALISATION.png);\">#}
3488.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/LOCALISATION.jpg\">#}
3489.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3490.  {#   \t\t\t\t\t    Emplacement unique à Casablanca #}
3493.  {#   \t\t\t\t\t</p>#}
3494.  {#                   </div>#}
3495.                    
3496.  {#                   <div class=\"flip-card-back\">#}
3497.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/LOCALISATION.jpg\">#}
3498.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3499. \t\t\t\t\t  
3500.  {#                           Emplacement à 2 pas de la mosquée Hassan 2 , en face de la foire d’exposition de Casablanca, proche du centre ville et du centre d’affaire Marina.#}
3501. \t{#\t\t\t\t</p>#}
3502.  {#                   </div>#}
3503.  {#                 </div>#}
3504.  {#               </div>#}
3505. \t{#\t\t</div>#}
3506. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3507. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3508.  {#                 <div class=\"flip-card-inner\" >#}
3509.  {#                   <div class=\"flip-card-front\"  style=\"background-image: url(/themes/coworking/front/images/iconNAPROOM.png);\">#}
3510.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/NAPROOM.jpg\">#}
3511.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3512.     \t\t\t\t\t 
3513.  {#                               Nap room#}
3515.  {#   \t\t\t\t\t</p>#}
3516.  {#                   </div>#}
3517.                    
3518.  {#                   <div class=\"flip-card-back\">#}
3519.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/NAPROOM.jpg\">#}
3520.                         
3521.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3522. \t{#\t\t\t\t    Nap room#}
3525. \t{#\t\t\t\t</p>#}
3526.  {#                   </div>#}
3527.  {#                 </div>#}
3528.  {#               </div>#}
3529. \t{#\t\t</div>#}
3530. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3531. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3532.  {#                 <div class=\"flip-card-inner\" >#}
3533.  {#                   <div class=\"flip-card-front\" style=\"background-image: url(/themes/coworking/front/images/iconPARKING.png);\">#}
3534.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/PARKING.jpg\">#}
3535.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3536.  {#   \t\t\t\t\t    L’accès au parking privé.#}
3537.  {#   \t\t\t\t\t</p>#}
3538.  {#                   </div>#}
3539.                    
3540.  {#                   <div class=\"flip-card-back\">#}
3541.  {#                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/PARKING.jpg\">#}
3542.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3543. \t{#\t\t\t\t     L’accès au parking privé.#}
3544. \t{#\t\t\t\t</p>#}
3545.  {#                   </div>#}
3546.  {#                 </div>#}
3547.  {#               </div>#}
3548. \t{#\t\t</div>#}
3549. \t{#\t</div>#}
3551. \t{#</div>#}
3552. \t{#<div class=\"container-fluid pb-3 cardsMobile\">#}
3553. \t{#\t<div class=\"row gy-3 gx-0 m-auto\">#}
3554. \t{#\t  <div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3555. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3556.  {#                 <div class=\"flip-card-inner\" >#}
3557.                       
3558.  {#                   <div class=\"flip-card-front\" style=\"background-image: url(/themes/coworking/front/images/iconFITNESS.png);\">#}
3559.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/FITNESS.jpg\">#}
3560.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3561.  {#   \t\t\t\t\t   Gaming & Fitness#}
3562.  {#   \t\t\t\t\t</p>#}
3563.  {#                   </div>#}
3564.                    
3565.  {#                   <div class=\"flip-card-back\">#}
3566.  {#                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/FITNESS.jpg\">#}
3567.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3568. \t{#\t\t\t\t    Gaming & Fitness#}
3569. \t{#\t\t\t\t</p>#}
3570.  {#                   </div>#}
3571.  {#                 </div>#}
3572.  {#               </div>#}
3573. \t{#\t\t</div>#}
3574. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3575. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3576.  {#                 <div class=\"flip-card-inner\" >#}
3577.  {#                   <div class=\"flip-card-front\" style=\"background-image: url(/themes/coworking/front/images/iconRESTAURATION.png);\">#}
3578.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/RESTAURATION.jpg\">#}
3579.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3580.  {#   \t\t\t\t\t   Restauration#}
3581.  {#   \t\t\t\t\t</p>#}
3582.  {#                   </div>#}
3583.                    
3584.  {#                   <div class=\"flip-card-back\">#}
3585.  {#                     <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/RESTAURATION.jpg\">#}
3586.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3587.  {#   \t\t\t\t\t   Restauration#}
3588.  {#   \t\t\t\t\t</p>#}
3589.  {#                   </div>#}
3590.  {#                 </div>#}
3591.  {#               </div>#}
3592. \t{#\t\t</div>#}
3593. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3594. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3595.  {#                 <div class=\"flip-card-inner\" >#}
3596.                       
3597.  {#                   <div class=\"flip-card-front\" style=\"background-image: url(/themes/coworking/front/images/iconSTAND.png);\">#}
3598.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/STAND.jpg\">#}
3599.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3600.  {#   \t\t\t\t\t  Stands & pop up stores#}
3601.  {#   \t\t\t\t\t</p>#}
3602.  {#                   </div>#}
3603.                    
3604.  {#                   <div class=\"flip-card-back\">#}
3605.  {#                       <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/STAND.jpg\">#}
3606.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3607. \t{#\t\t\t\t   Stands & pop up stores#}
3608. \t{#\t\t\t\t</p>#}
3609.  {#                   </div>#}
3610.  {#                 </div>#}
3611.  {#               </div>#}
3612. \t{#\t\t</div>#}
3613. \t{#\t\t<div class=\"col-12 col-sm-6 col-md-3 text-center \">#}
3614. \t{#\t\t    <div class=\"flip-card\" tabIndex=\"0\">#}
3615.  {#                 <div class=\"flip-card-inner\">#}
3616.                      
3617.  {#                   <div class=\"flip-card-front\"  style=\"background-image: url(/themes/coworking/front/images/iconMASSAGE.png);\">#}
3618.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/MASSAGE.jpg\">#}
3619.  {#                       <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3620.  {#   \t\t\t\t\t    Centre de beauté et bien être.#}
3621.  {#   \t\t\t\t\t</p>#}
3622.  {#                   </div>#}
3623.                    
3624.  {#                   <div class=\"flip-card-back\">#}
3625.  {#                        <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" src=\"themes/coworking/front/images/MASSAGE.jpg\">#}
3626.  {#                    \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">#}
3627. \t{#\t\t\t\t    Centre de beauté et bien être.#}
3628. \t{#\t\t\t\t</p>#}
3629.  {#                   </div>#}
3630.  {#                 </div>#}
3631.  {#               </div>#}
3632. \t{#\t\t</div>#}
3633. \t{#\t\t<!--<div class=\"w-100 d-none d-block \"></div>-->#}
3634. \t\t\t
3635. \t{#\t</div>#}
3637. \t{#</div>#}
3638. \t
3639. \t
3640. \t
3641. \t
3642. \t<div class=\"col-sm-12 text-center mt-5 cardsMobile\">
3643. \t\t\t\t
3644. \t\t\t\t\t<span class=\"divider-text mb-5\"></span>
3645. \t\t\t\t\t<div class=\"\" style=\"background-color:rgba(178, 78, 69, 0.04)\">
3646. \t\t\t\t\t\t<div class=\"row text-center d-flex justify-content-center\">
3647. \t\t\t\t\t\t\t<div class=\"col-6\">
3648. \t\t\t\t\t\t\t\t  <div class=\"flip-card\" tabIndex=\"0\">
3649.                   <div class=\"flip-card-inner\" >
3650.                     <div class=\"flip-card-front\">
3651.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_247.png\">
3652.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3653.     \t\t\t\t\t   {{contentPageHome.textCard1}}
3654.     \t\t\t\t\t</p>
3655.                     </div>
3656.                    
3657.                     <div class=\"flip-card-back\">
3658.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_247.png\">
3659.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3660. \t\t\t\t\t    {{contentPageHome.textFlipCard1|raw()}}
3661. \t\t\t\t\t</p>
3662.                     </div>
3663.                   </div>
3664.                 </div>
3665. \t\t\t\t\t\t\t</div>
3666. \t\t\t\t\t\t\t<div class=\"col-6\">
3667. \t\t\t\t\t\t\t     <div class=\"flip-card\" tabIndex=\"0\">
3668.                   <div class=\"flip-card-inner\" >
3669.                     <div class=\"flip-card-front\" >
3670.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
3671.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3672.     \t\t\t\t\t     {{contentPageHome.textCard2}}
3675.     \t\t\t\t\t</p>
3676.                     </div>
3677.                    
3678.                     <div class=\"flip-card-back\">
3679.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_LOCALISATION.png\">
3680.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3681. \t\t\t\t\t  
3682.                         {{contentPageHome.textFlipCard2|raw()}}
3683.                            \t\t</p>
3684.                     </div>
3685.                   </div>
3686.                 </div>
3687. \t\t\t\t\t\t\t</div>
3688. \t\t\t\t\t\t\t\t<div class=\"col-6\">
3689. \t\t\t\t\t\t\t\t   <div class=\"flip-card\" tabIndex=\"0\">
3690.                   <div class=\"flip-card-inner\" >
3691.                     <div class=\"flip-card-front\" >
3692.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_NAPROOM.png\">
3693.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3694.     \t\t\t\t\t 
3695.                                     {{contentPageHome.textCard3}}
3697.     \t\t\t\t\t</p>
3698.                     </div>
3699.                    
3700.                     <div class=\"flip-card-back\">
3701.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_NAPROOM.png\">
3702.                         
3703.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3704. \t\t\t\t\t         {{contentPageHome.textFlipCard3|raw()}}
3705. \t\t\t\t\t</p>
3706.                     </div>
3707.                   </div>
3708.                 </div>
3709. \t\t\t\t\t\t\t\t   </div> 
3710. \t\t\t\t\t\t\t\t    \t<div class=\"col-6\">
3711. \t\t\t\t\t\t\t\t    \t     <div class=\"flip-card\" tabIndex=\"0\">
3712.                   <div class=\"flip-card-inner\" >
3713.                     <div class=\"flip-card-front\">
3714.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\" src=\"themes/coworking/front/images/icon_PARKING.png\">
3715.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3716.     \t\t\t\t\t     {{contentPageHome.textCard4}}
3717.     \t\t\t\t\t</p>
3718.                     </div>
3719.                    
3720.                     <div class=\"flip-card-back\">
3721.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_PARKING.png\">
3722.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3723. \t\t\t\t\t        {{contentPageHome.textFlipCard4|raw()}}
3724. \t\t\t\t\t</p>
3725.                     </div>
3726.                   </div>
3727.                 </div>
3728. \t\t\t\t\t\t\t\t    </div>\t    
3729. \t\t\t\t\t\t
3730. \t\t\t\t\t\t
3731. \t\t\t\t\t\t</div>
3732. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
3733. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
3734. \t\t<div class=\"col-sm-12 text-center mt-2 cardsMobile\">
3735. \t\t\t\t\t
3736. \t\t\t\t\t<span class=\"divider-text mb-5\"></span>
3737. \t\t\t\t\t<div class=\"\" style=\"background-color:rgba(178, 78, 69, 0.04)\">
3738. \t\t\t\t\t\t<div class=\"row text-center d-flex justify-content-center\">
3739. \t\t\t\t\t\t\t<div class=\"col-6\">
3740. \t\t\t\t\t\t\t\t <div class=\"flip-card\" tabIndex=\"0\">
3741.                   <div class=\"flip-card-inner\" >
3742.                       
3743.                     <div class=\"flip-card-front\" >
3744.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_FITNESS.png\">
3745.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3746.     \t\t\t\t\t   {{contentPageHome.textCard5}}
3747.     \t\t\t\t\t</p>
3748.                     </div>
3749.                    
3750.                     <div class=\"flip-card-back\">
3751.                           <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_FITNESS.png\">
3752.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3753. \t\t\t\t\t     {{contentPageHome.textFlipCard5|raw()}}
3755. \t\t\t\t\t</p>
3756.                     </div>
3757.                   </div>
3758.                 </div>
3759. \t\t\t\t\t\t\t</div>
3760. \t\t\t\t\t\t\t<div class=\"col-6\">
3761. \t\t\t\t\t\t\t     <div class=\"flip-card\" tabIndex=\"0\">
3762.                   <div class=\"flip-card-inner\" >
3763.                     <div class=\"flip-card-front\" >
3764.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"   style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
3765.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3766.     \t\t\t\t\t    {{contentPageHome.textCard6}}
3767.     \t\t\t\t\t</p>
3768.                     </div>
3769.                    
3770.                     <div class=\"flip-card-back\">
3771.                       <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_RESTAURATION.png\">
3772.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3773.     \t\t\t\t\t     {{contentPageHome.textFlipCard6|raw()}}
3774.     \t\t\t\t\t</p>
3775.                     </div>
3776.                   </div>
3777.                 </div>
3778. \t\t\t\t\t\t\t</div>
3779. \t\t\t\t\t\t\t<div class=\"col-6\">
3780. \t\t\t\t\t\t\t     <div class=\"flip-card\" tabIndex=\"0\">
3781.                   <div class=\"flip-card-inner\" >
3782.                       
3783.                     <div class=\"flip-card-front\">
3784.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_STAND.png\">
3785.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3786.     \t\t\t\t\t{{contentPageHome.textCard7}}
3787.     \t\t\t\t\t</p>
3788.                     </div>
3789.                    
3790.                     <div class=\"flip-card-back\">
3791.                         <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_STAND.png\">
3792.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3793. \t\t\t\t\t      {{contentPageHome.textFlipCard7|raw()}}
3795. \t\t\t\t\t</p>
3796.                     </div>
3797.                   </div>
3798.                 </div>
3799. \t\t\t\t\t\t\t </div> 
3800. \t\t\t\t\t    \t<div class=\"col-6\">
3801. \t\t\t\t\t    \t     <div class=\"flip-card\" tabIndex=\"0\">
3802.                   <div class=\"flip-card-inner\">
3803.                      
3804.                     <div class=\"flip-card-front\"  >
3805.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\" style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_MASSAGE.png\">
3806.                         <p class=\"\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3807.     \t\t\t\t\t    {{contentPageHome.textCard8}}
3808.     \t\t\t\t\t</p>
3809.                     </div>
3810.                    
3811.                     <div class=\"flip-card-back\">
3812.                          <img loading=\"lazy\"  class=\"img-fluid w-25 pt-3\"  style=\"width: 40%!important;\"  src=\"themes/coworking/front/images/icon_MASSAGE.png\">
3813.                      \t<p class=\"mt-3\" style=\"font-weight:500; font-size:12px; line-height:25px; color:rgba(94, 116, 136, 1);\">
3814. \t\t\t\t\t     {{contentPageHome.textFlipCard8|raw()}} 
3815. \t\t\t\t\t</p>
3816.                     </div>
3817.                   </div>
3818.                 </div>
3819. \t\t\t\t\t        </div>\t    
3820. \t\t\t\t\t\t
3821. \t\t\t\t\t\t
3822. \t\t\t\t\t\t</div>
3823. \t\t\t\t</div>
3824. \t\t\t</div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
3825. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
3828. \t\t\t\t</div>
3829. </div>
3831. \t 
3832.         \t \t<div class=\"text-center\" style=\"padding-top: 20px;\">
3833.         \t\t\t\t\t<h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\"><a href=\"{{ path('news')}}\" >Nos actualités</a></h1>
3834.         \t\t\t\t</div>
3835.         \t  
3836.         
3837.         \t <section>
3838.           <div id=\"cCarousel\">
3839.             <div class=\"arrow\" id=\"prev\"><i class=\"fa-solid fa-chevron-left\"></i></div>
3840.             <div class=\"arrow\" id=\"next\"><i class=\"fa-solid fa-chevron-right\"></i></div>
3841.         
3842.             <div id=\"carousel-vp\">
3843.               <div id=\"cCarousel-inner\"> 
3844.               {% for news in newsAnnonce %}     
3845.               <article class=\"cCarousel-item\">
3846.                   <img loading=\"lazy\"  src=\"/uploads/coworking/{{ news.image }}\" alt=\"Moon\">
3847.                   <div class=\"infos\">
3848.                     <h3 style=\"font-size:22px;line-height: 40px;\" class=\"title-article\">{{ news.title }}  </h3>
3849.                     <hr class=\"custom-hr\">
3850.                  <p>{{ news.description|slice(0, 100) ~ '...' }}</p>
3851.                     <a href=\"{{path('actualite',{id:news.id})}}\" class=\"lire-suite\">Lire la suite</a>
3852.                   </div>
3853.                 </article>
3854.                  {% endfor %}
3855.                 
3856.                 
3857.                 
3858.                 
3859.               </div>
3860.             </div>
3861.           </div>
3862.         </section>
3863.     
3864.  
3866. \t<div class=\"container-fluid p-5\" style=\"margin-top:0px;  background-color:rgba(249, 249, 249, 1);\">
3867. \t\t \t<div class=\"row align-items-center g-0 gap-3\">
3870. \t\t\t<div class=\"container-fluid\" style=\"margin-top:93px; background-color: rgba(249, 249, 249, 1); \">
3872. \t\t\t
3874. \t\t\t\t<div class=\"text-center\" style=\"padding-top: 40px;\">
3876. \t\t\t\t \t<h1  style=\" color: black; margin-bottom:22px;\">Découvrez notre univers</h1>
3877. \t\t\t\t\t{#<div style=\"height:3px; width:30px; margin-top:22px; background-color: rgba(0, 0, 143, 1); margin-left: auto; margin-right: auto;\"></div>#}
3878. \t\t\t\t\t<div class=\"m-auto w-50\">
3879. \t\t\t    \t{#<p style=\"width:80%; margin:auto;padding-bottom:10%;font-family: 'Archivo', sans-serif; line-height:27px; font-weight:400;font-size: 14px; color: rgba(17, 17, 17, 0.8);\"> Découvrez notre espace de co-working en 3D\t</p>#}
3880. \t\t\t\t\t\t
3881. \t\t\t\t\t\t\t 
3882. \t\t\t\t\t</div>
3883. \t\t\t\t\t<div class=\"mt-5 w-100\">
3884. \t\t\t\t\t {#<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/GeKD5d88QjM?si=Vi9zBFTXmrPXAHzx\" style=\"width:80%; height:350px;\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>#}
3885. \t\t\t\t \t<iframe width=\"560\" height=\"315\" src=\" {{contentPageHome.linkYoutube}}\" style=\"width:80%; height:400px;\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>
3886. \t\t\t\t
3887. \t\t\t\t 
3888. \t\t\t\t\t\t  \t\t</div>
3889. \t\t\t\t</div>
3891. \t\t\t</div>
3892. \t\t</div>
3894.     </div>
3895.     
3896.     
3897.                 <div class=\"container laptop-version\" style=\"margin-top:93px;\" id=\"melliber-Appart\">
3898.                     <div class=\"row\">
3899.                      <a href=\"https://www.melliber-apparthotel.com\" id=\"HotelAppart\" target=\"_blank\" style=\"color: #a5a5a5;\">
3900.                 \t     <div class=\"col-lg-12 \" style=\"display: flex;\">
3901.                         \t    \t
3902.                         \t    \t\t 
3903.                         \t    \t\t
3904.                         \t    \t\t <div class=\"col-lg-7 col-sm-12\"> 
3905.                         \t    \t\t  <h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\" class=\"titlePourQuoi\"> {{contentPageHome.thirdTitleSection}} </h1>
3906.                         \t    \t\t    \t<p class=\"mt-3\" style=\"text-align: justify;\">
3907.                                 \t\t\t\t\t{{contentPageHome.thirdTextSection|raw()}} 
3908.                                         \t</p>
3909.                         \t    \t\t </div> 
3910.                         \t    \t\t  <div class=\"col-lg-5 col-sm-12\">
3911.                         \t    \t\t   
3912.                         \t    \t\t    <img loading=\"lazy\"  src=\"/themes/coworking/front/images/picture_Meliber.png\" style=\"width: 100%;\"> 
3913.                         \t    \t\t </div> 
3914.                 </div>
3915.                     </a>
3916. \t\t\t        </div>
3917. \t\t        </div>
3918. \t\t        
3919. \t\t        
3920. \t\t        <div class=\"container mobile-version\" style=\"margin-top:93px;\" id=\"melliber\" >
3921.                     <div class=\"row\">
3922.                     \t <a href=\"https://www.melliber-apparthotel.com\" id=\"HotelAppart\" target=\"_blank\" style=\"color: #a5a5a5;\">
3923.                 \t     <div class=\"col-lg-12 \">
3924.                         \t    \t
3925.                         \t    \t\t 
3926.                         \t    \t\t<div class=\"col-lg-5 col-sm-12\">
3927.                         \t    \t\t <h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\" class=\"titlePourQuoi\">  {{contentPageHome.thirdTitleSection}} </h1>
3929.                         \t    \t\t    <img loading=\"lazy\"  src=\"/themes/coworking/front/images/picture_Meliber.png\" style=\"width: 100%;\"> 
3930.                         \t    \t\t </div> 
3931.                         \t    \t\t <div class=\"col-lg-7 col-sm-12\"> 
3932.                         \t    \t\t    \t<p class=\"mt-3\" style=\"\">
3933.                                 \t\t\t\t\t{{contentPageHome.thirdTextSection|raw()}} 
3934.                                         \t</p>
3935.                         \t    \t\t </div> 
3936.                         \t    \t\t  
3937.                 </div>
3938.                 </a>
3939. \t\t\t        </div>
3940. \t\t        </div>
3941. \t\t        
3942. \t\t        
3943. \t\t            
3944.         <div class=\"text-center\" style=\"padding-top: 4%;\">
3945. \t\t\t\t\t<h1 style=\"font-size: 34px;color: black;margin-bottom:22px;\">Nos Réferences</h1>
3946. \t\t\t\t</div>
3947. \t  
3948. \t <section>
3949.  
3950.  
3951.            <div class=\"slider\">
3952. \t<div class=\"slide-track\">
3953. \t   {% for ref in reference %}   
3954. \t\t<div class=\"slide\">
3955. \t\t\t<img loading=\"lazy\"  src=\"/uploads/coworking/{{ ref.image }}\" height=\"100\" width=\"250\" alt=\"\" />
3956. \t\t</div>
3957.       {% endfor  %}
3958.         {% for ref in reference %}   
3959. \t\t<div class=\"slide\">
3960. \t\t\t<img loading=\"lazy\"  src=\"/uploads/coworking/{{ ref.image }}\" height=\"100\" width=\"250\" alt=\"\" />
3961. \t\t</div>
3962.       {% endfor  %}  
3963. \t\t
3964. \t\t
3965. \t</div>
3966. \t</div>
3967.   </section>
3969. \t\t<div class=\"container-fluid\" style=\"margin-top:93px;\" id=\"contactezNous\">
3970. \t\t\t<div class=\"col-md-12\" style=\" background-color: rgba(240, 240, 240, 1);\">
3971. \t\t\t\t<div class=\"text-center\" style=\"padding-top:70px;\">
3972. \t\t\t\t\t<h1 class=\"h2\" style=\" color: black;margin-bottom:22px;\">Contactez-nous</h1>
3973. \t\t\t\t\t{#<div style=\"height:3px; width:30px; margin-top:22px; background-color: rgba(0, 0, 143, 1); margin-left: auto; margin-right: auto;\"></div>#}
3974. \t\t\t\t\t<div class=\"m-auto w-50\">
3975. \t\t\t\t\t
3976. \t\t\t\t\t</div>
3977. \t\t\t\t</div>
3978. \t\t\t\t<div class=\"row\">
3979. \t\t\t\t\t<div class=\"col-sm-6\">
3980. \t\t\t\t<form id=\"formForMobile\" class=\"m-auto mt-4 p-3\" style=\"width:64%;\" action=\"{{path('sendEmailFromPageContact')}}\" method=\"POST\">
3981. \t\t\t\t\t\t\t<div class=\"row gy-3 gx-5\">
3982. \t\t\t\t\t\t\t     <div class=\"col-md-12\">
3983. \t\t\t\t\t\t\t        {% for label, messages in app.flashes %}
3984.                                         {% for message in messages %}
3985.                                             <div class=\"alert alert-{{ label }} alert-dismissible fade show text-center\" role=\"alert\" style=\"font-size: 13px;\">
3986.                                                 {{ message }}
3987.                                                 <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">
3988.                                                     <span aria-hidden=\"true\">&times;</span>
3989.                                                 </button>
3990.                                             </div>
3991.                                         {% endfor %}
3992.                                     {% endfor %}
3993.                                 </div>
3994. \t\t\t\t\t\t\t\t<div class=\"col-md-6\">
3995. \t\t\t\t\t\t\t\t\t<input class=\"w-100\" type=\"text\"  name=\"fullName\"    {% set searchString = '/en' %} {% if searchString in app.request.uri %} placeholder=\"Full name\" {% else %} placeholder=\"Nom complet\" {% endif %} style=\"height:42px; border: none; outline: none; padding-inline: 9px;    background: #ffffff;
3996.     border: 2px solid #ffffff !important;\" required>
3997. \t\t\t\t\t\t\t\t</div>
3998. \t\t\t\t\t\t\t\t<div class=\"col-md-6\">
3999. \t\t\t\t\t\t\t\t\t<input class=\"w-100\" type=\"text\" name=\"phone\"     {% set searchString = '/en' %} {% if searchString in app.request.uri %} placeholder=\"Phone\" {% else %} placeholder=\"Téléphone\" {% endif %} style=\"height:42px; border: none; outline: none; padding-inline: 9px;    background: #ffffff;
4000.     border: 2px solid #ffffff !important;\">
4001. \t\t\t\t\t\t\t\t</div>
4002. \t\t\t\t\t\t\t\t<div class=\"col-md-12\">
4003. \t\t\t\t\t\t\t\t\t<input class=\"w-100\" type=\"email\" name=\"email\"   placeholder=\"email@example.com\" style=\"height:42px; border: none; outline: none; padding-inline: 9px;    background: #ffffff;
4004.     border: 2px solid #ffffff !important;\" required>
4005. \t\t\t\t\t\t\t\t</div>
4006. \t\t\t\t\t\t\t</div>
4007. \t\t\t\t\t\t\t<div class=\"mt-4\">
4008. \t\t\t\t\t\t\t\t<textarea  name=\"message\" style=\"font-size:12px\" class=\"form-control w-100 border-0 rounded-0\" id=\"textAreaExample\" rows=\"6\"  required></textarea>
4009. \t\t\t\t\t\t\t</div>
4010. \t\t\t\t\t\t\t<div class=\"row py-3\">
4011. \t\t\t\t\t\t\t\t<div class=\"col-12\">
4012. \t\t\t\t\t\t\t\t\t<input class=\"float-end\" type=\"submit\"   {% set searchString = '/en' %} {% if searchString in app.request.uri %} value=\"Send\"  {% else %} value=\"envoyer\" {% endif %}style=\"border: none; background-color: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); text-transform:uppercase; letter-spacing:3px; font-size:12px; font-family:'PT Sans', sans-serif; height: 45px; width: 180px;\">
4013. \t\t\t\t\t\t\t\t</div>
4014. \t\t\t\t\t\t\t</div>
4015. \t\t\t\t\t\t
4016. \t\t\t\t\t\t</form>
4017. \t\t\t\t\t</div>
4018. \t\t\t\t\t<div class=\"col-sm-6\"> 
4019. \t\t\t\t\t\t<div class=\"mapouter\"><div class=\"gmap_canvas\"><iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13292.106768506852!2d-7.633346!3d33.6046119!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda7d30e93c2d56f%3A0xcc3100e8f00d75d2!2sCOWORK%26LIVE!5e0!3m2!1sen!2sma!4v1698228599408!5m2!1sen!2sma\" frameborder=\"0\" scrolling=\"no\" style=\"width: 430px; height: 400px;\"></iframe><style>.mapouter{position:relative;height:400px;width:430px}.gmap_canvas{overflow:hidden;height:400px;width:430px}.gmap_canvas iframe{position:relative;z-index:2}.gmap_canvas a{top:0;z-index:0}</style><a href=\"https://www.eireportingonline.com\">ei reporting</a></div></div>
4020. \t\t\t\t\t
4021. \t\t\t\t\t{#<iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13292.106768506852!2d-7.633346!3d33.6046119!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda7d30e93c2d56f%3A0xcc3100e8f00d75d2!2sCOWORK%26LIVE!5e0!3m2!1sen!2sma!4v1698228599408!5m2!1sen!2sma\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"></iframe>#}
4022. \t\t\t\t\t
4023. \t\t\t\t\t</div>
4024. \t\t\t\t</div>
4025. \t\t\t\t
4027. \t\t\t</div>
4028. \t\t\t
4029. \t\t\t
4030. \t\t</div>
4031. \t\t
4033. \t
4034. \t\t
4035. \t\t
4036. \t\t{#<div class=\"wrapperX\">#}
4037.   {#          <a target=\"_blank\" href=\"https://api.whatsapp.com/send?phone=&text=\" id=\"whatsapp-button\" style=\"position:fixed; bottom:10px; right:10px; width:50px; z-index:999;\"><img loading=\"lazy\"  style=\"width:100%;\" src=\"data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggc3R5bGU9ImZpbGw6I0VERURFRDsiIGQ9Ik0wLDUxMmwzNS4zMS0xMjhDMTIuMzU5LDM0NC4yNzYsMCwzMDAuMTM4LDAsMjU0LjIzNEMwLDExNC43NTksMTE0Ljc1OSwwLDI1NS4xMTcsMCAgUzUxMiwxMTQuNzU5LDUxMiwyNTQuMjM0UzM5NS40NzYsNTEyLDI1NS4xMTcsNTEyYy00NC4xMzgsMC04Ni41MS0xNC4xMjQtMTI0LjQ2OS0zNS4zMUwwLDUxMnoiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzU1Q0Q2QzsiIGQ9Ik0xMzcuNzEsNDMwLjc4Nmw3Ljk0NSw0LjQxNGMzMi42NjIsMjAuMzAzLDcwLjYyMSwzMi42NjIsMTEwLjM0NSwzMi42NjIgIGMxMTUuNjQxLDAsMjExLjg2Mi05Ni4yMjEsMjExLjg2Mi0yMTMuNjI4UzM3MS42NDEsNDQuMTM4LDI1NS4xMTcsNDQuMTM4UzQ0LjEzOCwxMzcuNzEsNDQuMTM4LDI1NC4yMzQgIGMwLDQwLjYwNywxMS40NzYsODAuMzMxLDMyLjY2MiwxMTMuODc2bDUuMjk3LDcuOTQ1bC0yMC4zMDMsNzQuMTUyTDEzNy43MSw0MzAuNzg2eiIvPgo8cGF0aCBzdHlsZT0iZmlsbDojRkVGRUZFOyIgZD0iTTE4Ny4xNDUsMTM1Ljk0NWwtMTYuNzcyLTAuODgzYy01LjI5NywwLTEwLjU5MywxLjc2Ni0xNC4xMjQsNS4yOTcgIGMtNy45NDUsNy4wNjItMjEuMTg2LDIwLjMwMy0yNC43MTcsMzcuOTU5Yy02LjE3OSwyNi40ODMsMy41MzEsNTguMjYyLDI2LjQ4Myw5MC4wNDFzNjcuMDksODIuOTc5LDE0NC43NzIsMTA1LjA0OCAgYzI0LjcxNyw3LjA2Miw0NC4xMzgsMi42NDgsNjAuMDI4LTcuMDYyYzEyLjM1OS03Ljk0NSwyMC4zMDMtMjAuMzAzLDIyLjk1Mi0zMy41NDVsMi42NDgtMTIuMzU5ICBjMC44ODMtMy41MzEtMC44ODMtNy45NDUtNC40MTQtOS43MWwtNTUuNjE0LTI1LjZjLTMuNTMxLTEuNzY2LTcuOTQ1LTAuODgzLTEwLjU5MywyLjY0OGwtMjIuMDY5LDI4LjI0OCAgYy0xLjc2NiwxLjc2Ni00LjQxNCwyLjY0OC03LjA2MiwxLjc2NmMtMTUuMDA3LTUuMjk3LTY1LjMyNC0yNi40ODMtOTIuNjktNzkuNDQ4Yy0wLjg4My0yLjY0OC0wLjg4My01LjI5NywwLjg4My03LjA2MiAgbDIxLjE4Ni0yMy44MzRjMS43NjYtMi42NDgsMi42NDgtNi4xNzksMS43NjYtOC44MjhsLTI1LjYtNTcuMzc5QzE5My4zMjQsMTM4LjU5MywxOTAuNjc2LDEzNS45NDUsMTg3LjE0NSwxMzUuOTQ1Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=\" /></a>#}
4038.   {#       </div>#}
4039.   
4040.   
4041.           
4042.         {#  <a href=\"https://api.whatsapp.com/send?phone=662135956&text=Bonjour\" target=”_blank” class=\"whatsapp-btn\">#}
4043.         {#  <i class=\"bi bi-whatsapp\"></i>#}
4044.         {#</a>#}
4045. {% endblock %}
4047. {% block javascripts %}
4048.  <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js\"></script>
4050. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js\" integrity=\"sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
4051. <script src=\"https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js\"></script>
4052. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js\"></script>
4054. <script src=\"https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js\"></script>
4055. <script>
4056.   
4058. function toggle(id) {
4059.   a = document.getElementById('toggle_'+id);
4060.   b = document.getElementById('display_'+id);
4061.     if (a.style.display=='block') {
4062.       a.style.display='none';
4063.       b.innerHTML='En savoir plus';
4064.     }
4065.     else {
4066.       a.style.display='block';
4067.       b.innerHTML='Voir moins';
4068.   }
4069. }
4071. const \$prev = \$(\"#prev\");
4072. const \$next = \$(\"#next\");
4074. let \$carouselVp = \$(\"#carousel-vp\");
4075. let \$cCarouselInner = \$(\"#cCarousel-inner\");
4076. let \$cards = \$(\".cCarousel-item\");
4078. let carouselInnerWidth = \$cCarouselInner[0].getBoundingClientRect().width;
4079. let leftValue = 0;
4081. // Variable used to set the carousel movement value (card's width + gap)
4082. const totalMovementSize =
4083.   parseFloat(\$cards[0].getBoundingClientRect().width) +
4084.   parseFloat(\$cCarouselInner.css(\"gap\"));
4086. // Clone cards for infinite loop
4087. \$cards.each(function () {
4088.   \$(this).clone().appendTo(\$cCarouselInner);
4089. });
4091. // Update the new total width of the carousel
4092. carouselInnerWidth = \$cCarouselInner[0].getBoundingClientRect().width;
4094. \$prev.on(\"click\", () => {
4095.   if (leftValue === 0) {
4096.     // Jump to the end of the carousel for seamless looping
4097.     leftValue = -(
4098.       carouselInnerWidth / 2 -
4099.       \$carouselVp[0].getBoundingClientRect().width
4100.     );
4101.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
4102.   } else {
4103.     leftValue += totalMovementSize;
4104.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
4105.   }
4106. });
4108. \$next.on(\"click\", () => {
4109.   const carouselVpWidth = \$carouselVp[0].getBoundingClientRect().width;
4111.   if (carouselInnerWidth - Math.abs(leftValue) <= carouselVpWidth) {
4112.     // Jump to the beginning of the carousel for seamless looping
4113.     leftValue = 0;
4114.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
4115.   } else {
4116.     leftValue -= totalMovementSize;
4117.     \$cCarouselInner.css(\"left\", leftValue + \"px\");
4118.   }
4119. });
4122.   
4124. \$(\"#typed\").typed({
4125.   \t\tstrings: [\"Emplacement à 2 pas de la mosquée Hassan 2 ,\", \"en face de la foire d’exposition de Casablanca\", \"proche du centre ville et du centre d’affaire Marina.\"],
4126.   \t\ttypeSpeed: 100,
4127.   \t\tstartDelay: 0,
4128.   \t\tbackSpeed: 60,
4129.   \t\tbackDelay: 2000,
4130.   \t\tloop: true,
4131.   \t\tcursorChar: \"|\",
4132.   \t\tcontentType: 'html'
4133.   \t});
4143. </script>
4144. {% endblock %}
4145. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/home/index.html.twig");
4146.     }
4147. }