templates/master.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <!-- metas -->
  8.     <meta http-equiv="imagetoolbar" content="false" />
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  10.     <meta name="distribution" content="global">
  11.     <meta name="application-name" content="jbnettoyage.ch | Optimisons ensemble vos projets" />
  12.     <meta property="og:image" content="https://jbnettoyage.ch/images/logo.jpeg" />
  13.     <meta property="og:image:type" content="image/jpeg" />
  14.     <meta property="og:image:width" content="560" />
  15.     <meta property="og:image:height" content="183" />
  16.     <meta property="og:url" content="https://www.jbnettoyage.ch/" />
  17.     <meta property="og:site_name" content="jbnettoyage.ch | Optimisons ensemble vos projets" />
  18.     <meta property="og:type" content="website" />
  19.     <meta property="og:street-address" content="Rue Jean Simonet 2" />
  20.     <meta property="og:locality" content="Geneva" />
  21.     <meta property="og:postal-code" content="CH-1201" />
  22.     <meta property="og:email" content="contact@jbnettoyage.ch" />
  23.     <meta property="og:phone_number" content="764220797" />
  24.     <meta property="geo.placename" content="Geneva, Switzerland" />
  25.     <title>JB — {% block headerTitle %}Home{% endblock %} | Simplifiez-vous et recevez à devis gratuit</title>
  26.     <meta name="DC.title" content="jbnettoyage.ch | Simplifiez-vous et recevez à devis gratuit !" />
  27.     <meta property="og:title" content="jbnettoyage.ch | Simplifiez-vous et recevez à devis gratuit !" />
  28.     <meta name="description" content="Recevez et comparer les devis des meilleures entreprises de votre région pour vos besoins." />
  29.     <meta property="og:description" content="Recevez et comparer les devis des meilleures entreprises de votre région pour vos besoins." />
  30.     <meta name="abstract" content="Recevez et comparer les devis des meilleures entreprises de votre région pour vos besoins." />
  31.     <meta name="revisit-after" content="1 day" />
  32.     <meta name="distribution" content="global">
  33.     <meta name="publisher" content="jbnettoyage.ch">
  34.     <meta name="keywords" content="travaux, construction, installation, chauffage, sécurité, projet, façade, peinture, nettoyage, déménagement, devis, autres, assurance, rénovation, recevez, portes, volets, toiture, terrasse, sélectionnons, système, services, région, professionnels, prend, piscine, partenaires, optimisation, minutes, meilleurs, jusqu&, jardin, intérieur, internet, gratuitement, garage, fenêtres, escalier, envoyez, entreprise, domicile, cuisine, couverture, compétitives" />
  35.     <!-- metas -->
  36.     <link rel="icon" type="image/png" href="{{ absolute_url('images/favicon.ico') }}">
  37.     <!-- Bootstrap CSS -->
  38.     <link rel="stylesheet" href="{{ absolute_url('css/bootstrap.min.css') }}">
  39.     <!-- Font Awesome -->
  40.     <link rel="stylesheet" href="{{ absolute_url('css/font-awesome.min.css') }}">
  41.     <!-- Simple Line Font -->
  42.     <link rel="stylesheet" href="{{ absolute_url('css/pe-icon-7-stroke.css') }}">
  43.     <link rel="stylesheet" href="{{ absolute_url('css/datepicker.min.css') }}" />
  44.     <!-- Main CSS -->
  45.     <link rel="stylesheet" href="{{ absolute_url('css/style.css') }}">
  46.     <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
  47. </head>
  48. {% if hostname == 'jbnettoyage.ch' %}
  49. <!-- Google tag (gtag.js) -->
  50. <script async src="https://www.googletagmanager.com/gtag/js?id=G-JK23MEMDTH"></script>
  51. <script>
  52.     window.dataLayer = window.dataLayer || [];
  53.     function gtag(){dataLayer.push(arguments);}
  54.     gtag('js', new Date());
  55.     gtag('config', 'G-JK23MEMDTH');
  56. </script>
  57. <!-- /End Google tag (gtag.js) -->
  58. {% endif %}
  59. <body>
  60. <!--============================= HEADER =============================-->
  61. {% block bodyHeader %}
  62. <header>
  63.     <div class="container">
  64.         <div class="row">
  65.             <div class="col-md-12">
  66.                 <nav class="navbar navbar-expand-lg navbar-light">
  67.                     <a class="navbar-brand" href="{{ path('home') }}"><img src="{{ absolute_url('images/logo.jpeg') }}" height="45" alt="logo"></a>
  68.                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  69.                         <span class="navbar-toggler-icon"></span>
  70.                     </button>
  71.                     <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
  72.                         <ul class="navbar-nav">
  73.                             <li class="nav-item">
  74.                                 <a class="nav-link" href="#services">Nos services </a>
  75.                             </li>
  76.                             <li><a href="{{ path('booking') }}" class="btn btn-info">Faire une demande</a></li>
  77.                         </ul>
  78.                     </div>
  79.                 </nav>
  80.             </div>
  81.         </div>
  82.     </div>
  83. </header>
  84. {% endblock %}
  85. <!--//END HEADER -->
  86. {% block bodyBody %}
  87. <!--============================= SLIDER =============================-->
  88. <section class="slider" id="main-slider">
  89.     <div class="container">
  90.         <div class="row justify-content-center">
  91.             <div class="col-md-10">
  92.                 <div class="slider-content">
  93.                     <h1>Nettoyage</h1>
  94.                     <h3>Demander un rendez-vous pour mon devis</h3>
  95.                     <form class="form-wrap" action="{{ path('request_debi_post') }}" method="POST">
  96.                         <input type="hidden" name="token" value="{{ csrf_token('home-data') }}"/>
  97.                         <div class="btn-group" role="group" aria-label="Basic example">
  98.                             <input type="text" placeholder="Prénom*" class="btn-group1" name="prenom" required>
  99.                             <input type="text" placeholder="Nom*" class="btn-group1" name="nom" required>
  100.                             <input type="number" placeholder="Téléphone*" class="btn-group2" name="phone" required>
  101.                         </div>
  102.                         <div class="btn-group" role="group" aria-label="Basic example">
  103.                             <input type="email" placeholder="E-mail*" class="btn-group1" name="email">
  104.                             <input type="text" placeholder="Adresse" class="btn-group1" name="postal_code">
  105.                             <button type="submit" class="btn-form">Envoyer<i class="pe-7s-angle-right"></i></button>
  106.                         </div>
  107.                     </form>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </div>
  112. </section>
  113. <!--//END SLIDER -->
  114. <!--============================= OUR CLIENTS =============================-->
  115. <!-- -->
  116. <section class="our-client" style="display:none;">
  117.     <div class="container">
  118.         <div class="row">
  119.             <div class="col-md-12">
  120.                 <span>COMME VU SUR</span>
  121.             </div>
  122.             <div class="col-md-12">
  123.                 <ul>
  124.                     <li>
  125.                         <a href="#"><img src="{{ asset('images/landing-img.jpg') }}" class="mySlides img-fluid" alt="client logo"></a>
  126.                     </li>
  127.                     <li>
  128.                         <a href="#"><img src="{{ asset('images/projects/oficina1.jpeg') }}" class="mySlides img-fluid" alt="client logo"></a>
  129.                     </li>
  130.                     <li>
  131.                         <a href="#"><img src="{{ asset('images/projects/oficina2.jpeg') }}" class="mySlides img-fluid" alt="client logo"></a>
  132.                     </li>
  133.                     <li>
  134.                         <a href="#"><img src="{{ asset('images/projects/oficina3.jpeg') }}" class="mySlides img-fluid" alt="client logo"></a>
  135.                     </li>
  136.                     <li>
  137.                         <a href="#"><img src="{{ asset('images/projects/oficina4.jpeg') }}" class="mySlides img-fluid" alt="client logo"></a>
  138.                     </li>
  139.                     <li>
  140.                         <a href="#"><img src="{{ asset('images/projects/oficina8.jpeg') }}" class="mySlides img-fluid" alt="client logo"></a>
  141.                     </li>
  142.                 </ul>
  143.             </div>
  144.         </div>
  145.     </div>
  146. </section>
  147. <!-- -->
  148. <!--//END CLIENTS -->
  149. <!--============================= HOW IT WORK =============================-->
  150. <!--//END HOW IT WORK -->
  151. <!--============================= TESIMONIAL =============================-->
  152. <section class="testimonial main-block center-block">
  153.     <div class="container">
  154.         <div class="row">
  155.             <div class="col-md-12">
  156.                 <h2>Expérience avec nos clients</h2>
  157.                 <h6>Lisez ce que nos anciens clients ont dit à propos de notre nettoyage et de nos services.</h6>
  158.             </div>
  159.         </div>
  160.         <div class="row mt-5">
  161.             <div class="col-md-4">
  162.                 <div class="testi-block">
  163.                     <i class="fa fa-quote-left" aria-hidden="true"></i>
  164.                     <p>Bounjour,</p>
  165.                     <p>On vient de rentrer  et c'est super d'arriver dans un appartment tout propre et range :) merci pour votre travail. </p>
  166.                 </div>
  167.                 <div class="testi-title">
  168.                     <h4>Laëtitia B.</h4>
  169.                     <p>Client satisfait, Genève</p>
  170.                 </div>
  171.             </div>
  172.             <div class="col-md-4">
  173.                 <div class="testi-block">
  174.                     <i class="fa fa-quote-left" aria-hidden="true"></i>
  175.                     <p>Bonsoir,</p>
  176.                     <p>Je suis allée voir l'appartment aujourd'hui - un énorme merci pour votre travail!!! C'est absolument parfait Très bonne soirée.</p>
  177.                 </div>
  178.                 <div class="testi-title">
  179.                     <h4>Myriam K.</h4>
  180.                     <p>Client satisfait, Genève</p>
  181.                 </div>
  182.             </div>
  183.             <div class="col-md-4">
  184.                 <div class="testi-block">
  185.                     <i class="fa fa-quote-left" aria-hidden="true"></i>
  186.                     <p>Bonjour,</p>
  187.                     <p>Un grand merci pour votre excellent travail. Je suis impressionnée également de la blancheur des stores á rouleau. Encore merci et meileures salutations.</p>
  188.                 </div>
  189.                 <div class="testi-title">
  190.                     <h4>Myriam G.</h4>
  191.                     <p>Client satisfait, Genève</p>
  192.                 </div>
  193.             </div>
  194.             <div class="col-md-4">
  195.                 <div class="testi-block">
  196.                     <i class="fa fa-quote-left" aria-hidden="true"></i>
  197.                     <p>Bonjour,</p>
  198.                     <p>Un grand MERCI pour votre rapidité d'intervention et la précision de votre travail</p>
  199.                 </div>
  200.                 <div class="testi-title">
  201.                     <h4>C. Claude</h4>
  202.                     <p>Client satisfait, Vevey</p>
  203.                 </div>
  204.             </div>
  205.         </div>
  206.     </div>
  207. </section>
  208. <!--//END TESIMONIAL -->
  209. <!--============================= SERVICES =============================-->
  210. <section class="service-title" id="services">
  211.     <div class="container">
  212.         <div class="row">
  213.             <div class="col-md-12">
  214.                 <h2>Découvrez quelques-uns de nos <span>services!<span></h2>
  215.             </div>
  216.         </div>
  217.     </div>
  218. </section>
  219. <!-- Object img Sec 01 -->
  220. <section class="service">
  221.     <div class="img-objectfit">
  222.         <div class="grid">
  223.             <figure class="effect-lily">
  224.                 <img src="{{ absolute_url('images/service-img1.jpg') }}" class="img-fluid" alt="#">
  225.             </figure>
  226.         </div>
  227.     </div>
  228.     <div class="container">
  229.         <div class="row">
  230.             <div class="col-md-6"></div>
  231.             <div class="col-md-6">
  232.                 <div class="service-link">
  233.                     <br /><br /><br />
  234.                     <h3>Notre engagement est de vous garantir la livraison de votre appartement ou maison, en fin de bail.</h3>
  235.                     <br /><br /><br />
  236.                 </div>
  237.             </div>
  238.         </div>
  239.     </div>
  240. </section>
  241. <!-- Object img Sec 02 -->
  242. <section class="service">
  243.     <div class="container">
  244.         <div class="row">
  245.             <div class="col-md-6">
  246.                 <div class="service-link service-link1">
  247.                     <br /><br /><br />
  248.                     <h3>Effectuez l'entretien de votre Maison ou Appartement pour votre tranquillité d'esprit lorsque vous rentrez chez vous.</h3>
  249.                     <br /><br /><br />
  250.                 </div>
  251.             </div>
  252.             <div class="col-md-6"></div>
  253.         </div>
  254.     </div>
  255.     <div class="img-objectfit_1">
  256.         <div class="grid">
  257.             <figure class="effect-lily">
  258.                 <img src="{{ absolute_url('images/service-img2.jpg') }}" class="img-fluid" alt="#">
  259.             </figure>
  260.         </div>
  261.     </div>
  262. </section>
  263. <!-- Object img Sec 03 -->
  264. <section class="service">
  265.     <div class="img-objectfit">
  266.         <div class="grid">
  267.             <figure class="effect-lily">
  268.                 <img src="{{ absolute_url('images/service-img3.jpg') }}" class="img-fluid" alt="#">
  269.             </figure>
  270.         </div>
  271.     </div>
  272.     <div class="container">
  273.         <div class="row">
  274.             <div class="col-md-6"></div>
  275.             <div class="col-md-6">
  276.                 <div class="service-link">
  277.                     <br /><br /><br /><br /><br />
  278.                     <h3>Entretien et hygiène de votre bureau pour l'accueil de vos clients.</h3>
  279.                     <br /><br /><br /><br /><br />
  280.                     <!--
  281.                     <ul>
  282.                         <li><i class="fa fa-check" aria-hidden="true"></i><a href="#">Wash and sanitize toilet, shower and sink</a></li>
  283.                         <li><i class="fa fa-check" aria-hidden="true"></i><a href="#">Dust and wipe all reachable surfaces</a></li>
  284.                         <li><i class="fa fa-check" aria-hidden="true"></i><a href="#">Wipe door handles and light switches</a></li>
  285.                         <li><i class="fa fa-check" aria-hidden="true"></i><a href="#">Wipe mirrors and glass fixtures</a></li>
  286.                         <li><i class="fa fa-check" aria-hidden="true"></i><a href="#">Vacuum and mop all floors</a></li>
  287.                         <li><i class="fa fa-check" aria-hidden="true"></i><a href="#">Take out trash and recyclables</a></li>
  288.                     </ul>
  289.                     -->
  290.                 </div>
  291.             </div>
  292.         </div>
  293.     </div>
  294. </section>
  295. <!--//END SERVICES -->
  296. <!--============================= BOOKING =============================-->
  297. <!--
  298. <section class="booking main-block center-block">
  299.     <div class="container">
  300.         <div class="row">
  301.             <div class="col-md-12">
  302.                 <h2>Demandez un rendez-vous pour votre devis, sans engagement.</h2>
  303.             </div>
  304.         </div>
  305.         <div class="row justify-content-center">
  306.             <div class="col-md-10">
  307.                 <form class="form-wrap mt-5" action="{{ path('booking_post') }}" method="POST">
  308.                     <input type="hidden" name="token" value="{{ csrf_token('home-data') }}"/>
  309.                     <div class="btn-group" role="group" aria-label="Basic example">
  310.                         <input type="email" placeholder="Adresse e-mail" class="btn-group1" name="email">
  311.                         <input type="number" placeholder="Code postal" class="btn-group2" name="code_postal">
  312.                         <button type="submit" class="btn-form">Continuer<i class="pe-7s-angle-right"></i></button>
  313.                     </div>
  314.                 </form>
  315.             </div>
  316.         </div>
  317.     </div>
  318. </section>
  319. -->
  320. <!--//END BOOKING -->
  321. {% endblock %}
  322. <!--============================= FOOTER =============================-->
  323. {% block bodyFooter %}
  324. <footer>
  325.     <div class="container">
  326.         <div class="row mb-5">
  327.             <div class="col-md-3">
  328.                 <div class="foot-box">
  329.                     <h6>QUICK LINKS</h6>
  330.                     <ul>
  331.                         <li><a href="/">Home</a></li>
  332.                         <li><a href="#services">Nos services</a></li>
  333.                         <li><a href="/booking">Faire une demande</a></li>
  334.                         <!--
  335.                         <li><a href="#">Blog</a></li>
  336.                         <li><a href="#">Contact Us</a></li>
  337.                         -->
  338.                     </ul>
  339.                 </div>
  340.             </div>
  341.             <div class="col-md-3">
  342.                 <div class="foot-box">
  343.                     <h6>LEGAL STUFF</h6>
  344.                     <ul>
  345.                         <li>Terms of use</li>
  346.                         <li>Cookies</li>
  347.                         <li>Privacy Policy</li>
  348.                         <li>Security Policy</li>
  349.                     </ul>
  350.                 </div>
  351.             </div>
  352.             <div class="col-md-3">
  353.                 <div class="foot-box">
  354.                     <h6></h6>
  355.                     <ul>
  356.                         <li>JB Nettoyage</li>
  357.                         <li>Rue Jean Simonet 2</li>
  358.                         <li>1219 Geneva, Switzerland</li>
  359.                         <li>+41 764220797</li>
  360.                     </ul>
  361.                 </div>
  362.             </div>
  363.             <div class="col-md-3">
  364.                 <div class="subscribe">
  365.                     <h6></h6>
  366.                     <form class="form-inline" action="{{ path('booking_post') }}" method="POST">
  367.                         <input type="hidden" name="token" value="{{ csrf_token('home-data') }}"/>
  368.                         <div class="input-group mb-2 mr-sm-2 mb-sm-0">
  369.                             <button type="submit" class="btn btn-info">Demander un devis</button>
  370.                         </div>
  371.                     </form>
  372.                     <div class="social-icons">
  373.                         <a href="https://www.facebook.com/enterpriseJbnettoyage"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  374.                         <a href="https://instagram.com/jb_nettoyage.ge?igshid=YmMyMTA2M2Y="><i class="fa fa-instagram" aria-hidden="true"></i></a>
  375.                         <a href="https://api.whatsapp.com/send?phone=41764220797"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
  376.                     </div>
  377.                 </div>
  378.             </div>
  379.         </div>
  380.         <hr>
  381.         <div class="row">
  382.             <div class="col-md-12">
  383.                 <div class="copyright">
  384.                     <a href="#">&copy; 2023 JB Nettoyage. Tous les droits sont réservés</a> - [{{hostname}}]
  385.                 </div>
  386.             </div>
  387.         </div>
  388.     </div>
  389. </footer>
  390. {% endblock %}
  391. <!--//END FOOTER -->
  392. <!-- jQuery, Bootstrap JS. -->
  393. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  394. <script src="{{ absolute_url('js/jquery-3.2.1.min.js') }}"></script>
  395. <script src="{{ absolute_url('js/popper.min.js') }}"></script>
  396. <script src="{{ absolute_url('js/bootstrap.min.js') }}"></script>
  397. <script src="{{ absolute_url('js/script.js') }}"></script>
  398. {% block bodyMasjs %}
  399.     <!-- Slick JS -->
  400.     <script src="{{ absolute_url('js/slick.min.js') }}"></script>
  401.     <script>
  402.         var myIndex = 0;
  403.         carousel();
  404.         function carousel() {
  405.             var i;
  406.             var x = document.getElementsByClassName("mySlides");
  407.             for (i = 0; i < x.length; i++) {
  408.                 x[i].style.display = "none";
  409.             }
  410.             myIndex++;
  411.             if (myIndex > x.length) {myIndex = 1}
  412.             imgSelected = x[myIndex-1];
  413.             imgSelected.style.display = "block";
  414.             srcImagen = imgSelected.src;
  415.             document.getElementById('main-slider').style.backgroundImage = "url('" + srcImagen + "')";
  416.             document.getElementById('main-slider').style.backgroundRepeat = "no-repeat";
  417.             console.log(srcImagen);
  418.             setTimeout(carousel, 6000);
  419.         }
  420.         $(function() {
  421.             {% if mensaje is defined %}
  422.             swal({
  423.                 title: "{{ title }}",
  424.                 text: "{{ mensaje }}",
  425.                 icon: "success",
  426.                 button: "OK",
  427.             });
  428.             {% endif %}
  429.         }); // End $fn
  430.     </script>
  431. {% endblock %}
  432. </body>
  433. </html>