templates/geiq/index.html.twig line 1

  1. {% extends 'basegeiq.html.twig' %}
  2. {% block stylesheets %}
  3. {% endblock %}
  4. {% block meta %}
  5. {% for r in referencements %}
  6.     <meta name="description" content="{{r.description}}">
  7. {% endfor %}
  8. {% endblock %}
  9. {% block body %}
  10.   <!-- ***** Preloader Start ***** -->
  11.   <div id="js-preloader" class="js-preloader">
  12.     <div class="preloader-inner">
  13.       <span class="dot"></span>
  14.       <div class="dots">
  15.         <span></span>
  16.         <span></span>
  17.         <span></span>
  18.       </div>
  19.     </div>
  20.   </div>
  21.   <!-- ***** Preloader End ***** -->
  22.   
  23.   <div class="bloc">
  24.     <form class="media-carousel">
  25.             <input type="radio" name="fancy" autofocus value="clubs" id="clubs"/>
  26.             <input type="radio" name="fancy" value="hearts" id="hearts"/>
  27.             <input type="radio" name="fancy" value="spades" id="spades"/>
  28.             <input type="radio" name="fancy" value="diamonds" id="diamonds"/>
  29.       <input type="radio" name="fancy" value="spades" id="circle"/>
  30.             <input type="radio" name="fancy" value="diamonds" id="triangle"/>
  31.             <label for="clubs" loading="lazy"></label><label for="hearts" loading="lazy"></label><label for="spades" loading="lazy"></label><label for="diamonds" loading="lazy"></label><label for="circle" loading="lazy"></label><label for="triangle" loading="lazy"></label>
  32.       </form>
  33.     <span class="test"><h1 class="text1 typed">L'emploi</h1><h6 class="text2">pour toutes et tous</h6></span>
  34.   </div>
  35.   <div class="container">
  36.     <div class="row mt-100">
  37.       <div class="col-md-5 element2">
  38.         <h2 class="center f-35"><img src="{{asset('assets/images/Fonctionnement du GEIQ/0 candidat.png')}}" class="w-deuxcent"></img><br><br>CANDIDAT</h2><br>
  39.         <h3 class="center">A la recherche d’un emploi,  vous souhaitez qu’on vous donne votre chance ?​</h3><br>
  40.         <h4 class="center">Le GEIQ est là pour vous accompagner vers la réussite de votre projet professionnel. Il propose un parcours emploi-formation de 6 à 18 mois qui permet d’acquérir des compétences, de l’expérience et un diplôme tout en étant rémunéré.<br><br>​Le GEIQ est ouvert à toutes et tous, vous êtes recruté sur la motivation !<br>​</h4>
  41.         <a href="#Nos_avantages" class="btn morec"> En savoir +</a>
  42.       </div>
  43.       <div class="col-md-2"></div>
  44.       <div class="col-md-5 element1">
  45.         <h2 class="center f-35"><img src="{{asset('assets/images/Fonctionnement du GEIQ/0 recruteur site geiq.png')}}" class="w-deuxcent"></img><br><br>ENTREPRISE</h2><br>
  46.         <h3 class="center">Vous recherchez des profils difficiles à sourcer  ?</h3><br>
  47.         <h4 class="center">Le GEIQ est outil performant de sourcing pour votre marque employeur.<br>Il vous propose une solution globale : de la promotion de votre entreprise à la fidélisation en CDI en passant par l’intégration, la formation et l’accompagnement.<br><br>​Plus de 70% des salariés GEIQ intègrent les entreprises adhérentes en CDI.​<br><br></h4>
  48.         <br><a href="#Nos_avantages_2" class="btn morer"> En savoir +</a>
  49.       </div>
  50.     </div>
  51.   </div>
  52.   <center><div class="section-heading  wow fadeInDown mt-100" data-wow-duration="1s" data-wow-delay="0.5s" id="Qu-est-ce-qu-un-geiq">
  53.     <h3 class="titre"><em>Qu’est-ce qu’un GEIQ ?</em></h3>
  54.   </div></center>
  55.   <div class="main-banner wow fadeIn" id="top" data-wow-duration="1s" data-wow-delay="0.5s">
  56.     <div class="container" id="who">
  57.       <div class="row">
  58.         <div class="col-lg-12">
  59.           <div class="row">
  60.             <div class="col-lg-6 align-self-center">
  61.               <div class="left-content show-up header-text wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s">
  62.                 <div class="row">
  63.                   <div class="col-lg-12">
  64.                     <h4 class="text-color-1 lh">Un GEIQ est un collectif d’entreprises réunies pour répondre à leurs problématiques de recrutement. Ensemble, elles parient sur le potentiel de personnes éloignées du marché du travail en les formant et qualifiant grâce à l’alternance.<br><br>
  65. L’objectif est double : ​<br>
  66. - pour l’entreprise adhérente, c’est de pouvoir ensuite recruter durablement la personne formée au sein de ses équipes.<br>
  67. - pour le candidat, c’est de pouvoir être recruté durablement dans son entreprise d’accueil.​</h4><br>
  68.                   </div>
  69.                 </div>
  70.               </div>
  71.             </div>
  72.             <div class="col-lg-6 order-first order-sm-last">
  73.               <div class="right-image wow fadeInRight w-100" data-wow-duration="1s" data-wow-delay="0.5s">
  74.                 <iframe width="600" height="380" src="https://www.youtube.com/embed/29HdUEtcbTY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen class="w-600 b-35"></iframe>
  75.               </div>
  76.             </div>
  77.           </div>
  78.         </div>
  79.       </div>
  80.     </div>
  81.   </div>
  82. <!-- image-left Starts -->
  83. <center><div class="section-heading" id="Fonctionnement_du_geiq">
  84.   <h3 class="titre"><em>Fonctionnement du GEIQ</em></h3>
  85. </div></center>
  86. <div class="about section">
  87.   <div class="container">
  88.     <div class="row mb-150">
  89.       <div class="col-lg-12">
  90.         <div class="row">
  91.           <div class="col-lg-6">
  92.             <div class="about-left-image w-100">
  93.               <img src="{{asset('assets/images/Fonctionnement du GEIQ/Groupement d\'Employeurs schéma FERGUSS-01.png')}}" alt="" loading="lazy" class="w-600">
  94.             </div>
  95.           </div>
  96.           <div class="col-lg-6 align-self-center">
  97.             <div class="about-right-content">
  98.               <h4 class="text-color-1 lh">
  99.                 <strong>Pour répondre aux enjeux de recrutement et de gestion pérenne des emplois et compétences, le GEIQ :​</strong><br><br>- détecte des personnes ayant un potentiel,<br>- ​les recrute en contrat en alternance individualisé,<br>- ​organise des parcours avec des périodes de formation adaptées aux rythmes et aux besoins des entreprises.<br><br>​Ainsi, le GEIQ permet de recruter, former et accompagner un personnel mutualisé vers un emploi durable.<br><br>​<strong>Le + du GEIQ : un suivi personnalisé</strong> est réalisé auprès des salariés tout au long de leurs parcours (suivi de l’acquisition de compétences, suivi dans l’entreprise…).​
  100.               </h4>
  101.             </div>
  102.           </div>
  103.         </div>
  104.       </div>
  105.     </div>
  106.   </div>
  107. </div>
  108. <!-- métiers Start -->
  109. <div class="row mt-5" id="Nos_metiers">
  110.     <div class="col-md-12 p-3">
  111.         <center><div class="section-heading  wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  112.           <h3 class="titre"><em>Nos métiers</em></h3>
  113.         </div></center>
  114.     </div>
  115. </div>
  116. <section>
  117.   <div class="container-fluid mb-150">           
  118.     <div class="row">
  119.         <div class="col-md-1"></div>
  120.         <div class="col-md-4 element1 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
  121.             <br><center><h1 class="center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/0 logistique GEIQ.png')}}" class="w-deuxcent"></img><br><br> LOGISTIQUE</h1></center>
  122.             <center><div class="line-dec"></div><br>
  123.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Préparateur de commandes en entrepôt (H/F)</a><br></h2></center>
  124.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Cariste d'entrepôt (H/F)</a><br></h2></center>
  125.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Chef d'équipe (H/F)</a><br></h2></center>
  126.         </div>
  127.         <div class="col-md-2"></div>
  128.         <div class="col-md-4 element2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
  129.             <br><center><h1 class="center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/0 Industrie GEIQ.png')}}" class="w-deuxcent"></img><br><br> INDUSTRIE</h1>
  130.             <center><div class="line-dec"></div></center><br>
  131.               <center><h2 class="fs-5"><a class="btn btn-link" href="javascript:void(0)">Agent de conditionnement (H/F)</a><br></h2>
  132.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Opérateur de production (H/F)</a><br></h2>
  133.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Ouvrier qualifié en nettoyage industriel (H/F)</a><br></h2>
  134.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Conducteur de machines (H/F)</a><br></h2>
  135.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Conducteur de ligne (H/F)</a><br></h2>
  136.               <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">Responsable d'équipe (H/F)</a><br></h2></center>
  137.         </div>
  138.         {# <div class="col-md-3" style="border: 1px solid; border-color: #2f528f;  border-radius: 30px;">
  139.             <br><center><h1 class="text-color-2"><i class="fa fa-circle" style="color: #242b77;"></i> Centre de gestion</h1></center>
  140.             <center><div class="line-dec"></div></center><br>
  141.             <h2 class="fs-5" style="color: #242b77;"><li>Directeur(trice) Opérationnel</li><br><li>Assistant(e) de Direction</li><br><li>Directeur(trice) Administratif(ve) et Financière </li><br><li>Comptable</li><br><li>Contrôleur(euse) de Gestion</li><br><li>Assistant(e) comptable</li><br><li>Assistant(e)e administrative & financière </li><br><li>Directeur (trice) des Ressources Humaines </li><br><li>Responsable paie/ADP </li><br><li>Gestionnaire paie/ADP </li><br><li>Responsable communication </li><br><li>Responsable achats/Bâtiments/Informatique</li><br><li>Assistant(e) administrative</li><br></h2>
  142.         </div> #}
  143.     </div>
  144.   </div>
  145. </section>
  146. <div class="row mt-5" id="Nos_secteurs">
  147.     <div class="col-md-12 p-3">
  148.         <center><div class="section-heading">
  149.           <h3 class="titre"><em>Nos secteurs</em></h3>
  150.         </div></center>
  151.     </div>
  152. </div>
  153. <section class="agencies-list">
  154.     <div class="container">
  155.         <div class="row">
  156.             <div class="col-12 col-lg-12">
  157.                 <div class="row">
  158.                     <div class="col-12 col-md-6 card-wrapper">
  159.                         <div class="card p-0 shadow-sm">
  160.                             <div class="card-header">
  161.                                 <h2 class="card-title m-0">(13) Miramas - Logistique | Industrie</h2>
  162.                             </div>
  163.                             <div class="card-body">
  164.                                 <h3 class="agency-name">
  165.                                     GEIQ GELIT Sud-Est
  166.                                 </h3>
  167.                                 <ul>
  168.                                     <li><i class="fas fa-map-marker-alt mr-2"></i>210 Rue de l&#x27;Irlande, 13140 Miramas</li>
  169.                                     <li><i class="fas fa-phone mr-2"></i>04 81 92 16 45</li>
  170.                                     <li><i class="far fa-envelope mr-2"></i>
  171.                                         <a href="mailto:rh13@ferguss.com"
  172.                                            class="underline">rh13@ferguss.com</a></li>
  173.                                 </ul>
  174.                             </div>
  175.                         </div>
  176.                     </div>
  177.                     <div class="col-12 col-md-6 card-wrapper">
  178.                         <div class="card p-0 shadow-sm">
  179.                             <div class="card-header">
  180.                                 <h2 class="card-title m-0">(31) Toulouse - Logistique | Multisecteurs</h2>
  181.                             </div>
  182.                             <div class="card-body">
  183.                                 <h3 class="agency-name">
  184.                                     GEIQ GEMLOG Sud-Ouest,  GE OCCICAP
  185.                                 </h3>
  186.                                 <ul>
  187.                                     <li><i class="fas fa-map-marker-alt mr-2"></i>12 Rue de Caulet, 31300 Toulouse</li>
  188.                                     <li><i class="fas fa-phone mr-2"></i>05 34 40 78 30</li>
  189.                                     <li><i class="far fa-envelope mr-2"></i>
  190.                                         <a href="mailto:rh31@ferguss.com"
  191.                                            class="underline">rh31@ferguss.com</a></li>
  192.                                 </ul>
  193.                             </div>
  194.                         </div>
  195.                     </div>
  196.                     <div class="col-12 col-md-6 card-wrapper">
  197.                         <div class="card p-0 shadow-sm">
  198.                             <div class="card-header">
  199.                                 <h2 class="card-title m-0">(38) Saint-Quentin-Fallavier - Logistique</h2>
  200.                             </div>
  201.                             <div class="card-body">
  202.                                 <h3 class="agency-name">
  203.                                     GEIQ GENILOG
  204.                                 </h3>
  205.                                 <ul>
  206.                                     <li><i class="fas fa-map-marker-alt mr-2"></i>21 Avenue des Arrivaux, 38070 Saint-Quentin-Fallavier</li>
  207.                                     <li><i class="fas fa-phone mr-2"></i>04 84 35 21 90</li>
  208.                                     <li><i class="far fa-envelope mr-2"></i>
  209.                                         <a href="mailto:rh38@ferguss.com"
  210.                                            class="underline">rh38@ferguss.com</a></li>
  211.                                 </ul>
  212.                             </div>
  213.                         </div>
  214.                     </div>
  215.                     <div class="col-12 col-md-6 card-wrapper">
  216.                         <div class="card p-0 shadow-sm">
  217.                             <div class="card-header">
  218.                                 <h2 class="card-title m-0">(42) Saint-&#xC9;tienne - Industrie</h2>
  219.                             </div>
  220.                             <div class="card-body">
  221.                                 <h3 class="agency-name">
  222.                                     GEIQ INDIS LOIRE, GE  PLURIMAN
  223.                                 </h3>
  224.                                 <ul>
  225.                                     <li><i class="fas fa-map-marker-alt mr-2"></i>178 Bd Antonio Vivaldi, 42000 Saint-&#xC9;tienne</li>
  226.                                     <li><i class="fas fa-phone mr-2"></i>04 77 92 20 05</li>
  227.                                     <li><i class="far fa-envelope mr-2"></i>
  228.                                         <a href="mailto:rh42@ferguss.com"
  229.                                            class="underline">rh42@ferguss.com</a></li>
  230.                                 </ul>
  231.                             </div>
  232.                         </div>
  233.                     </div>
  234.                     <div class="col-12 col-md-6 card-wrapper">
  235.                         <div class="card p-0 shadow-sm">
  236.                             <div class="card-header">
  237.                                 <h2 class="card-title m-0">(69) Corbas - Logistique | Industrie</h2>
  238.                             </div>
  239.                             <div class="card-body">
  240.                                 <h3 class="agency-name">
  241.                                     GEIQ AGROLOGIS, GEIQ GEMLOG
  242.                                 </h3>
  243.                                 <ul>
  244.                                     <li><i class="fas fa-map-marker-alt mr-2"></i>6 Rue du Dauphin&#xE9;, 69960 Corbas</li>
  245.                                     <li><i class="fas fa-phone mr-2"></i>04 37 25 20 37</li>
  246.                                     <li><i class="far fa-envelope mr-2"></i>
  247.                                         <a href="mailto:rh69@ferguss.com"
  248.                                            class="underline">rh69@ferguss.com</a></li>
  249.                                 </ul>
  250.                             </div>
  251.                         </div>
  252.                     </div>
  253.                     <div class="col-12 col-md-6 card-wrapper">
  254.                         <div class="card p-0 shadow-sm">
  255.                             <div class="card-header">
  256.                                 <h2 class="card-title m-0">(91) Br&#xE9;tigny-sur-Orge - Logistique | Industrie</h2>
  257.                             </div>
  258.                             <div class="card-body">
  259.                                 <h3 class="agency-name">
  260.                                     GEIQ GELIES
  261.                                 </h3>
  262.                                 <ul>
  263.                                     <li><i class="fas fa-map-marker-alt mr-2"></i>15 Rue du Roussillon, 91220 Br&#xE9;tigny-sur-Orge</li>
  264.                                     <li><i class="fas fa-phone mr-2"></i>01 81 86 01 95</li>
  265.                                     <li><i class="far fa-envelope mr-2"></i>
  266.                                         <a href="mailto:rh91@ferguss.com"
  267.                                            class="underline">rh91@ferguss.com</a></li>
  268.                                 </ul>
  269.                             </div>
  270.                         </div>
  271.                       </div>
  272.             </div>
  273.             </div>
  274.             <div class="col-md-12 d-flex">
  275.               <div class="col-md-5"></div>
  276.               <div class="col-md-2">
  277.                 <a class="contact-button center" href="{{path('app_contact')}}">Contactez-nous !</a>
  278.               </div>
  279.             </div>
  280.         </div>
  281.     </div>
  282. </section>
  283.   <!-- Chiffres Start -->
  284. <div class="row mt-100" id="Nos_chiffres">
  285.     <div class="col-md-12 p-3">
  286.     <center><div class="section-heading wow fadeInDown mt-5 mb-3" data-wow-duration="1s" data-wow-delay="0.5s">
  287.       <h3 class="titre"><em>Chiffres clés nationaux Geiq </em></h3>
  288.     </div></center>
  289.     </div>
  290. </div>
  291. <section class="chiffre wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  292.     <div class="container-fluid">
  293.         <div class="row">
  294.             <div class="col-md-12 p-4">
  295.                 <div class="row">
  296.                     <div class="col-md-4">
  297.                         <center>
  298.                         <div class="w-100 {#i1#} center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/entreprises-adh-rentes-aux-GEI-unscreen.gif')}}" loading="lazy" class="w-cent"></img></div>
  299.                         <h1 class="text-color-2 center">{{ chiffres.valeurs|number_format(0, ' ', ' ') }}</h1>
  300.                         <p class="text-color-2 center"><strong>{{chiffres.nom}}</strong></p></center>
  301.                     </div>
  302.                     <div class="col-md-4">
  303.                         <center>
  304.                         <div class="w-100 {#i1#} center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/salari-s-en-parcours-unscreen.gif')}}" loading="lazy" class="w-cent"></img></div>
  305.                         <h1 class="text-color-2 center">{{ chiffres.valeurs2|number_format(0, ' ', ' ') }}</h1>
  306.                         <p class="text-color-2 center"><strong>{{chiffres.nom2}}</strong></p></center>
  307.                     </div>
  308.                     <div class="col-md-4">
  309.                         <center>
  310.                         <div class="w-100 {#i1#} center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/nouveaux-contrats-sign-s-unscreen.gif')}}" loading="lazy" class="w-cent"></img></div>
  311.                         <h1 class="text-color-2 center">{{ chiffres.valeurs3|number_format(0, ' ', ' ') }}</h1>
  312.                         <p class="text-color-2 center"><strong>{{chiffres.nom3}}</strong></p></center>
  313.                     </div>
  314.                 </div>
  315.             </div>
  316.             <div class="col-md-12 p-4">
  317.                 <div class="row">
  318.                     <div class="col-md-4">
  319.                         <center>
  320.                         <div class="w-100 {#i1#} center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/salari-s-loign-s-de-l-emploi-unscreen.gif')}}" loading="lazy" class="w-cent"></img></div>
  321.                         <h1 class="text-color-2  center" ><span></span>{{ chiffres.valeurs4|number_format(0, ' ', ' ') }}%</h1>
  322.                         <p class="text-color-2 center"><strong>{{chiffres.nom4}}</strong></p></center>
  323.                     </div>
  324.                     <div class="col-md-4">
  325.                         <center>
  326.                         <div class="w-100 {#i1#} center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/réussite à l examen.gif')}}" loading="lazy" class="w-cent"></img></div>
  327.                         <h1 class="text-color-2 center"><span></span>{{ chiffres.valeurs5|number_format(0, ' ', ' ') }}%</h1>
  328.                         <p class="text-color-2 center"><strong>{{chiffres.nom5}}</strong></p></center>
  329.                     </div>
  330.                     <div class="col-md-4">
  331.                         <center>
  332.                         <div class="w-100 {#i1#} center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/sorties-vers-l-emploi-unscreen.gif')}}" loading="lazy" class="w-cent"></img></div>
  333.                         <h1 class="text-color-2 center"><span></span>{{ chiffres.valeurs6|number_format(0, ' ', ' ') }}%</h1>
  334.                         <p class="text-color-2 center"><strong>{{chiffres.nom6}}</strong></p></center>
  335.                     </div>
  336.                 </div>
  337.             </div>
  338.         </div>
  339.     </div>
  340. </section>
  341. <!-- Chiffres End -->
  342. <div class="row mt-100" id="Nos_avantages">
  343.     <div class="col-md-12 p-3">
  344.     <center><div class="section-heading wow fadeInDown mt-5 mb-3" data-wow-duration="1s" data-wow-delay="0.5s">
  345.       <h3 class="titre"><em>Nos avantages pour les salariés</em></h3>
  346.     </div></center>
  347.     </div>
  348. </div>
  349. <div class="container">
  350.   <div class="row wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
  351.     <h2><mark class="center main-geiq">Le GEIQ s’occupe de toute la gestion de votre parcours professionnel pour VOUS !​</mark></h2>
  352.   </div>
  353.   <div class="row">
  354.     <div class="col-md-12 boxbox main-geiq2">
  355.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  356.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/1 décrochez un emploi.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  357.         <br><h4 class="center">Vous décrochez un emploi en alternance, de 6 à 18 mois, dans une de nos entreprises partenaires.​</h4>
  358.       </div>
  359.       <div class="col-md-1"></div>
  360.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s">
  361.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/2 bénéficier formation.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  362.         <br><h4 class="center">Vous bénéficiez d’une formation, financée par le GEIQ, tout en étant rémunéré.​</h4>
  363.       </div>
  364.       <div class="col-md-1"></div>
  365.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.5s">
  366.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/3 diplome.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  367.         <br><h4 class="center">Vous avez la possibilité d’obtenir un diplôme reconnu à l’issue de votre alternance.​</h4>
  368.       </div>
  369.     </div>
  370.     <div class="col-md-12 boxbox main-geiq2">
  371.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
  372.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/4 accompagnement.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  373.         <br><h4 class="center">Vous êtes accompagné tout au long de votre parcours : suivi en entreprise/en formation, accompagnement socioprofessionnel (aide aux démarches administratives).​</h4>
  374.       </div>
  375.       <div class="col-md-1"></div>
  376.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2.5s">
  377.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/stairs.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  378.         <br><h4 class="center">Vous acquérez une variété d’expériences professionnelles et cela vous permet d’enrichir vos compétences, d’explorer différentes entreprises et d’élargir vos perspectives professionnelles.​</h4>
  379.       </div>
  380.       <div class="col-md-1"></div>
  381.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="3s">
  382.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/5 emploi durable.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  383.         <br><h4 class="center">Vous avez l’opportunité d’être embauché durablement à l’issue de votre parcours emploi-formation.​</h4>
  384.       </div>
  385.     </div>
  386.     {# <div class="row">
  387.     <div class="col-md-12 boxbox">
  388.       <div class="col-md-2"></div>
  389.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
  390.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/4 accompagnement.gif')}}" loading="lazy" style="width: 100px;"></img></div></div>
  391.         <br><h4 class="center">Vous êtes accompagné(e) tout au long de votre parcours : suivi en entreprise/en formation, accompagnement socioprofessionnel (aide aux démarches administratives).​</h4>
  392.       </div>
  393.       <div class="col-md-2"></div>
  394.       <div class="col-md-3 col-12 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2.5s">
  395.         <div class="col-md-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/5 emploi durable.gif')}}" loading="lazy" style="width: 100px;"></img></div></div>
  396.         <br><h4 class="center">Vous avez l’opportunité d’être embauché(e) durablement à l’issue de votre parcours emploi-formation.​</h4>
  397.       </div>
  398.     </div> #}
  399.   </div>
  400.   <div class="row center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  401.     <h1 class="text-geiq">Pour qui ?</h1>
  402.     <h4>Vous êtes débutant ou en reconversion professionnelle ?​<br>
  403.     Vous êtes motivé et vous souhaitez qu’on vous donne votre chance pour vous lancer ?​<br>
  404.     Nous sommes là pour vous, nous vous recrutons, vous accompagnons et vous formons vers un emploi durable.​<br><br>
  405.     Le GEIQ est ouvert à toutes et tous, rejoignez-nous !​<br><br>
  406.     <a class="contact-button center" href="https://www.ferguss.com/offres/1/15" target="_blank">Je postule</a>
  407.     ​</h4>
  408.   </div>
  409.   <div class="row center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  410.     <h1 class="text-geiq">Comment ?</h1>
  411.     <div class="col-md-12 center"><img src="{{asset('assets/images/Fonctionnement du GEIQ/AVANTAGES-SALARIES.png')}}" loading="lazy" {# class="w-1400" #}></img></div>
  412.   </div>
  413. </div>
  414. <div class="row mt-100" id="Nos_avantages_2">
  415.     <div class="col-md-12 p-3">
  416.     <center><div class="section-heading wow fadeInDown mt-5 mb-3" data-wow-duration="1s" data-wow-delay="0.5s">
  417.       <h3 class="titre"><em>Nos avantages pour les entreprises</em></h3>
  418.     </div></center>
  419.     </div>
  420. </div>
  421. <div class="container">
  422.   <div class="row wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
  423.     <div class="col-md-12 d-flex">
  424.       <div class="col-md-1"></div>
  425.       <div class="col-md-10">
  426.         <h2 class="center"><mark class="main-geiq3">​Le GEIQ s’occupe de toute la gestion du personnel pour VOUS !</mark></h2>
  427.       </div>
  428.     </div>
  429.   </div>
  430.   <div class="row">
  431.     <div class="col-md-12 boxbox main-geiq2">
  432.       <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  433.         <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/1 développer marque employeur.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  434.         <br><h4 class="center">Vous développez votre marque employeur pour attirer de nouveaux candidats.​​</h4>
  435.       </div>
  436.       <div class="col-md-1"></div>
  437.       <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s">
  438.         <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/5 integration.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  439.         <br><h4 class="center">Vous facilitez l’intégration & la fidélisation de vos futurs salariés.</h4>
  440.       </div>
  441.       <div class="col-md-1"></div>
  442.       <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.5s">
  443.         <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/3 gestion administrative.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  444.         <br><h4 class="center">Vous externalisez la gestion administrative du personnel.​​</h4>
  445.       </div>
  446.     </div>
  447.     <div class="col-md-12 boxbox main-geiq2">
  448.       <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
  449.         <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/2 formation.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  450.         <br><h4 class="center">Vous avez un parcours de formation individualisé et adapté aux besoins de votre entreprise.</h4>
  451.       </div>
  452.       <div class="col-md-1"></div>
  453.       <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2.5s">
  454.         <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/4 RSE .gif')}}" loading="lazy" class="w-cent"></img></div></div>
  455.         <br><h4 class="center">Vous vous engagez dans une démarche de Responsabilité Sociétale des Entreprises.​​</h4>
  456.       </div>
  457.       <div class="col-md-1"></div>
  458.       <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="3s">
  459.         <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/save-money.gif')}}" loading="lazy" class="w-cent"></img></div></div>
  460.         <br><h4 class="center">Vous bénéficiez d'avantages fiscaux.</h4>
  461.       </div>
  462.     </div>
  463.     {# <div class="row">
  464.       <div class="col-md-12 boxbox">
  465.         <div class="col-md-2"></div>
  466.         <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
  467.           <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/4 RSE .gif')}}" loading="lazy" style="width: 100px;"></img></div></div>
  468.           <br><h4 class="center">Vous vous engagez dans une démarche de Responsabilité Sociétale des Entreprise.​​</h4>
  469.         </div>
  470.         <div class="col-md-2"></div>
  471.         <div class="col-md-3 boxicon wow fadeInDown" data-wow-duration="1s" data-wow-delay="2.5s">
  472.           <div class="col-md-12 col-12 d-flex"><div class="col-md-4"></div><div class="col-md-4"><img src="{{asset('assets/images/Fonctionnement du GEIQ/5 integration.gif')}}" loading="lazy" style="width: 100px;"></img></div></div>
  473.           <br><h4 class="center">Vous facilitez l’intégration & la fidélisation de vos futurs permanents.​​</h4>
  474.         </div>
  475.       </div>
  476.     </div> #}
  477. </div>
  478.   <div class="row center wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  479.     <h1 class="text-geiq center">Vous voulez en savoir plus ?</h1>
  480.     <div class="col-md-12 d-flex">
  481.       <div class="col-md-5"></div>
  482.       <div class="col-md-2">
  483.         <a class="contact-button center mb-150" href="mailto:contact@ferguss.com">Contactez-nous !</a>
  484.       </div>
  485.     </div>
  486.     {# <div class="col-md-12 center"><img src="{{asset('assets/images/nvimage/diapositive2.jpg')}}" loading="lazy"></img></div> #}
  487.   </div>
  488. </div>
  489. {% endblock %}
  490. {% block js_scripts %}
  491. <script type="text/javascript">
  492. $(document).ready(function(){
  493.   var waypoint = new Waypoint({
  494.     element: document.getElementById('Nos_chiffres'),
  495.     handler: function(direction) {
  496.       console.log(direction)
  497.       if(direction == "down"){
  498.         $('.timer').countTo({
  499.           formatter: function (value, options) { 
  500.             return value.toFixed().toLocaleString();
  501.           }
  502.       });
  503.       }
  504.       if(direction == "up"){
  505.         $('.timer').countTo({
  506.           formatter: function (value, options) { 
  507.             return value.toFixed().toLocaleString();
  508.           }
  509.         });
  510.       }
  511.     }
  512.   })
  513. });
  514. </script>
  515. {% endblock %}