templates/pages/offres/index.html.twig line 1

  1. {% extends 'site.html.twig' %}
  2. {% block title %}Recrutement Agent Sécurité et Prévention - SSIAP - Guardian France{% endblock %}
  3. {% block meta_description %}Guardian France propose des services de sécurité et de Préventions professionnels pour protéger votre entreprise et vos événement . Le groupe Guardian France est spécialiste de la sécurité événementielle . Agents cynophiles, vigiles, SSIAP, maîtres-chiens qualifiés disponibles.{% endblock %}
  4. {% block meta_keywords %}sécurité, gardiennage, entreprise de gardiennage,recrutement entreprise de sécurité, agent cynophile, vigile, SSIAP, maître-chien, protection émeutes , commerces , vitrines ,Rapports et documentation,Sécurité événementielle, Accueil et contrôle d'accès {% endblock %}
  5. {% block meta_itemprop %} 01 48 10 23 50 {% endblock %}
  6. {% block body %}
  7. {% if app.session.flashBag.has('success') %}
  8.     <script>
  9.         document.addEventListener('DOMContentLoaded', function() {
  10.             Swal.fire({
  11.                 icon: 'success',
  12.                 title: 'Message envoyé avec succès !',
  13.                 text: '{{ app.session.flashBag.get('success')[0] }}',
  14.               confirmButtonText: 'OK',
  15.                 customClass: {
  16.                     confirmButton: 'my-confirm-button-class'
  17.                 }
  18.             });
  19.           
  20.         });
  21.     </script>
  22. {% endif %}
  23.      <div class="container-fluid bg-primary py-5 bg-header-offres" style="margin-bottom:40px;">
  24.             <div class="row py-5">
  25.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  26.                     <h2 class="display-4 text-white animated zoomIn">Nos offres d'emploi</h2>
  27.                     <a href="" class="h5 text-white"></a>
  28.                     
  29.                     <a href="" class="h5 text-white"></a>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </div>
  34.        <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  35.          <div class="container py-5">
  36.             <div class="row g-5">
  37.                 <div class="col-lg-7">
  38.                     <div class="section-title position-relative pb-3 mb-5">
  39.                         <h5 class="fw-bold text-primary text-uppercase">Candidature spontanée</h5>
  40.                         <h1 class="mb-0">Envoyez votre candidature spontanée dès maintenant à Guardian France</h1>
  41.                     </div>
  42.                     <div class="row gx-3">
  43.                         <div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s">
  44.                             <h5 class="mb-4"><i class="fa fa-reply text-primary me-3"></i>Traitement sous 24H</h5>
  45.                         </div>
  46.                         <div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s">
  47.                             <h5 class="mb-4"><i class="fa fa-phone-alt text-primary me-3"></i>Réponse au téléphone immédiate</h5>
  48.                         </div>
  49.                     </div>
  50.                      <p class="mb-4">
  51.                     Chez Guardian France, nous sommes spécialisés dans la sécurité des entreprises et nous recherchons en permanence des professionnels qualifiés pour rejoindre notre équipe en tant qu'agents SSIAP et agents de sécurité cynophile en Île-de-France.</p>
  52.                 <p>Nous offrons des postes dans le domaine de la sécurité incendie (SSIAP) ainsi que des postes pour nos agents cynophiles hautement formés pour garantir une protection maximale. Si vous êtes passionné par la sécurité, que vous possédez les qualifications requises et que vous souhaitez rejoindre une équipe professionnelle et engagée, nous vous invitons à nous envoyer votre candidature spontanée.</p>
  53.                 <p class="mb-4">Que vous ayez une expérience avérée en sécurité, que vous soyez récemment diplômé(e) ou que vous envisagiez une reconversion professionnelle dans ce domaine, nous serions heureux de découvrir votre profil.</p>
  54.                 <p>Nos postes sont variés et incluent des missions de sécurité incendie, de surveillance, de contrôle d'accès et bien plus encore. Notre entreprise est basée en Île-de-France, et nous travaillons en étroite collaboration avec nos clients pour assurer leur sécurité et leur tranquillité d'esprit.</p>
  55.                 <p>Envoyez-nous dès maintenant votre candidature spontanée en nous fournissant votre CV et une lettre de motivation. Nous étudierons attentivement chaque candidature et vous contacterons si votre profil correspond à nos besoins actuels.</p>
  56.                    
  57.                     <div class="d-flex align-items-center mt-2 wow zoomIn" data-wow-delay="0.6s">
  58.                         <div class="bg-primary d-flex align-items-center justify-content-center rounded" style="width: 60px; height: 60px;">
  59.                             <i class="fa fa-phone-alt text-white"></i>
  60.                         </div>
  61.                         <div class="ps-4">
  62.                             <h5 class="mb-2">Contactez nous</h5>
  63.                             <h4 class="text-primary mb-0">01 48 10 23 50</h4>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.               
  68.                   <div class="col-lg-5">
  69.                 <!-- Formulaire de contact -->
  70.                 <div class="col-lg-9 col-md-9 wow slideInUp mx-md-0" data-wow-delay="0.3s">
  71.                     {{ form_start(form) }}
  72. <div class="row g-7">
  73.     <center><h5 class="fw-bold text-primary text-uppercase">Formulaire de contact</h5></center>
  74.     <div class="col-md-12 mb-3">
  75.         {{ form_row(form.name, {'label_attr': {'class': 'required-label'}}) }}
  76.     </div>
  77.     <div class="col-md-12 mb-3">
  78.         {{ form_row(form.firstname, {'label_attr': {'class': 'required-label'}}) }}
  79.     </div>
  80.     <div class="col-md-12 mb-3">
  81.         {{ form_row(form.email, {'label_attr': {'class': 'required-label'}}) }}
  82.     </div>
  83.     <div class="col-md-12 mb-3">
  84.         {{ form_row(form.phone, {'label_attr': {'class': 'required-label'}}) }}
  85.     </div>
  86.     
  87.     <div class="col-md-12 mb-3">
  88.         {{ form_row(form.adress, {'label_attr': {'class': 'required-label'}}) }}
  89.     </div>
  90.     <div class="col-md-12 mb-3">
  91.         {{ form_row(form.city, {'label_attr': {'class': 'required-label'}}) }}
  92.     </div>
  93.     <div class="col-md-12 mb-3">
  94.         {{ form_row(form.cedex, {'label_attr': {'class': 'required-label'}}) }}
  95.     </div>
  96.    
  97.     <div class="col-12 mb-3">
  98.         {{ form_row(form.text, {'label_attr': {'class': 'required-label'}}) }}
  99.     </div>
  100.     <div class="col-12 mb-3">
  101.         {{ form_row(form.pdfFile, {'label_attr': {'class': 'required-label'}}) }}
  102.     </div>
  103.     <div class="form-check mb-3">
  104.         {{ form_widget(form.consent, {'attr': {'class': 'form-check-input'}}) }}
  105.         {{ form_label(form.consent, null, {'label_attr': {'class': 'form-check-label'}}) }}
  106.     </div>
  107.     <div class="col-12">
  108.         <button class="btn btn-primary w-100 py-3" type="submit">Envoyer</button>
  109.     </div>
  110. </div>
  111. {{ form_end(form) }}
  112.               </div>
  113.           </div>
  114.       </div>   
  115.   </div>
  116. <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s;">
  117.   <div class="container py-5">
  118.     <div class="row g-5 align-items-center">
  119.       <div class="col-lg-7">
  120.         <div class="section-title position-relative pb-3 mb-5">
  121.           <h5 class="fw-bold text-primary text-uppercase">Rejoignez notre équipe dédiée à la sécurité</h5>
  122.           <h1 class="mb-0">Postulez dès maintenant chez Guardian France</h1>
  123.         </div>
  124.       </div>
  125.     </div>
  126.     <div class="row job-listings">
  127.       <!-- Job Listing 1 -->
  128.       <div class="col-md-6">
  129.         <div class="job-listing" style="box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);">
  130.           <h1 class="job-title">Agent / Agente de prévention et de sécurité H/F</h1>
  131.           <p class="company">&#x1F4CD; Ile-de-France</p>
  132.           <div class="job-description">
  133.             <h3>Description du poste :</h3>
  134.             <p>Vous souhaitez vous investir dans une société dynamique ? Rejoignez Guardian France. La société Guardian recrute son futur Agent de prévention et de sécurité Hommes ou Femmes.</p>
  135.             <p><strong>Votre mission :</strong></p>
  136.             <ul>
  137.               <li>Le contrôle d'accès au site des visiteurs.</li>
  138.               <li>La gestion des alarmes et des levées des doutes.</li>
  139.               <li>Les rondes de sécurité sur l'ensemble du site.</li>
  140.               <li>Contrôler les badges des salariés.</li>
  141.               <li>Contrôler le fonctionnement des différents dispositifs de sécurité.</li>
  142.               <li>Rendre compte par écrit de son activité notamment sur la main courante.</li>
  143.             </ul>
  144.           </div>
  145.           <div class="profile-section">
  146.             <h3>Profil souhaité :</h3>
  147.             <ul>
  148.               <li><strong>Expérience :</strong> Débutant accepté</li>
  149.               <li><strong>Compétences :</strong>
  150.                 <ul>
  151.                   <li>Contrôler l'accès et la circulation des personnes</li>
  152.                   <li>Repérer les anomalies, incidents et informer les forces de l'ordre et les clients</li>
  153.                   <li>Transmettre de l'information</li>
  154.                 </ul>
  155.               </li>
  156.               <li><strong>Savoir-être professionnels :</strong>
  157.                 <ul>
  158.                   <li>Faire preuve d'autonomie</li>
  159.                   <li>Travailler en équipe</li>
  160.                   <li>Être à l'écoute</li>
  161.                 </ul>
  162.               </li>
  163.               <li><strong>Permis :</strong> B - Véhicule léger</li>
  164.             </ul>
  165.           </div>
  166.           <div class="additional-info">
  167.             <h3>Informations complémentaires :</h3>
  168.             <ul>
  169.               <li><strong>Qualification :</strong> Employé qualifié</li>
  170.               <li><strong>Secteur d'activité :</strong> Activités de sécurité privée</li>
  171.             </ul>
  172.           </div>
  173.           <div class="how-to-apply">
  174.             <h3>Comment postuler :</h3>
  175.             <a href="https://www.pole-emploi.fr" class="apply-button">Postuler sur Pôle Emploi</a>
  176.             <a href="mailto:recrutement@guardianfrance.com" class="contact-button">Nous contacter</a>
  177.           </div>
  178.         </div>
  179.       </div>
  180.       <!-- Job Listing 2 -->
  181.       <!-- Add additional job listings here -->
  182.     </div>
  183.   </div>
  184. </div>
  185. <style>
  186. .required-label::before {
  187.     content: "*";
  188.     color: red;
  189.     margin-right: 5px;
  190. }
  191.   .job-listings {
  192.     display: grid;
  193.     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  194.     gap: 30px;
  195.   }
  196.   .job-listing {
  197.     padding: 20px;
  198.     background-color: #f9f9f9;
  199.     border-radius: 5px;
  200.     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  201.   }
  202.   /* ... continue with other styles ... */
  203. </style>
  204. <script>
  205. function dropHandler(event) {
  206.   event.preventDefault();
  207.   const fileInput = document.querySelector('input[type="file"]');
  208.   fileInput.files = event.dataTransfer.files;
  209. }
  210. </script>
  211. {% endblock %}