var/cache/dev/twig/b0/b09dab2bd2cb6cc69b11323868d8717d.php line 103

  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/layout.html.twig */
  16. class __TwigTemplate_ce0d07cdf38a3e0c914c9fb26dea64b0 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->parent = false;
  29.         $this->blocks = [
  30.             'title' => [$this, 'block_title'],
  31.             'metas' => [$this, 'block_metas'],
  32.             'stylesheets' => [$this, 'block_stylesheets'],
  33.             'body' => [$this, 'block_body'],
  34.             'javascripts' => [$this, 'block_javascripts'],
  35.         ];
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig"));
  47.         // line 1
  48.         echo "<!doctype html>
  49. <html class=\"no-js\" lang=\"fr\">
  50.     
  51. <!-- index28:48-->
  53.   <head>
  54.       <title>";
  55.         // line 7
  56.         $this->displayBlock('title', $context, $blocks);
  57.         echo "</title>
  58.     ";
  59.         // line 8
  60.         $this->displayBlock('metas', $context, $blocks);
  61.         // line 11
  62.         echo "    
  63.     <link rel=\"shortcut icon\" href=\"";
  64.         // line 12
  65.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/images/logo-black.png"), "html", null, true);
  66.         echo "\" />
  67.     <meta name=\"format-detection\" content=\"telephone=no\" />
  68.     
  69.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">
  70.     
  71.     
  72.     <meta
  73.       name=\"viewport\"
  74.       content=\"width=device-width,initial-scale=1,shrink-to-fit=no,maximum-scale=1\"
  75.     />
  76.     <meta charset=\"UTF-8\">
  78.     ";
  79.         // line 24
  80.         $this->displayBlock('stylesheets', $context, $blocks);
  81.         // line 604
  82.         echo "
  84.       </head>
  85.     <body>
  86.         <!-- Google Tag Manager (noscript) -->
  87.             <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-TSKN7LNV\"
  88.             height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>
  89.         <!-- End Google Tag Manager (noscript) -->
  92.         ";
  93.         // line 614
  94.         if ((twig_get_attribute($this->env, $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.', 614, $this->source); })()), "request", [], "any", false, false, false, 614), "attributes", [], "any", false, false, false, 614), "get", ["_route"], "method", false, false, false, 614) != "single_category_product")) {
  95.             // line 615
  96.             echo "       
  97.         ";
  98.         }
  99.         // line 617
  100.         echo "        
  101.          ";
  102.         // line 618
  103.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("front_header"));
  104.         echo "
  106.         
  107.         
  108.         
  109.         ";
  110.         // line 623
  111.         $context['_parent'] = $context;
  112.         $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.', 623, $this->source); })()), "flashes", [], "any", false, false, false, 623));
  113.         foreach ($context['_seq'] as $context["type"] => $context["messages"]) {
  114.             // line 624
  115.             echo "\t\t\t";
  116.             $context['_parent'] = $context;
  117.             $context['_seq'] = twig_ensure_traversable($context["messages"]);
  118.             foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  119.                 // line 625
  120.                 echo "
  121. \t\t\t\t";
  122.                 // line 626
  123.                 if (($context["type"] == "successOrder")) {
  124.                     // line 627
  125.                     echo "
  126. \t\t\t\t\t<!-- Dark Overlay -->
  127. \t\t\t\t\t<div id=\"overlayOrderValid\" style=\"position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999998;\"></div>
  129. \t\t\t\t\t<!-- Alert Modal -->
  130. \t\t\t\t\t<div id=\"myAlertOrderValid\" class=\"alert alert-";
  131.                     // line 632
  132.                     echo twig_escape_filter($this->env, $context["type"], "html", null, true);
  133.                     echo " text-center div-order-valid\" role=\"alert\" style=\"z-index: 9999999; position: absolute; top: 39%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 2%;\">
  134. \t\t\t\t\t\t<div style=\"display: flex; justify-content: center; align-items: center;\">
  135. \t\t\t\t\t\t\t<img class=\"img-order-valid\" src=\"";
  136.                     // line 634
  137.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/uploads/front-images/icon-valid-order.svg"), "html", null, true);
  138.                     echo "\" style=\"margin-top: -5px;\">
  139. \t\t\t\t\t\t</div>
  140. \t\t\t\t\t\t<h5 style=\"margin-top: 25px;margin-bottom: 25px;\">\tMerci !</h5>
  141. \t\t\t\t\t\t<p style=\"font-size: 14px;\">
  142. \t\t\t\t\t\t    Vos informations ont été enregistrées avec succès.\t<br>
  143.                             Nous vous remercions pour votre message et nous vous répondrons dans les plus brefs délais.\t<br>
  144.                             Si vous avez des questions urgentes, n’hésitez pas à nous contacter directement par téléphone ou par e-mail.
  145. \t\t\t\t\t\t</p>
  146. \t\t\t\t\t\t\t
  147. \t\t\t\t\t\t
  149. \t\t\t\t\t\t<button type=\"button\" class=\"close\" style=\"position: absolute; top: 0px; right: 5px;\" data-dismiss=\"alert\" id=\"btnClose\" aria-label=\"Close\">
  150. \t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;</span>
  151. \t\t\t\t\t\t</button>
  152. \t\t\t\t\t</div>
  155. \t\t\t\t";
  156.                 } else {
  157.                     // line 652
  158.                     echo "
  159. \t\t\t\t\t<div id=\"myAlert\" class=\"alert alert-";
  160.                     // line 653
  161.                     echo twig_escape_filter($this->env, $context["type"], "html", null, true);
  162.                     echo "\" role=\"alert\" style=\"z-index: 9999999;position: absolute; top: 22%; left: 50%; transform: translate(-50%, -50%);\">
  163. \t\t\t\t\t\t<i class=\"fas fa-check-circle\"></i>
  164. \t\t\t\t\t\t";
  165.                     // line 655
  166.                     echo $context["message"];
  167.                     echo "
  169. \t\t\t\t\t\t<button type=\"button\" class=\"close\" style=\"position: absolute;top: 0px;right: 5px;\" data-dismiss=\"alert\" id=\"btnClose\" aria-label=\"Close\">
  170. \t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;</span>
  171. \t\t\t\t\t\t</button>
  173. \t\t\t\t\t</div>
  175. \t\t\t\t";
  176.                 }
  177.                 // line 664
  178.                 echo "\t\t\t";
  179.             }
  180.             $_parent = $context['_parent'];
  181.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['message'], $context['_parent'], $context['loop']);
  182.             $context = array_intersect_key($context, $_parent) + $_parent;
  183.             // line 665
  184.             echo "\t\t";
  185.         }
  186.         $_parent = $context['_parent'];
  187.         unset($context['_seq'], $context['_iterated'], $context['type'], $context['messages'], $context['_parent'], $context['loop']);
  188.         $context = array_intersect_key($context, $_parent) + $_parent;
  189.         // line 666
  190.         echo "        
  191.         
  192.         <div style=\"min-height:700px;\" >
  193.         <div class=\"animate__animated animate__fadeIn\" data-turbo-cache=\"false\">
  194.             
  195.             
  196.             
  197.             
  198.         ";
  199.         // line 674
  200.         $this->displayBlock('body', $context, $blocks);
  201.         // line 681
  202.         echo "        </div>
  203.         </div>
  204.         
  205.          ";
  206.         // line 685
  207.         echo "                    ";
  208.         // line 686
  209.         echo "                    ";
  210.         // line 687
  211.         echo "                    
  212.         ";
  213.         // line 689
  214.         echo "        
  215.         
  216.         
  217.         
  218.          ";
  219.         // line 694
  220.         echo "         ";
  221.         // line 695
  222.         echo "         ";
  223.         // line 696
  224.         echo "         ";
  225.         // line 697
  226.         echo "         ";
  227.         // line 698
  228.         echo "                    
  229.          ";
  230.         // line 700
  231.         echo "        
  232.         
  233.         
  234.         
  235.          <a  class=\"user-btn\" style=\"background-color:#788c80;\" data-popup=\"popup-reg\" >
  236.           <i class=\"fa fa-user\"></i>
  237.         </a>
  239.                 ";
  240.         // line 708
  241.         $context['_parent'] = $context;
  242.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["doctrine"]) || array_key_exists("doctrine", $context) ? $context["doctrine"] : (function () { throw new RuntimeError('Variable "doctrine" does not exist.', 708, $this->source); })()), "repository", ["App\\Flexy\\ShopBundle\\Entity\\Order\\HomePage"], "method", false, false, false, 708), "findBy", [["id" => 1]], "method", false, false, false, 708));
  243.         foreach ($context['_seq'] as $context["_key"] => $context["home"]) {
  244.             // line 709
  245.             echo "                      
  246.                     
  247.         <a href=\"/uploads/coworking/brochure-pdf/";
  248.             // line 711
  249.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["home"], "banner", [], "any", false, false, false, 711), "html", null, true);
  250.             echo "\" target=”_blank” class=\"pdf-btn\">
  251.           ";
  252.         }
  253.         $_parent = $context['_parent'];
  254.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['home'], $context['_parent'], $context['loop']);
  255.         $context = array_intersect_key($context, $_parent) + $_parent;
  256.         // line 713
  257.         echo "            <div>  
  258.             <span id=\"brochure\" style=\"font-size: 10px;color: white;font-weight: 600;\">Brochure</span>
  259.             <i class=\"fa-regular fa-map\"></i>
  260.             </div>
  261.             
  262.         </a>
  263.           ";
  264.         // line 719
  265.         $context["textWhatsap"] = "Bonjour, est-ce que je pourrais avoir plus d’informations sur cowork&live ?";
  266.         // line 720
  267.         echo "          
  268.          
  269.             ";
  270.         // line 722
  271.         $context['_parent'] = $context;
  272.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["doctrine"]) || array_key_exists("doctrine", $context) ? $context["doctrine"] : (function () { throw new RuntimeError('Variable "doctrine" does not exist.', 722, $this->source); })()), "repository", ["App\\Flexy\\ShopBundle\\Entity\\Order\\HomePage"], "method", false, false, false, 722), "findBy", [["id" => 1]], "method", false, false, false, 722));
  273.         foreach ($context['_seq'] as $context["_key"] => $context["home"]) {
  274.             // line 723
  275.             echo "                      
  276.                 <a href=\"https://api.whatsapp.com/send?phone=";
  277.             // line 724
  278.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["home"], "whatsapp", [], "any", false, false, false, 724), "html", null, true);
  279.             echo "&text=";
  280.             echo twig_escape_filter($this->env, (isset($context["textWhatsap"]) || array_key_exists("textWhatsap", $context) ? $context["textWhatsap"] : (function () { throw new RuntimeError('Variable "textWhatsap" does not exist.', 724, $this->source); })()), "html", null, true);
  281.             echo "\" target=”_blank” class=\"whatsapp-btn\">
  282.                   <i class=\"bi bi-whatsapp\"></i>
  283.                 </a>
  284.                 
  285.              ";
  286.         }
  287.         $_parent = $context['_parent'];
  288.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['home'], $context['_parent'], $context['loop']);
  289.         $context = array_intersect_key($context, $_parent) + $_parent;
  290.         // line 729
  291.         echo "            <div>  
  292.         
  293.         
  294.         
  295.         
  296.         <div id=\"popup-reg\" class=\"popup\">
  297.           <div class=\"popup-content\">
  298.                     <div class=\"event-header\">
  299.                       <h6>Écrivez-nous</h6>
  300.                     </div>
  301.                     <form id=\"send\" class=\"send-form\" action=\"";
  302.         // line 739
  303.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("sendEmailFromNewLead");
  304.         echo "\" method=\"POST\">
  305.                         
  306.                   <div class=\"form-group\">
  307.                     <label for=\"name\">
  308.                       <i class=\"fa fa-user\" id=\"forPopup\"></i>
  309.                     </label>
  310.                     <input type=\"text\" placeholder=\"Nom complet ...\" id=\"name\" name=\"nom\" required=\"required\">
  311.                   </div>
  312.                   <div class=\"form-group\">
  313.                     <label for=\"phone\">
  314.                       <i class=\"fa fa-phone\"></i>
  315.                     </label>
  316.                     <input type=\"tel\" placeholder=\"Téléphone ...\" id=\"phone\"  name=\"tel\" required=\"required\">
  317.                   </div>
  318.                   <div class=\"form-group\">
  319.                     <label for=\"mail\">
  320.                       <i class=\"fa fa-envelope\"></i>
  321.                     </label>
  322.                     <input type=\"email\" placeholder=\"Email ...\" id=\"mail\" name=\"email\" required=\"required\">
  323.                   </div>
  324.                   <div class=\"form-group\">
  325.                         <label for=\"text\">
  326.                           <i class=\"fa fa-commenting\"></i>
  327.                         </label>
  328.                         <textarea rows=\"4\" id=\"txtArea\" placeholder=\"Message ...\" name=\"message\" id=\"text\" required=\"required\"></textarea>
  329.                       </div>
  330.                     \t ";
  331.         // line 766
  332.         echo "                        
  333.                     <div class=\"row\">
  334.                 \t\t<div class=\"col-12\" style=\"text-align: center;\">
  335.                 \t\t\t<input class=\"float\" type=\"submit\"   value=\"Envoyer\" style=\"text-indent: 0px;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;\">
  336.                 \t\t</div>
  337.                 \t</div>
  338.                     </form>
  339.                     <span class=\"fade-out main-btn-circle\" style=\"font-weight:900;\">╳</span>
  340.           </div>
  341.         </div>
  342.         
  343.         
  344.         
  345.         
  346.         
  347.         
  348.         
  349.         
  350.         
  351.         ";
  352.         // line 785
  353.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("front_footer"));
  354.         echo "
  356.         ";
  357.         // line 787
  358.         $this->displayBlock('javascripts', $context, $blocks);
  359.         // line 795
  360.         echo "       
  361.         <script>
  362.         
  363.         
  364.         \$(document).ready(function(){
  365.  
  366.   \$('.user-btn').click(function(){ 
  367.          
  368.     var popupBlock = \$('#'+\$(this).data('popup'));
  369.     popupBlock.addClass('active')
  370.       .find('.fade-out').click(function(){
  371.         popupBlock.css('opacity','0').find('.popup-content').css('margin-top','350px');        
  372.         setTimeout(function(){
  373.           \$('.popup').removeClass('active');
  374.           popupBlock.css('opacity','').find('.popup-content').css('margin-top','');
  375.         }, 600);
  376.       });
  377.  });
  378.  
  379.  
  380.  
  381.      \$(\"#btnClose\").click(function () {
  382.         \$(\"#myAlert\").fadeOut();
  383.         \$(\"#myAlertOrderValid\").fadeOut();
  384.         \$(\"#overlayOrderValid\").fadeOut();
  385.       });
  387.  
  388. });
  389.         
  390.         
  391.         
  392.              function redirectToSelectedURL() {
  393.             \t
  394.             \tvar selectElement = document.getElementById(\"combo\");
  395.             \tvar selectedValue = selectElement.value;
  396.               
  397.             \t// Check if a valid option is selected
  398.             \tif (selectedValue !== \"\") {
  399.             \t  window.location.href = selectedValue;
  400.             \t}
  401.               }
  402.            
  403.         </script>
  404.     </body>
  406. </html>";
  407.         
  408.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  410.         
  411.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  413.     }
  415.     // line 7
  416.     public function block_title($context, array $blocks = [])
  417.     {
  418.         $macros = $this->macros;
  419.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  420.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  422.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  423.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  425.         echo "Cowork & live";
  426.         
  427.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  429.         
  430.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  432.     }
  434.     // line 8
  435.     public function block_metas($context, array $blocks = [])
  436.     {
  437.         $macros = $this->macros;
  438.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  439.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metas"));
  441.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  442.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metas"));
  444.         // line 9
  445.         echo "    ";
  446.         echo twig_join_filter(twig_get_attribute($this->env, $this->source, (isset($context["front"]) || array_key_exists("front", $context) ? $context["front"] : (function () { throw new RuntimeError('Variable "front" does not exist.', 9, $this->source); })()), "renderSeo", [], "any", false, false, false, 9));
  447.         echo "
  448.     ";
  449.         
  450.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  452.         
  453.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  455.     }
  457.     // line 24
  458.     public function block_stylesheets($context, array $blocks = [])
  459.     {
  460.         $macros = $this->macros;
  461.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  462.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  464.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  465.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  467.         // line 25
  468.         echo "    <style>
  469.         .fa-linkedin {
  470.     color: #ffffff !important;
  471.     font-size: 15px !important;
  472. }
  474. #brochure:hover{
  475.     text-decoration:underline;
  476. }
  480. .text-pdf-btn {
  481.     position: fixed;
  482.     bottom: 145px;
  483.     right: 8px;
  484.     z-index: 9999;
  485.     font-weight: 700;
  486.     font-size: 10px;
  487.     color:black;
  488.   
  489. }
  492. #textForWhatsap {
  493.     position: fixed;
  494.     bottom: 40px;
  495.     right: 90px;
  496.     z-index: 9999;
  497.     font-weight: 700;
  498.     font-size: 10px;
  499.     color:black;
  500.   
  501. }
  502. #textForWhatsap:hover{
  503.      color:#DFB150;
  504. }
  506. .text-pdf-btn:hover{
  507.      color:#DFB150;
  508. }
  510. .pdf-btn {
  511.   position: fixed;
  512.   bottom: 90px;
  513.   right: 20px;
  514.   z-index: 9999;
  515.   width: 60px;
  516.   height: 60px;
  517.   border-radius: 50%;
  518.   background-color: #DFB150;
  519.   display: flex;
  520.   align-items: center;
  521.   justify-content: center;
  522.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  523.   animation: breathePdf 2s ease-in-out infinite;
  524. }
  526. /*Estilos solo al icono whatsapp*/
  527. .pdf-btn i {
  528.   color: #fff;
  529.   font-size: 24px;
  530.   animation: beatPdf 2s ease-in-out infinite;
  531.   text-decoration: none;
  532. }
  536. .whatsapp-btn {
  537.   position: fixed;
  538.   bottom: 20px;
  539.   right: 20px;
  540.   z-index: 9999;
  541.   width: 60px;
  542.   height: 60px;
  543.   border-radius: 50%;
  544.   background-color: #25D366;
  545.   display: flex;
  546.   align-items: center;
  547.   justify-content: center;
  548.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  549.   animation: breathe 2s ease-in-out infinite;
  550. }
  552. /*Estilos solo al icono whatsapp*/
  553. .whatsapp-btn i {
  554.   color: #fff;
  555.   font-size: 24px;
  556.   animation: beat 2s ease-in-out infinite;
  557.   text-decoration: none;
  558. }
  560. /*Estilos con animation contorno respirando*/
  561. @keyframes breathe {
  562.   0% {
  563.     box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  564.   }
  565.   70% {
  566.     box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  567.   }
  568.   100% {
  569.     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  570.   }
  571. }
  573. /*Estilos de animacion del icono latiendo*/
  574. @keyframes beat {
  575.   0% {
  576.     transform: scale(1);
  577.   }
  578.   50% {
  579.     transform: scale(1.2);
  580.   }
  581.   100% {
  582.     transform: scale(1);
  583.   }
  584. }
  589. /*Estilos con animation contorno respirando*/
  590. @keyframes breathePdf {
  591.   0% {
  592.     /*box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);*/
  593.     box-shadow: 0 0 0 0 rgb(218 37 37);
  594.   }
  595.   70% {
  596.     /*box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);*/
  597.     box-shadow: 0 0 0 0 15px rgb(218 37 37);
  598.   }
  599.   100% {
  600.     /*box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
  601.     box-shadow: 0 0 0 0 rgb(218 37 37);
  602.   }
  603. }
  605. /*Estilos de animacion del icono latiendo*/
  606. @keyframes beatPdf {
  607.   0% {
  608.     transform: scale(1);
  609.   }
  610.   50% {
  611.     transform: scale(1.2);
  612.   }
  613.   100% {
  614.     transform: scale(1);
  615.   }
  616. }
  622. .user-btn {
  623.   position: fixed;
  624.  bottom: 160px;
  625.   right: 20px;
  626.   z-index: 9999;
  627.   width: 60px;
  628.   height: 60px;
  629.   border-radius: 50%;
  630.   background-color: #25D366;
  631.   display: flex;
  632.   align-items: center;
  633.   justify-content: center;
  634.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  635.   animation: breatheUser 2s ease-in-out infinite;
  636. }
  638. /*Estilos solo al icono whatsapp*/
  639. .user-btn i {
  640.   color: #fff;
  641.   font-size: 24px;
  642.   animation: beatUser 2s ease-in-out infinite;
  643.   text-decoration: none;
  644. }
  646. /*Estilos con animation contorno respirando*/
  647. @keyframes breatheUser {
  648.  0% {
  649.     box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5); /* Grey */
  650.   }
  651.   70% {
  652.     box-shadow: 0 0 0 15px rgba(128, 128, 128, 0); /* Transition to grey, fading out */
  653.   }
  654.   100% {
  655.     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* Fully transparent */
  656.   }
  657. }
  659. /*Estilos de animacion del icono latiendo*/
  660. @keyframes beatUser {
  661.   0% {
  662.     transform: scale(1);
  663.   }
  664.   50% {
  665.     transform: scale(1.2);
  666.   }
  667.   100% {
  668.     transform: scale(1);
  669.   }
  670. }
  678.       #brochure{
  679.            padding-left: 7px!important;
  680.        }
  681.        
  682.        i.fa-regular.fa-map
  683.        {
  684.        padding-left: 15px!important;
  685.        }
  689. /*popup form*/
  692. .popup-btn{
  693. \tposition: absolute!important;
  694. \ttop: 55%;
  695. \tleft: 50%;
  696. \ttransform: translate(-50%,-50%);
  697. }
  698. .main-btn-rect,
  699. .main-btn-circle{
  700. \tposition: relative;
  701. \tmargin: 0;
  702. \tfont-family: 'Roboto', sans-serif;
  703. \tcolor: #e5c88a;
  704. \t/*background-color: rgb(252, 79, 79);*/
  705. \ttext-transform: uppercase;
  706. \tfont-size: 25px;
  707. \tletter-spacing: 1px;\t
  708. \toutline: none;
  709. \tcursor: pointer;
  710. \t   
  711. \tz-index: 100;
  712. }
  713. .main-btn-rect {
  714. \tpadding: 10px 80px;
  715. \tline-height: 30px;
  716. }
  717. .main-btn-rect:before, 
  718. .main-btn-rect:after{
  719.   position: absolute;
  720.   content: '';
  721.   top:0;
  722.   width: 0%;
  723.   height: 100%;
  724.   background-color: rgba(255, 255, 240, 0.2);
  725.   -webkit-transition: width 0.3s;
  726.   -o-transition: width 0.3s;
  727.   transition: width 0.3s;
  728. }
  729. .main-btn-rect:before {
  730.   left: 0;
  731. }
  732. .main-btn-rect:after {
  733.   right: 0;
  734. }
  735. .main-btn-rect:hover:before, 
  736. .main-btn-rect:hover:after{
  737.   width: 50%;
  738. }
  739. .main-btn-circle{
  740. \theight: 40px;
  741. \twidth: 40px;
  742. \t-webkit-border-radius: 50%;
  743. \tborder-radius: 100%;
  744. \tline-height: 40px;
  745.   -webkit-transition: box-shadow 0.3s;
  746.   -o-transition: box-shadow 0.3s;
  747.   transition: box-shadow 0.3s;
  748. }
  749. .main-btn-circle:hover{   
  750.   -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  751.   -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  752.   box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  753. }
  754. .popup{
  755.   position: fixed;
  756. \ttop: 100%;
  757.   width: 100%;
  758.   height: 100%;
  759.   z-index: 10001;
  760. }
  761. .popup.active{
  762.   top:0;
  763.   background-color: rgba(3, 3, 3, 0.98); 
  764.   transition: background-color .6s ,opacity .6s;
  765. }
  766. .popup .main-btn-rect{
  767.   padding: 10px 100px;
  768. }
  769. .popup .popup-content{
  770.   position: absolute;
  771.   top: 50%;
  772.   left: 50%;
  773.   max-height: 568px;
  774.   min-width: 400px;
  775.   margin-top: 150px;
  776.   padding: 25px;
  777.   background-color: #FFFFF0;
  778.   color: #070000;
  779.   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  780.   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  781.   -ms-transform: translateX(-50%) translateY(-50%);
  782.   transform: translateX(-50%) translateY(-50%);
  783.   -webkit-transform: translateX(-50%) translateY(-50%);
  784.   -moz-transform: translateX(-50%) translateY(-50%);
  785.   -o-transform: translateX(-50%) translateY(-50%);
  786.   transition: margin .6s;
  787.   -webkit-transition: margin .6s;
  788.   -moz-transition: margin .6s;
  789.   -o-transition: margin .6s;
  790. }
  791. .popup.active .popup-content{
  792.   margin-top: 0px;
  793. }
  794. .popup-content h6{
  795.   display: table;
  796.   font-size: 16px;
  797.   text-align: center;
  798.   margin: 10px auto;
  799.   font-family: 'Roboto',sans-serif;
  800.   text-transform: uppercase;
  801.   font-weight: 100;  
  802. }
  803. .form-group{
  804. \tposition: relative;
  805. \twidth: 90%;
  806. \tmargin: 0px auto;
  807. }
  808. form#send input, form#send textarea{
  809. \tposition: relative;
  810. \tmargin-bottom: 5px;
  811. \twidth: 100%;
  812. \theight: 35px;
  813. \tfont-family: 'RobotoLight', sans-serif;
  814. \ttext-indent: 20px;
  815.     background-color: transparent;
  816. \toutline: 0;
  817. \tborder: none;
  818. \tborder-bottom: 1px solid #070000;
  819. \t-webkit-transition: border 0.6s;
  820. \t-o-transition: border 0.6s;
  821. \ttransition: border 0.6s;
  822. \t    font-size: 12px;
  823. }
  824. form#send input:focus,
  825. form#send textarea:focus{
  826. \tborder-bottom: 1px solid rgb(63, 173, 168); 
  827. }
  828. form#send label{
  829. \tposition: absolute;
  830. \ttop: 18px;
  831. \tline-height: 28px;
  832. \t-webkit-transition: color .5s;
  833. \t-o-transition: color .5s;
  834. \ttransition: color .5s;
  835. }
  836. form#send input:focus + label,
  837. form#send textarea:focus + label{
  838.   color: rgb(63, 173, 168);
  839. }
  840. form#send .txt{
  841. \tline-height: 22px;
  842. \tleft: 2px;
  843. }
  844. form#send .main-btn-rect {
  845. position: relative;
  846.     display: block;
  847.     padding: 3px 20px;
  848.     margin: 0px auto;
  849.     font-size: 14px;
  850.     color: #dfb150;
  851.     border: 1px solid #dfb150;
  853. }
  854. form#send .main-btn-rect i {
  855. \tmargin-right: 5px;
  856. }
  857. .popup .fade-out{
  858.   position: absolute;
  859.   top: -20px;
  860.   right: -20px;
  861.   text-align: center;
  862.   font-size: 15px;
  863. }
  864. .share-wrap{
  865. \tposition: absolute;
  866.   display: inline-table;
  867. \ttop: 67%;
  868. \tleft: 50%;
  869. \ttransform: translate(-50%, -50%);
  870.   padding: 15px;
  871.   text-align: center;
  872. }
  873. .share-btn{
  874.   color: #FFFFF0;
  875.   padding: 7px 25px;
  876.   text-decoration: none;
  877.   cursor: pointer;
  878.   font-weight: 100;
  879.   font-size: 14px;
  880.   font-family:'Lobster', sans-serif;
  881.   background-color: rgba(63, 173, 168, .8);
  882.   text-transform: uppercase;
  883.   border-radius: 5px;
  884.   transition: background-color .5s;
  885.   -webkit-transition: background-color .5s;
  886.   -moz-transition: background-color .5s;
  887.   -o-transition: background-color .5s;
  888. }
  889. .share-btn:hover{
  890.   color: #FFFFF0;
  891.   text-decoration: none;
  892.   background-color: rgba(63, 173, 168, 1.0);
  893. }
  895. .resp-sharing-button__link,
  896. .resp-sharing-button__icon {
  897.   display: inline-block
  898. }
  899. .resp-sharing-button__link {
  900.   text-decoration: none;
  901.   color: #fff;
  902.   margin: 2px;
  903. }
  904. .resp-sharing-button {
  905.   border-radius: 5px;
  906.   transition: 25ms ease-out;
  907.   padding: 6px 9px;
  908.   transition: background-color .5s;
  909.   -webkit-transition: background-color .5s;
  910.   -moz-transition: background-color .5s;
  911.   -o-transition: background-color .5s;
  912. }
  913. .resp-sharing-button__icon svg {
  914.   width: 1em;
  915.   height: 1em;
  916.   margin-right: 0.4em;
  917.   vertical-align: top
  918. }
  919. .resp-sharing-button--small svg {
  920.   margin: 0;
  921.   vertical-align: middle
  922. }
  923. .resp-sharing-button__icon,
  924. .resp-sharing-button__icon--solid,
  925. .resp-sharing-button__icon--solidcircle {
  926.   fill: #fff;
  927.   stroke: none
  928. }
  929. .resp-sharing-button--facebook {
  930.   background-color: #3b5998;
  931.   border-color: #3b5998;
  932. }
  933. .resp-sharing-button--facebook:hover,
  934. .resp-sharing-button--facebook:active {
  935.   background-color: #2d4373;
  936.   border-color: #2d4373;
  937. }
  938. .resp-sharing-button--twitter {
  939.   background-color: #55acee;
  940.   border-color: #55acee;
  941. }
  942. .resp-sharing-button--twitter:hover,
  943. .resp-sharing-button--twitter:active {
  944.   background-color: #2795e9;
  945.   border-color: #2795e9;
  946. }
  947. .resp-sharing-button--linkedin {
  948.   background-color: #0077b5;
  949.   border-color: #0077b5;
  950. }
  951. .resp-sharing-button--linkedin:hover,
  952. .resp-sharing-button--linkedin:active {
  953.   background-color: #046293;
  954.   border-color: #046293;
  955. }
  956. @media only screen and (max-width: 768px){
  957.  
  958.   form#send .main-btn-rect {padding: 7px 60px; font-size: 14px;}
  959.   .popup-btn{padding: 7px 60px; font-size: 14px;}
  960.   
  961.   
  962.       .fa-user:before {
  963.         font-size: 20px !important;
  964.         margin-top: 10px;
  965.     }
  966.     
  967.             .popup .fade-out {
  968.             position: absolute;
  969.             top: -22px;
  970.             right: 5px;
  971.             text-align: center;
  972.             font-size: 27px;
  973.         }
  974. }
  977. .popup-content .form-group {
  978.   position: relative;
  979.   margin-bottom: 15px;
  980. }
  982. .popup-content label {
  983.   position: absolute;
  984.   left: 10px;
  985.   top: 50%;
  986.   transform: translateY(-50%);
  987.   color: #999;
  988. }
  990. .popup-content input,
  991. .popup-content textarea {
  992.   padding-left: 35px; /* Make room for the icon */
  993.   width: 100%;
  994.   box-sizing: border-box;
  995. }
  997. .popup-content textarea {
  998.       padding-top: 2px;
  999.        padding-left: 5px;
  1000.         height: 65px!important;
  1001. }
  1003. #txtArea::placeholder {
  1004.     font-size: 13px !important; /* Adjust the size as needed */
  1005.   padding-left: 10px  !important;
  1006.      
  1007. }
  1009. .popup-content input::placeholder,
  1010. .popup-content textarea::placeholder {
  1011.   color: #ccc;
  1012. }
  1014. .popup-content input:focus + label i,
  1015. .popup-content textarea:focus + label i {
  1016.   color: #333; /* Optional: Change icon color on focus */
  1017. }
  1019. .popup-content button {
  1020.   display: flex;
  1021.   align-items: center;
  1022. }
  1024. .popup-content button i {
  1025.   margin-right: 5px;
  1026. }
  1029. /*popup form*/
  1031.     </style>
  1032. ";
  1033.         // line 589
  1034.         $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/_head.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", 589)->display($context);
  1035.         // line 590
  1036.         echo "
  1038.     <!-- Google Tag Manager -->
  1039.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  1040.         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  1041.         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  1042.         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  1043.         })(window,document,'script','dataLayer','GTM-TSKN7LNV');</script>
  1044.     <!-- End Google Tag Manager -->
  1046. ";
  1047.         // line 600
  1048.         echo $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackLinkTags("frontend");
  1049.         echo "
  1050.      ";
  1051.         // line 601
  1052.         $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/_stylesheets.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", 601)->display($context);
  1053.         // line 602
  1054.         echo "    
  1055.     ";
  1056.         
  1057.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1059.         
  1060.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1062.     }
  1064.     // line 674
  1065.     public function block_body($context, array $blocks = [])
  1066.     {
  1067.         $macros = $this->macros;
  1068.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1069.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1071.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1072.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  1074.         // line 675
  1075.         echo "
  1078.         
  1080.         ";
  1081.         
  1082.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1084.         
  1085.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1087.     }
  1089.     // line 787
  1090.     public function block_javascripts($context, array $blocks = [])
  1091.     {
  1092.         $macros = $this->macros;
  1093.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1094.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1096.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1097.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1099.         // line 788
  1100.         echo "         
  1101.             
  1102.             ";
  1103.         // line 790
  1104.         $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/_javascripts.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", 790)->display($context);
  1105.         // line 791
  1106.         echo "            
  1107.             
  1108.            
  1109.         ";
  1110.         
  1111.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1113.         
  1114.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1116.     }
  1118.     public function getTemplateName()
  1119.     {
  1120.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig";
  1121.     }
  1123.     public function isTraitable()
  1124.     {
  1125.         return false;
  1126.     }
  1128.     public function getDebugInfo()
  1129.     {
  1130.         return array (  1106 => 791,  1104 => 790,  1100 => 788,  1090 => 787,  1075 => 675,  1065 => 674,  1054 => 602,  1052 => 601,  1048 => 600,  1036 => 590,  1034 => 589,  468 => 25,  458 => 24,  445 => 9,  435 => 8,  416 => 7,  360 => 795,  358 => 787,  353 => 785,  332 => 766,  303 => 739,  291 => 729,  278 => 724,  275 => 723,  271 => 722,  267 => 720,  265 => 719,  257 => 713,  249 => 711,  245 => 709,  241 => 708,  231 => 700,  228 => 698,  226 => 697,  224 => 696,  222 => 695,  220 => 694,  214 => 689,  211 => 687,  209 => 686,  207 => 685,  202 => 681,  200 => 674,  190 => 666,  184 => 665,  178 => 664,  166 => 655,  161 => 653,  158 => 652,  137 => 634,  132 => 632,  125 => 627,  123 => 626,  120 => 625,  115 => 624,  111 => 623,  103 => 618,  100 => 617,  96 => 615,  94 => 614,  82 => 604,  80 => 24,  65 => 12,  62 => 11,  60 => 8,  56 => 7,  48 => 1,);
  1131.     }
  1133.     public function getSourceContext()
  1134.     {
  1135.         return new Source("<!doctype html>
  1136. <html class=\"no-js\" lang=\"fr\">
  1137.     
  1138. <!-- index28:48-->
  1140.   <head>
  1141.       <title>{% block title %}Cowork & live{% endblock %}</title>
  1142.     {% block metas %}
  1143.     {{front.renderSeo|join|raw}}
  1144.     {% endblock %}
  1145.     
  1146.     <link rel=\"shortcut icon\" href=\"{{asset(\"themes/coworking/images/logo-black.png\")}}\" />
  1147.     <meta name=\"format-detection\" content=\"telephone=no\" />
  1148.     
  1149.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">
  1150.     
  1151.     
  1152.     <meta
  1153.       name=\"viewport\"
  1154.       content=\"width=device-width,initial-scale=1,shrink-to-fit=no,maximum-scale=1\"
  1155.     />
  1156.     <meta charset=\"UTF-8\">
  1158.     {% block stylesheets %}
  1159.     <style>
  1160.         .fa-linkedin {
  1161.     color: #ffffff !important;
  1162.     font-size: 15px !important;
  1163. }
  1165. #brochure:hover{
  1166.     text-decoration:underline;
  1167. }
  1171. .text-pdf-btn {
  1172.     position: fixed;
  1173.     bottom: 145px;
  1174.     right: 8px;
  1175.     z-index: 9999;
  1176.     font-weight: 700;
  1177.     font-size: 10px;
  1178.     color:black;
  1179.   
  1180. }
  1183. #textForWhatsap {
  1184.     position: fixed;
  1185.     bottom: 40px;
  1186.     right: 90px;
  1187.     z-index: 9999;
  1188.     font-weight: 700;
  1189.     font-size: 10px;
  1190.     color:black;
  1191.   
  1192. }
  1193. #textForWhatsap:hover{
  1194.      color:#DFB150;
  1195. }
  1197. .text-pdf-btn:hover{
  1198.      color:#DFB150;
  1199. }
  1201. .pdf-btn {
  1202.   position: fixed;
  1203.   bottom: 90px;
  1204.   right: 20px;
  1205.   z-index: 9999;
  1206.   width: 60px;
  1207.   height: 60px;
  1208.   border-radius: 50%;
  1209.   background-color: #DFB150;
  1210.   display: flex;
  1211.   align-items: center;
  1212.   justify-content: center;
  1213.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  1214.   animation: breathePdf 2s ease-in-out infinite;
  1215. }
  1217. /*Estilos solo al icono whatsapp*/
  1218. .pdf-btn i {
  1219.   color: #fff;
  1220.   font-size: 24px;
  1221.   animation: beatPdf 2s ease-in-out infinite;
  1222.   text-decoration: none;
  1223. }
  1227. .whatsapp-btn {
  1228.   position: fixed;
  1229.   bottom: 20px;
  1230.   right: 20px;
  1231.   z-index: 9999;
  1232.   width: 60px;
  1233.   height: 60px;
  1234.   border-radius: 50%;
  1235.   background-color: #25D366;
  1236.   display: flex;
  1237.   align-items: center;
  1238.   justify-content: center;
  1239.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  1240.   animation: breathe 2s ease-in-out infinite;
  1241. }
  1243. /*Estilos solo al icono whatsapp*/
  1244. .whatsapp-btn i {
  1245.   color: #fff;
  1246.   font-size: 24px;
  1247.   animation: beat 2s ease-in-out infinite;
  1248.   text-decoration: none;
  1249. }
  1251. /*Estilos con animation contorno respirando*/
  1252. @keyframes breathe {
  1253.   0% {
  1254.     box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  1255.   }
  1256.   70% {
  1257.     box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  1258.   }
  1259.   100% {
  1260.     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  1261.   }
  1262. }
  1264. /*Estilos de animacion del icono latiendo*/
  1265. @keyframes beat {
  1266.   0% {
  1267.     transform: scale(1);
  1268.   }
  1269.   50% {
  1270.     transform: scale(1.2);
  1271.   }
  1272.   100% {
  1273.     transform: scale(1);
  1274.   }
  1275. }
  1280. /*Estilos con animation contorno respirando*/
  1281. @keyframes breathePdf {
  1282.   0% {
  1283.     /*box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);*/
  1284.     box-shadow: 0 0 0 0 rgb(218 37 37);
  1285.   }
  1286.   70% {
  1287.     /*box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);*/
  1288.     box-shadow: 0 0 0 0 15px rgb(218 37 37);
  1289.   }
  1290.   100% {
  1291.     /*box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
  1292.     box-shadow: 0 0 0 0 rgb(218 37 37);
  1293.   }
  1294. }
  1296. /*Estilos de animacion del icono latiendo*/
  1297. @keyframes beatPdf {
  1298.   0% {
  1299.     transform: scale(1);
  1300.   }
  1301.   50% {
  1302.     transform: scale(1.2);
  1303.   }
  1304.   100% {
  1305.     transform: scale(1);
  1306.   }
  1307. }
  1313. .user-btn {
  1314.   position: fixed;
  1315.  bottom: 160px;
  1316.   right: 20px;
  1317.   z-index: 9999;
  1318.   width: 60px;
  1319.   height: 60px;
  1320.   border-radius: 50%;
  1321.   background-color: #25D366;
  1322.   display: flex;
  1323.   align-items: center;
  1324.   justify-content: center;
  1325.   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  1326.   animation: breatheUser 2s ease-in-out infinite;
  1327. }
  1329. /*Estilos solo al icono whatsapp*/
  1330. .user-btn i {
  1331.   color: #fff;
  1332.   font-size: 24px;
  1333.   animation: beatUser 2s ease-in-out infinite;
  1334.   text-decoration: none;
  1335. }
  1337. /*Estilos con animation contorno respirando*/
  1338. @keyframes breatheUser {
  1339.  0% {
  1340.     box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5); /* Grey */
  1341.   }
  1342.   70% {
  1343.     box-shadow: 0 0 0 15px rgba(128, 128, 128, 0); /* Transition to grey, fading out */
  1344.   }
  1345.   100% {
  1346.     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); /* Fully transparent */
  1347.   }
  1348. }
  1350. /*Estilos de animacion del icono latiendo*/
  1351. @keyframes beatUser {
  1352.   0% {
  1353.     transform: scale(1);
  1354.   }
  1355.   50% {
  1356.     transform: scale(1.2);
  1357.   }
  1358.   100% {
  1359.     transform: scale(1);
  1360.   }
  1361. }
  1369.       #brochure{
  1370.            padding-left: 7px!important;
  1371.        }
  1372.        
  1373.        i.fa-regular.fa-map
  1374.        {
  1375.        padding-left: 15px!important;
  1376.        }
  1380. /*popup form*/
  1383. .popup-btn{
  1384. \tposition: absolute!important;
  1385. \ttop: 55%;
  1386. \tleft: 50%;
  1387. \ttransform: translate(-50%,-50%);
  1388. }
  1389. .main-btn-rect,
  1390. .main-btn-circle{
  1391. \tposition: relative;
  1392. \tmargin: 0;
  1393. \tfont-family: 'Roboto', sans-serif;
  1394. \tcolor: #e5c88a;
  1395. \t/*background-color: rgb(252, 79, 79);*/
  1396. \ttext-transform: uppercase;
  1397. \tfont-size: 25px;
  1398. \tletter-spacing: 1px;\t
  1399. \toutline: none;
  1400. \tcursor: pointer;
  1401. \t   
  1402. \tz-index: 100;
  1403. }
  1404. .main-btn-rect {
  1405. \tpadding: 10px 80px;
  1406. \tline-height: 30px;
  1407. }
  1408. .main-btn-rect:before, 
  1409. .main-btn-rect:after{
  1410.   position: absolute;
  1411.   content: '';
  1412.   top:0;
  1413.   width: 0%;
  1414.   height: 100%;
  1415.   background-color: rgba(255, 255, 240, 0.2);
  1416.   -webkit-transition: width 0.3s;
  1417.   -o-transition: width 0.3s;
  1418.   transition: width 0.3s;
  1419. }
  1420. .main-btn-rect:before {
  1421.   left: 0;
  1422. }
  1423. .main-btn-rect:after {
  1424.   right: 0;
  1425. }
  1426. .main-btn-rect:hover:before, 
  1427. .main-btn-rect:hover:after{
  1428.   width: 50%;
  1429. }
  1430. .main-btn-circle{
  1431. \theight: 40px;
  1432. \twidth: 40px;
  1433. \t-webkit-border-radius: 50%;
  1434. \tborder-radius: 100%;
  1435. \tline-height: 40px;
  1436.   -webkit-transition: box-shadow 0.3s;
  1437.   -o-transition: box-shadow 0.3s;
  1438.   transition: box-shadow 0.3s;
  1439. }
  1440. .main-btn-circle:hover{   
  1441.   -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  1442.   -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  1443.   box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
  1444. }
  1445. .popup{
  1446.   position: fixed;
  1447. \ttop: 100%;
  1448.   width: 100%;
  1449.   height: 100%;
  1450.   z-index: 10001;
  1451. }
  1452. .popup.active{
  1453.   top:0;
  1454.   background-color: rgba(3, 3, 3, 0.98); 
  1455.   transition: background-color .6s ,opacity .6s;
  1456. }
  1457. .popup .main-btn-rect{
  1458.   padding: 10px 100px;
  1459. }
  1460. .popup .popup-content{
  1461.   position: absolute;
  1462.   top: 50%;
  1463.   left: 50%;
  1464.   max-height: 568px;
  1465.   min-width: 400px;
  1466.   margin-top: 150px;
  1467.   padding: 25px;
  1468.   background-color: #FFFFF0;
  1469.   color: #070000;
  1470.   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  1471.   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  1472.   -ms-transform: translateX(-50%) translateY(-50%);
  1473.   transform: translateX(-50%) translateY(-50%);
  1474.   -webkit-transform: translateX(-50%) translateY(-50%);
  1475.   -moz-transform: translateX(-50%) translateY(-50%);
  1476.   -o-transform: translateX(-50%) translateY(-50%);
  1477.   transition: margin .6s;
  1478.   -webkit-transition: margin .6s;
  1479.   -moz-transition: margin .6s;
  1480.   -o-transition: margin .6s;
  1481. }
  1482. .popup.active .popup-content{
  1483.   margin-top: 0px;
  1484. }
  1485. .popup-content h6{
  1486.   display: table;
  1487.   font-size: 16px;
  1488.   text-align: center;
  1489.   margin: 10px auto;
  1490.   font-family: 'Roboto',sans-serif;
  1491.   text-transform: uppercase;
  1492.   font-weight: 100;  
  1493. }
  1494. .form-group{
  1495. \tposition: relative;
  1496. \twidth: 90%;
  1497. \tmargin: 0px auto;
  1498. }
  1499. form#send input, form#send textarea{
  1500. \tposition: relative;
  1501. \tmargin-bottom: 5px;
  1502. \twidth: 100%;
  1503. \theight: 35px;
  1504. \tfont-family: 'RobotoLight', sans-serif;
  1505. \ttext-indent: 20px;
  1506.     background-color: transparent;
  1507. \toutline: 0;
  1508. \tborder: none;
  1509. \tborder-bottom: 1px solid #070000;
  1510. \t-webkit-transition: border 0.6s;
  1511. \t-o-transition: border 0.6s;
  1512. \ttransition: border 0.6s;
  1513. \t    font-size: 12px;
  1514. }
  1515. form#send input:focus,
  1516. form#send textarea:focus{
  1517. \tborder-bottom: 1px solid rgb(63, 173, 168); 
  1518. }
  1519. form#send label{
  1520. \tposition: absolute;
  1521. \ttop: 18px;
  1522. \tline-height: 28px;
  1523. \t-webkit-transition: color .5s;
  1524. \t-o-transition: color .5s;
  1525. \ttransition: color .5s;
  1526. }
  1527. form#send input:focus + label,
  1528. form#send textarea:focus + label{
  1529.   color: rgb(63, 173, 168);
  1530. }
  1531. form#send .txt{
  1532. \tline-height: 22px;
  1533. \tleft: 2px;
  1534. }
  1535. form#send .main-btn-rect {
  1536. position: relative;
  1537.     display: block;
  1538.     padding: 3px 20px;
  1539.     margin: 0px auto;
  1540.     font-size: 14px;
  1541.     color: #dfb150;
  1542.     border: 1px solid #dfb150;
  1544. }
  1545. form#send .main-btn-rect i {
  1546. \tmargin-right: 5px;
  1547. }
  1548. .popup .fade-out{
  1549.   position: absolute;
  1550.   top: -20px;
  1551.   right: -20px;
  1552.   text-align: center;
  1553.   font-size: 15px;
  1554. }
  1555. .share-wrap{
  1556. \tposition: absolute;
  1557.   display: inline-table;
  1558. \ttop: 67%;
  1559. \tleft: 50%;
  1560. \ttransform: translate(-50%, -50%);
  1561.   padding: 15px;
  1562.   text-align: center;
  1563. }
  1564. .share-btn{
  1565.   color: #FFFFF0;
  1566.   padding: 7px 25px;
  1567.   text-decoration: none;
  1568.   cursor: pointer;
  1569.   font-weight: 100;
  1570.   font-size: 14px;
  1571.   font-family:'Lobster', sans-serif;
  1572.   background-color: rgba(63, 173, 168, .8);
  1573.   text-transform: uppercase;
  1574.   border-radius: 5px;
  1575.   transition: background-color .5s;
  1576.   -webkit-transition: background-color .5s;
  1577.   -moz-transition: background-color .5s;
  1578.   -o-transition: background-color .5s;
  1579. }
  1580. .share-btn:hover{
  1581.   color: #FFFFF0;
  1582.   text-decoration: none;
  1583.   background-color: rgba(63, 173, 168, 1.0);
  1584. }
  1586. .resp-sharing-button__link,
  1587. .resp-sharing-button__icon {
  1588.   display: inline-block
  1589. }
  1590. .resp-sharing-button__link {
  1591.   text-decoration: none;
  1592.   color: #fff;
  1593.   margin: 2px;
  1594. }
  1595. .resp-sharing-button {
  1596.   border-radius: 5px;
  1597.   transition: 25ms ease-out;
  1598.   padding: 6px 9px;
  1599.   transition: background-color .5s;
  1600.   -webkit-transition: background-color .5s;
  1601.   -moz-transition: background-color .5s;
  1602.   -o-transition: background-color .5s;
  1603. }
  1604. .resp-sharing-button__icon svg {
  1605.   width: 1em;
  1606.   height: 1em;
  1607.   margin-right: 0.4em;
  1608.   vertical-align: top
  1609. }
  1610. .resp-sharing-button--small svg {
  1611.   margin: 0;
  1612.   vertical-align: middle
  1613. }
  1614. .resp-sharing-button__icon,
  1615. .resp-sharing-button__icon--solid,
  1616. .resp-sharing-button__icon--solidcircle {
  1617.   fill: #fff;
  1618.   stroke: none
  1619. }
  1620. .resp-sharing-button--facebook {
  1621.   background-color: #3b5998;
  1622.   border-color: #3b5998;
  1623. }
  1624. .resp-sharing-button--facebook:hover,
  1625. .resp-sharing-button--facebook:active {
  1626.   background-color: #2d4373;
  1627.   border-color: #2d4373;
  1628. }
  1629. .resp-sharing-button--twitter {
  1630.   background-color: #55acee;
  1631.   border-color: #55acee;
  1632. }
  1633. .resp-sharing-button--twitter:hover,
  1634. .resp-sharing-button--twitter:active {
  1635.   background-color: #2795e9;
  1636.   border-color: #2795e9;
  1637. }
  1638. .resp-sharing-button--linkedin {
  1639.   background-color: #0077b5;
  1640.   border-color: #0077b5;
  1641. }
  1642. .resp-sharing-button--linkedin:hover,
  1643. .resp-sharing-button--linkedin:active {
  1644.   background-color: #046293;
  1645.   border-color: #046293;
  1646. }
  1647. @media only screen and (max-width: 768px){
  1648.  
  1649.   form#send .main-btn-rect {padding: 7px 60px; font-size: 14px;}
  1650.   .popup-btn{padding: 7px 60px; font-size: 14px;}
  1651.   
  1652.   
  1653.       .fa-user:before {
  1654.         font-size: 20px !important;
  1655.         margin-top: 10px;
  1656.     }
  1657.     
  1658.             .popup .fade-out {
  1659.             position: absolute;
  1660.             top: -22px;
  1661.             right: 5px;
  1662.             text-align: center;
  1663.             font-size: 27px;
  1664.         }
  1665. }
  1668. .popup-content .form-group {
  1669.   position: relative;
  1670.   margin-bottom: 15px;
  1671. }
  1673. .popup-content label {
  1674.   position: absolute;
  1675.   left: 10px;
  1676.   top: 50%;
  1677.   transform: translateY(-50%);
  1678.   color: #999;
  1679. }
  1681. .popup-content input,
  1682. .popup-content textarea {
  1683.   padding-left: 35px; /* Make room for the icon */
  1684.   width: 100%;
  1685.   box-sizing: border-box;
  1686. }
  1688. .popup-content textarea {
  1689.       padding-top: 2px;
  1690.        padding-left: 5px;
  1691.         height: 65px!important;
  1692. }
  1694. #txtArea::placeholder {
  1695.     font-size: 13px !important; /* Adjust the size as needed */
  1696.   padding-left: 10px  !important;
  1697.      
  1698. }
  1700. .popup-content input::placeholder,
  1701. .popup-content textarea::placeholder {
  1702.   color: #ccc;
  1703. }
  1705. .popup-content input:focus + label i,
  1706. .popup-content textarea:focus + label i {
  1707.   color: #333; /* Optional: Change icon color on focus */
  1708. }
  1710. .popup-content button {
  1711.   display: flex;
  1712.   align-items: center;
  1713. }
  1715. .popup-content button i {
  1716.   margin-right: 5px;
  1717. }
  1720. /*popup form*/
  1722.     </style>
  1723. {% include \"@Flexy/FrontBundle/Themes/CoWorking/templates/_head.html.twig\" %}
  1726.     <!-- Google Tag Manager -->
  1727.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  1728.         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  1729.         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  1730.         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  1731.         })(window,document,'script','dataLayer','GTM-TSKN7LNV');</script>
  1732.     <!-- End Google Tag Manager -->
  1734. {{ encore_entry_link_tags('frontend') }}
  1735.      {% include \"@Flexy/FrontBundle/Themes/CoWorking/templates/_stylesheets.html.twig\" %}
  1736.     
  1737.     {% endblock %}
  1740.       </head>
  1741.     <body>
  1742.         <!-- Google Tag Manager (noscript) -->
  1743.             <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-TSKN7LNV\"
  1744.             height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>
  1745.         <!-- End Google Tag Manager (noscript) -->
  1748.         {% if app.request.attributes.get(\"_route\") != \"single_category_product\" %}
  1749.        
  1750.         {% endif %}
  1751.         
  1752.          {{ render(path('front_header')) }}
  1754.         
  1755.         
  1756.         
  1757.         {% for type, messages in app.flashes %}
  1758. \t\t\t{% for message in messages %}
  1760. \t\t\t\t{% if type == \"successOrder\"%}
  1762. \t\t\t\t\t<!-- Dark Overlay -->
  1763. \t\t\t\t\t<div id=\"overlayOrderValid\" style=\"position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999998;\"></div>
  1765. \t\t\t\t\t<!-- Alert Modal -->
  1766. \t\t\t\t\t<div id=\"myAlertOrderValid\" class=\"alert alert-{{ type }} text-center div-order-valid\" role=\"alert\" style=\"z-index: 9999999; position: absolute; top: 39%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 2%;\">
  1767. \t\t\t\t\t\t<div style=\"display: flex; justify-content: center; align-items: center;\">
  1768. \t\t\t\t\t\t\t<img class=\"img-order-valid\" src=\"{{asset('/uploads/front-images/icon-valid-order.svg')}}\" style=\"margin-top: -5px;\">
  1769. \t\t\t\t\t\t</div>
  1770. \t\t\t\t\t\t<h5 style=\"margin-top: 25px;margin-bottom: 25px;\">\tMerci !</h5>
  1771. \t\t\t\t\t\t<p style=\"font-size: 14px;\">
  1772. \t\t\t\t\t\t    Vos informations ont été enregistrées avec succès.\t<br>
  1773.                             Nous vous remercions pour votre message et nous vous répondrons dans les plus brefs délais.\t<br>
  1774.                             Si vous avez des questions urgentes, n’hésitez pas à nous contacter directement par téléphone ou par e-mail.
  1775. \t\t\t\t\t\t</p>
  1776. \t\t\t\t\t\t\t
  1777. \t\t\t\t\t\t
  1779. \t\t\t\t\t\t<button type=\"button\" class=\"close\" style=\"position: absolute; top: 0px; right: 5px;\" data-dismiss=\"alert\" id=\"btnClose\" aria-label=\"Close\">
  1780. \t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;</span>
  1781. \t\t\t\t\t\t</button>
  1782. \t\t\t\t\t</div>
  1785. \t\t\t\t{% else %}
  1787. \t\t\t\t\t<div id=\"myAlert\" class=\"alert alert-{{ type }}\" role=\"alert\" style=\"z-index: 9999999;position: absolute; top: 22%; left: 50%; transform: translate(-50%, -50%);\">
  1788. \t\t\t\t\t\t<i class=\"fas fa-check-circle\"></i>
  1789. \t\t\t\t\t\t{{message | raw }}
  1791. \t\t\t\t\t\t<button type=\"button\" class=\"close\" style=\"position: absolute;top: 0px;right: 5px;\" data-dismiss=\"alert\" id=\"btnClose\" aria-label=\"Close\">
  1792. \t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;</span>
  1793. \t\t\t\t\t\t</button>
  1795. \t\t\t\t\t</div>
  1797. \t\t\t\t{% endif %}
  1798. \t\t\t{% endfor %}
  1799. \t\t{% endfor %}
  1800.         
  1801.         
  1802.         <div style=\"min-height:700px;\" >
  1803.         <div class=\"animate__animated animate__fadeIn\" data-turbo-cache=\"false\">
  1804.             
  1805.             
  1806.             
  1807.             
  1808.         {% block body %}
  1812.         
  1814.         {% endblock %}
  1815.         </div>
  1816.         </div>
  1817.         
  1818.          {#{% for home in doctrine.repository('App\\\\Flexy\\\\ShopBundle\\\\Entity\\\\Order\\\\HomePage').findBy({ id: 2 }) %}#}
  1819.                     {#  <span>{{home.banner}}</span>#}
  1820.                     {#{% endfor %}#}
  1821.                     
  1822.         {#{% set brochureFrench = doctrine.repository('App\\\\Flexy\\\\ShopBundle\\\\Entity\\\\Order\\\\HomePage').findBy({ id: 1 }) %}#}
  1823.         
  1824.         
  1825.         
  1826.         
  1827.          {#<a href=\"#\" target=”_blank” class=\"pdf-btn\" style=\"bottom: 130px !important;\">   #}
  1828.          {#       <div>#}
  1829.          {#           <span id=\"brochure\" style=\"font-size: 10px;color: white;font-weight: 600;\">Brochure</span>#}
  1830.          {#           <i class=\"fa-regular fa-masp\"></i>#}
  1831.          {#           </div>#}
  1832.                     
  1833.          {#       </a>#}
  1834.         
  1835.         
  1836.         
  1837.         
  1838.          <a  class=\"user-btn\" style=\"background-color:#788c80;\" data-popup=\"popup-reg\" >
  1839.           <i class=\"fa fa-user\"></i>
  1840.         </a>
  1842.                 {% for home in doctrine.repository('App\\\\Flexy\\\\ShopBundle\\\\Entity\\\\Order\\\\HomePage').findBy({ id: 1 }) %}
  1843.                       
  1844.                     
  1845.         <a href=\"/uploads/coworking/brochure-pdf/{{home.banner}}\" target=”_blank” class=\"pdf-btn\">
  1846.           {% endfor %}
  1847.             <div>  
  1848.             <span id=\"brochure\" style=\"font-size: 10px;color: white;font-weight: 600;\">Brochure</span>
  1849.             <i class=\"fa-regular fa-map\"></i>
  1850.             </div>
  1851.             
  1852.         </a>
  1853.           {% set textWhatsap =\"Bonjour, est-ce que je pourrais avoir plus d’informations sur cowork&live ?\" %}
  1854.           
  1855.          
  1856.             {% for home in doctrine.repository('App\\\\Flexy\\\\ShopBundle\\\\Entity\\\\Order\\\\HomePage').findBy({ id: 1 }) %}
  1857.                       
  1858.                 <a href=\"https://api.whatsapp.com/send?phone={{home.whatsapp}}&text={{textWhatsap}}\" target=”_blank” class=\"whatsapp-btn\">
  1859.                   <i class=\"bi bi-whatsapp\"></i>
  1860.                 </a>
  1861.                 
  1862.              {% endfor %}
  1863.             <div>  
  1864.         
  1865.         
  1866.         
  1867.         
  1868.         <div id=\"popup-reg\" class=\"popup\">
  1869.           <div class=\"popup-content\">
  1870.                     <div class=\"event-header\">
  1871.                       <h6>Écrivez-nous</h6>
  1872.                     </div>
  1873.                     <form id=\"send\" class=\"send-form\" action=\"{{path('sendEmailFromNewLead')}}\" method=\"POST\">
  1874.                         
  1875.                   <div class=\"form-group\">
  1876.                     <label for=\"name\">
  1877.                       <i class=\"fa fa-user\" id=\"forPopup\"></i>
  1878.                     </label>
  1879.                     <input type=\"text\" placeholder=\"Nom complet ...\" id=\"name\" name=\"nom\" required=\"required\">
  1880.                   </div>
  1881.                   <div class=\"form-group\">
  1882.                     <label for=\"phone\">
  1883.                       <i class=\"fa fa-phone\"></i>
  1884.                     </label>
  1885.                     <input type=\"tel\" placeholder=\"Téléphone ...\" id=\"phone\"  name=\"tel\" required=\"required\">
  1886.                   </div>
  1887.                   <div class=\"form-group\">
  1888.                     <label for=\"mail\">
  1889.                       <i class=\"fa fa-envelope\"></i>
  1890.                     </label>
  1891.                     <input type=\"email\" placeholder=\"Email ...\" id=\"mail\" name=\"email\" required=\"required\">
  1892.                   </div>
  1893.                   <div class=\"form-group\">
  1894.                         <label for=\"text\">
  1895.                           <i class=\"fa fa-commenting\"></i>
  1896.                         </label>
  1897.                         <textarea rows=\"4\" id=\"txtArea\" placeholder=\"Message ...\" name=\"message\" id=\"text\" required=\"required\"></textarea>
  1898.                       </div>
  1899.                     \t {#<i class=\"fa fa-paper-plane\"></i><input class=\"float\" type=\"submit\" class=\"main-btn-rect\" name=\"text\" value=\"Envoyer\">#}
  1900.                         
  1901.                     <div class=\"row\">
  1902.                 \t\t<div class=\"col-12\" style=\"text-align: center;\">
  1903.                 \t\t\t<input class=\"float\" type=\"submit\"   value=\"Envoyer\" style=\"text-indent: 0px;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;\">
  1904.                 \t\t</div>
  1905.                 \t</div>
  1906.                     </form>
  1907.                     <span class=\"fade-out main-btn-circle\" style=\"font-weight:900;\">╳</span>
  1908.           </div>
  1909.         </div>
  1910.         
  1911.         
  1912.         
  1913.         
  1914.         
  1915.         
  1916.         
  1917.         
  1918.         
  1919.         {{ render(path('front_footer')) }}
  1921.         {% block javascripts %}
  1922.          
  1923.             
  1924.             {% include \"@Flexy/FrontBundle/Themes/CoWorking/templates/_javascripts.html.twig\" %}
  1925.             
  1926.             
  1927.            
  1928.         {% endblock %}
  1929.        
  1930.         <script>
  1931.         
  1932.         
  1933.         \$(document).ready(function(){
  1934.  
  1935.   \$('.user-btn').click(function(){ 
  1936.          
  1937.     var popupBlock = \$('#'+\$(this).data('popup'));
  1938.     popupBlock.addClass('active')
  1939.       .find('.fade-out').click(function(){
  1940.         popupBlock.css('opacity','0').find('.popup-content').css('margin-top','350px');        
  1941.         setTimeout(function(){
  1942.           \$('.popup').removeClass('active');
  1943.           popupBlock.css('opacity','').find('.popup-content').css('margin-top','');
  1944.         }, 600);
  1945.       });
  1946.  });
  1947.  
  1948.  
  1949.  
  1950.      \$(\"#btnClose\").click(function () {
  1951.         \$(\"#myAlert\").fadeOut();
  1952.         \$(\"#myAlertOrderValid\").fadeOut();
  1953.         \$(\"#overlayOrderValid\").fadeOut();
  1954.       });
  1956.  
  1957. });
  1958.         
  1959.         
  1960.         
  1961.              function redirectToSelectedURL() {
  1962.             \t
  1963.             \tvar selectElement = document.getElementById(\"combo\");
  1964.             \tvar selectedValue = selectElement.value;
  1965.               
  1966.             \t// Check if a valid option is selected
  1967.             \tif (selectedValue !== \"\") {
  1968.             \t  window.location.href = selectedValue;
  1969.             \t}
  1970.               }
  1971.            
  1972.         </script>
  1973.     </body>
  1975. </html>", "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig");
  1976.     }
  1977. }