templates/site.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Guardian France Sécurité et Gardiennage | Solutions de Surveillance | Agent Rondier | Agent SSIAP | Agent Sécurité</title>
  8.     <meta name="description" content="Guardian France Sécurité propose des services de sécurité et de gardiennage professionnels, incluant des solutions de surveillance. Nous intervenons dans les départements 75, 77, 78, 91, 92, 93, 94, 95. Nos équipes d'agents cynophiles, de maîtres-chiens, de vigiles et de SSIAP sont disponibles pour assurer la sécurité de vos locaux, événements et chantiers. Demandez un tarif pour le gardiennage de vos magasins, théâtres et autres sites. Faites appel à notre société de surveillance fiable et efficace pour protéger vos biens et assurer votre tranquillité.">
  9.     <meta name="keywords" content="Guardian France, sécurité, gardiennage, entreprise de gardiennage, entreprise de sécurité, surveillance, société de gardiennage, société de sécurité, maître-chien, agent cynophile, vigile, SSIAP, agent sécurité incendie, société de sécurité privée, sécurité privée, sécurité incendie, hôtesse d’accueil, rondier sur alarme, agent SSIAP, tarif gardiennage, surveillance et gardiennage, agent cynophile tarif, gardiennage humain, gardiennage chantier, gardiennage magasin, gardiennage théâtre, agent trafic, société de surveillance, société de sécurité 75, 77, 78, 91, 92, 93, 94, 95">
  10.     <meta itemprop="telephone" content="01 48 10 23 50">
  11.     
  12.     <meta name="googlebot" content="index, follow">
  13.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14.     <meta name="author" content="Guardian France">
  15.     <meta name="geo.region" content="FR-IDF">
  16.     <meta name="geo.placename" content="Rosny-Sous-Bois">
  17.     <meta name="dc.language" content="fr-FR">
  18.     <meta name="dc.source" content="https://www.guardianfrance.com/">
  19.     <meta name="dc.creator.name" content="Guardian France">
  20.     <meta name="dc.publisher" content="Guardian France">
  21.     <meta name="dc.identifier" content="https://www.guardianfrance.com/">
  22.     <meta name="dc.date" content="2023-08-01">
  23.     <meta name="dc.language" content="fr-FR">
  24.     <meta name="dc.coverage" content="France">
  25.     <meta name="dc.rights" content="Copyright © 2023 Guardian France. Tous droits réservés.">
  26.     <meta property="og:image" content="https://www.guardianfrance.com/assets/site/img/logo.png">
  27.     <meta property="og:url" content="https://www.guardianfrance.com/">
  28.     <meta property="og:type" content="website">
  29.     <meta property="og:site_name" content="Guardian France">
  31.     <!-- Favicon -->
  32.     <link href="/../assets/site/img/favicon-guardian.ico" rel="icon" alt="ico Guardian France">
  34.     <!-- Google Web Fonts -->
  35.     <link rel="preconnect" href="https://fonts.googleapis.com">
  36.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  37.     <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">
  39.     <!-- Icon Font Stylesheet -->
  40.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
  41.     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
  43.     <!-- Libraries Stylesheet -->
  44.     <link href="/../assets/site/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  45.     <link href="/../assets/site/lib/animate/animate.min.css" rel="stylesheet">
  47.     <!-- Customized Bootstrap Stylesheet -->
  48.     <link href="/../assets/site/css/bootstrap.min.css" rel="stylesheet">
  50.     <!-- Template Stylesheet -->
  51.     <link href="/../assets/site/css/style.css" rel="stylesheet">
  52.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
  53.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
  54.     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.20/dist/sweetalert2.all.min.js"></script>
  55.     <script src="https://www.google.com/recaptcha/enterprise.js?render=6LdTWnInAAAAAL4N1fKQFZCdYaVaB-Njb2izoTzZ"></script>
  58. </head>
  62. <!-- Google tag (gtag.js) -->
  63. <script async src="https://www.googletagmanager.com/gtag/js?id=G-BQ3HQB2K3G"></script>
  64. <script>
  65.   window.dataLayer = window.dataLayer || [];
  66.   function gtag(){dataLayer.push(arguments);}
  67.   gtag('js', new Date());
  69.   gtag('config', 'G-BQ3HQB2K3G');
  70. </script>
  72. <!-- Google RECAPTCHAV3 -->
  73. <script>
  74. function onClick(e) {
  75.   e.preventDefault();
  76.   grecaptcha.enterprise.ready(async () => {
  77.     const token = await grecaptcha.enterprise.execute('6LdTWnInAAAAAL4N1fKQFZCdYaVaB-Njb2izoTzZ', {action: 'LOGIN'});
  78.     // IMPORTANT: The 'token' that results from execute is an encrypted response sent by
  79.     // reCAPTCHA Enterprise to the end user's browser.
  80.     // This token must be validated by creating an assessment.
  81.     // See https://cloud.google.com/recaptcha-enterprise/docs/create-assessment
  82.   });
  83. }
  84. </script>
  89. <body>
  90.  
  91.  <div class="container-fluid bg-dark px-5 d-none d-lg-block">
  92.         <div class="row gx-0">
  93.             <div class="col-lg-8 text-center text-lg-start mb-2 mb-lg-0">
  94.                 <div class="d-inline-flex align-items-center" style="height: 45px;">
  95.                     <small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i>5 Rue de Rome, 93110 Rosny-sous-Bois</small>
  96.                     <small class="me-3 text-light"><i class="fa fa-phone-alt me-2"></i> 01 48 10 23 50</small>
  97.                     <small class="text-light"><i class="fa fa-envelope-open me-2"></i>contact@guardianfrance.fr  </small>
  98.                 </div>
  99.             </div>
  100.             <div class="col-lg-4 text-center text-lg-end">
  101.                 <div class="d-inline-flex align-items-center" style="height: 45px;">
  102.                     
  103.                     <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.facebook.com/guardiansecurite/?locale=fr_FR"><i class="fab fa-facebook-f fw-normal"></i></a>
  104.                     <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://fr.linkedin.com/company/guardian-france"><i class="fab fa-linkedin-in fw-normal"></i></a>
  105.                     <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.instagram.com/guardianfrance2023/"><i class="fab fa-instagram fw-normal"></i></a>
  106.                     
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </div>
  111.    
  114.   
  115.     <div class="container-fluid position-relative p-0">
  116.         <nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0 ">
  117.            <a href="{{ path('app_home')}}" class="navbar-brand p-0">
  118.             <center>  <img src="/../assets/site/img/logo white guardian.png" alt="Logo Guardian France"style="height:85px; margin-top: 10px"></center>
  119.              <center> <p style="font-size: 17px; color: white"> La <span style="color: red">sécurité</span>, rien d'autre</p></center>
  120.             </a>
  121.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
  122.                 <span class="fa fa-bars"></span>
  123.             </button>
  124.             <div class="collapse navbar-collapse" id="navbarCollapse">
  125.                 <div class="navbar-nav ms-auto py-0">
  126.                     
  127.                         <a href="{{ path('app_home')}}" class="nav-item nav-link">Accueil</a>
  128.                      
  129.                 
  130.                     
  131.                         <a href="{{ path('app_actu')}}" class="nav-item nav-link">Actualités</a>
  132.                         
  133.                    
  134.                    
  135.                         <a href="{{ path('app_formation')}}" class="nav-item nav-link" >Formation</a>
  137.                          <a href="{{ path('app_offres')}}" class="nav-item nav-link">Offres d'emploi</a>
  138.                     
  139.                     <div class="nav-item dropdown">
  140.                         <a href="#" class="nav-link dropdown-toggle " data-bs-toggle="dropdown">Prestations</a>
  141.                         <div class="dropdown-menu m-0">
  142.                             <a href="{{ path('app_security')}}" class="dropdown-item">Agent de Sécurité</a>
  143.                             <a href="{{ path('app_ssiap')}}" class="dropdown-item">Agent SSIAP</a>
  144.                             <a href="{{ path('app_cyno')}}" class="dropdown-item ">Agent Cynophile</a>
  145.                             <a href="{{ path('app_gardien')}}" class="dropdown-item">Agent de Sécurité Gardiennage</a>
  146.                             <a href="{{ path('app_rondier')}}" class="dropdown-item">Agent de Sécurité Rondier</a>
  147.                             
  148.                         </div>
  149.                     </div>
  150.                     <a href="{{ path('app_about')}}" class="nav-item nav-link">Qui sommes-nous</a>
  151.                     <a href="{{ path('app_contact')}}" class="nav-item nav-link">Contact</a>
  152.                 </div>
  153.               
  154.                 <a href="{{ path('app_devis')}}" class="nav-item nav-link btn btn-primary py-2 px-3 ms-3" style="border-radius:25px 25px 25px 25px">Demander votre devis</a>
  155.             </div>
  156.         </nav>
  157.         {% block body %}{% endblock %}
  159.   
  160.  
  161. </div>
  164.     <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s">
  165.         <div class="container">
  166.             <div class="row gx-5">
  167.                 <div class="col-lg-4 col-md-6 footer-about">
  168.                     <div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4" style="background-color: #CEC2C47A !important">
  169.                         <a href="index.html" class="navbar-brand">
  170.                                 <img src="/../assets/site/img/logo.png" style="height:85px; margin: 10px">
  171.                         </a>
  172.                         <p class="mt-3 mb-4">Laissez-nous vos coordonnées afin de recevoir notre lettre d'information</p>
  173.                         <form action="">
  174.                             <div class="input-group">
  175.                                 <input type="text" class="form-control border-white p-3" placeholder="Adresse Email">
  176.                                 <button class="btn btn-dark">S'inscrire</button>
  177.                             </div>
  178.                         </form>
  179.                     </div>
  180.                 </div>
  181.                 <div class="col-lg-8 col-md-6">
  182.                     <div class="row gx-5">
  183.                         <div class="col-lg-4 col-md-12 pt-5 mb-5">
  184.                             <div class="section-title section-title-sm position-relative pb-3 mb-4">
  185.                                 <h3 class="text-light mb-0">Nous Contacter</h3>
  186.                             </div>
  187.                             <div class="d-flex mb-2">
  188.                                 <i class="bi bi-geo-alt text-primary me-2"></i>
  189.                                 <p class="mb-0">5 Rue de Rome<br>93110 Rosny-sous-Bois</p>
  190.                             </div>
  191.                             <div class="d-flex mb-2">
  192.                                 <i class="bi bi-envelope-open text-primary me-2"></i>
  193.                                 <p class="mb-0">contact@guardianfrance.fr </p>
  194.                             </div>
  195.                             <div class="d-flex mb-2">
  196.                                 <i class="bi bi-telephone text-primary me-2"></i>
  197.                                 <p class="mb-0"> 01 48 10 23 50</p>
  198.                             </div>
  199.                             <div class="d-flex mt-4">
  200.                                 
  201.                                <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.facebook.com/guardiansecurite/?locale=fr_FR"><i class="fab fa-facebook-f fw-normal"></i></a>
  202.                     <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://fr.linkedin.com/company/guardian-france"><i class="fab fa-linkedin-in fw-normal"></i></a>
  203.                     <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href="https://www.instagram.com/guardianfrance2023/"><i class="fab fa-instagram fw-normal"></i></a>
  204.                             </div>
  205.                         </div>
  206.                         <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
  207.                             <div class="section-title section-title-sm position-relative pb-3 mb-4">
  208.                                 <h3 class="text-light mb-0">Plan du Site</h3>
  209.                             </div>
  210.                             <div class="link-animated d-flex flex-column justify-content-start">
  211.                                 <a class="text-light mb-2" href="{{ path('app_home')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Accueil</a>
  212.                                 <a class="text-light mb-2" href="{{ path('app_actu')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Actualités</a>
  213.                                 <a class="text-light mb-2"href="{{ path('app_formation')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Formation</a>
  214.                                 <a class="text-light mb-2"href="{{ path('app_offres')}}" ><i class="bi bi-arrow-right text-primary me-2"></i>Offres d'emploi</a>
  215.                                 <a class="text-light mb-2"href="{{ path('app_about')}}" ><i class="bi bi-arrow-right text-primary me-2"></i>Qui sommes-nous</a>
  216.                                 <a class="text-light mb-2"href="{{ path('app_contact')}}" ><i class="bi bi-arrow-right text-primary me-2"></i>Contact</a>
  217.                                  <a class="text-light mb-2"href="{{ path('app_admin')}}" ><i class="bi bi-arrow-right text-primary me-2"></i>Connexion</a>
  218.                                 
  219.                             </div>
  220.                         </div>
  221.                         <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
  222.                             <div class="section-title section-title-sm position-relative pb-3 mb-4">
  223.                                 <h3 class="text-light mb-0">Plus d'infos</h3>
  224.                             </div>
  225.                             <div class="link-animated d-flex flex-column justify-content-start">
  226.                                 <a class="text-light mb-2" href="{{ path('app_mentions')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Mentions légales</a>
  227.                                 <a class="text-light mb-2" href="{{ path('app_cgv')}}"><i class="bi bi-arrow-right text-primary me-2"></i>CGV</a>
  228.                                 <a class="text-light mb-2" href="{{ path('app_cgu')}}"><i class="bi bi-arrow-right text-primary me-2"></i>CGU</a>
  229.                                 <a class="text-light mb-2" href="{{ path('app_confidentialité')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Politique de confidentialités</a>
  230.                                 <a class="text-light" href="{{ path('app_contact')}}"><i class="bi bi-arrow-right text-primary me-2"></i>Nous contacter</a>
  231.                             </div>
  232.                         </div>
  233.                     </div>
  234.                 </div>
  235.             </div>
  236.         </div>
  237.     </div>
  238.     <div class="container-fluid text-white" style="background: #061429;">
  239.         <div class="container text-center">
  240.             <div class="row justify-content-end">
  241.                 <div class="col-lg-8 col-md-6">
  242.                     <div class="d-flex align-items-center justify-content-center" style="height: 75px;">
  243.                         <p class="mb-0">&copy; <a class="text-white border-bottom" href="#">GuardianFrance</a>. All Rights Reserved. 
  244.                         
  245.                         <!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
  246.                         Designed by CBT-DEV</a></p>
  247.                     </div>
  248.                 </div>
  249.             </div>
  250.         </div>
  251.     </div>
  252.     <!-- Footer End -->
  255. <script>
  256. const logo = document.querySelector('.navbar-brand img');
  257. const textToChange = document.querySelector('.navbar-brand p');
  258. const carousel = document.querySelector('.carousel');
  259. const carouselImages = document.querySelectorAll('.carousel-item img');
  261. const scrollHeightToChange = 100;
  263. function changeLogoAndTextColorOnScroll() {
  264.     if (window.scrollY > scrollHeightToChange) {
  265.         logo.src = "/../assets/site/img/logo.png";
  266.         textToChange.style.color = "#3A4B64";
  267.         if (carousel) {
  268.             carousel.classList.remove('bg-logo-white');
  269.         }
  270.     } else {
  271.         logo.src = isMobileDevice() ? "/../assets/site/img/logo.png" : "/../assets/site/img/logo white guardian.png";
  272.         textToChange.style.color = isMobileDevice() ? "#3A4B64" : "#FFFFFF";
  273.         if (carousel) {
  274.             carousel.classList.add('bg-logo-white');
  275.         }
  276.     }
  277. }
  279. function isMobileDevice() {
  280.     return window.innerWidth <= 768;
  281. }
  283. window.addEventListener('scroll', changeLogoAndTextColorOnScroll);
  285. changeLogoAndTextColorOnScroll();
  287. </script>
  291.     <!-- JavaScript Libraries -->
  292.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  293.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
  294.     <script src="/../assets/site/lib/wow/wow.min.js"></script>
  295.     <script src="/../assets/site/lib/easing/easing.min.js"></script>
  296.     <script src="/../assets/site/lib/waypoints/waypoints.min.js"></script>
  297.     <script src="/../assets/site/lib/counterup/counterup.min.js"></script>
  298.     <script src="/../assets/site/lib/owlcarousel/owl.carousel.min.js"></script>
  299.     <script src="/../assets/site/lib/lightbox/lightbox.min.js"></script>
  300.     <script src="/../assets/site/lib/isotope/isotope.pkgd.min.js"></script>
  301.     
  308.   
  310. <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  312.     <script src="https://kit.fontawesome.com/df64cb8216.js" crossorigin="anonymous"></script>
  314.     <!-- Template Javascript -->
  315.     <script src="/../assets/site/js/main.js"></script>
  317. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script>
  318.        
  319. </body>
  321. </html>