templates/frontv2/rejoignez.html.twig line 1

  1. {% extends 'basev2.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{asset('assets/css/portfolio.css')}}" />
  5. {% endblock %}
  6. {% block meta %}
  7. {% for r in referencements %}
  8.     <meta name="description" content="{{r.description}}">
  9. {% endfor %}
  10. {% endblock %}
  11. {% block body %}
  13.   <!-- ***** Preloader Start ***** -->
  14.   <div id="js-preloader" class="js-preloader">
  15.     <div class="preloader-inner">
  16.       <span class="dot"></span>
  17.       <div class="dots">
  18.         <span></span>
  19.         <span></span>
  20.         <span></span>
  21.       </div>
  22.     </div>
  23.   </div>
  24.   <!-- ***** Preloader End ***** -->
  26.     {# <div>
  27.       <div id="free-quote" class="free-quote">
  28.           <div class="container">
  29.           <div class="row">
  30.               <div class="col-md-12">
  31.               <div class="section-heading  wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
  32.                   <h4>Chacun et chacune a sa place dans la Société et dans les sociétés.</h4>
  33.                   <h6>Avec FERGUSS, votre potentiel a de l’avenir.</h6>
  34.                   <div class="line-dec"></div><br>
  35.                   <h6>Recruter <i class="fa fa-circle"></i> Former</h6>
  36.               </div>
  37.               </div>
  38.           </div>
  39.           </div>
  40.     </div> #}
  42.     <div class="header">
  44.     <!--Content before waves-->
  45.     <div class="front_jumbotron inner-header flex" id="free-quote">
  46.       <center>
  47.       <div class="section-heading">
  48.         <br><br><br><br><h1 class="typed text-header center">Chacune et chacun a sa place dans<br> la Société et dans les sociétés.</h1><br>
  49.         <h1 class="wow fadeIn center main-text" data-wow-duration="1s" data-wow-delay="0.3s"><i>Avec FERGUSS, votre potentiel a de l’avenir.</i></h1><br>
  50.         <h1 class="wow fadeIn center f-25" data-wow-duration="1s" data-wow-delay="0.3s">Recruter <i class="fa fa-circle f-18color"></i> Former</h1><br><br>
  51.       </div>
  52.       </center>
  53.     </div>
  55.     <!--Waves Container-->
  56.     <div>
  57.       <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  58.       viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
  59.       <defs>
  60.       <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
  61.       </defs>
  62.       <g class="parallax">
  63.       <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
  64.       <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
  65.       <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
  66.       <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
  67.       </g>
  68.       </svg>
  69.     </div>
  70.     <!--Waves end-->
  72.     </div>
  73.     <!-- image-left Starts -->
  74.     <center><div class="section-heading  wow fadeInDown mt-5 mb-3" data-wow-duration="1s" data-wow-delay="0.5s" id="Pourquoi_nous_rejoindre">
  75.     <h3 class="titre"><em>Pourquoi nous rejoindre ?</em></h3>
  76.     </div></center>
  77.     <div class="about section">
  78.     <div class="container">
  79.         <div class="row mb-150">
  80.         <div class="col-lg-12">
  81.             <div class="row">
  82.             <div class="col-lg-6">
  83.                 <div class="about-left-image  wow fadeInLeft w-100" data-wow-duration="1s" data-wow-delay="0.5s">
  84.                 <img src="{{asset('assets/images/nvimage/Rejoignez nous ORANGE.jpg')}}" alt="" loading="lazy" class="w-700">
  85.                 </div>
  86.             </div>
  87.             <div class="col-lg-6 align-self-center  wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
  88.                 <div class="about-right-content">
  89.                 <h4 class="text-color-1 lh">
  90.                 Créé en 1992 FERGUSS est une <strong>PME  à vocation sociale spécialisée dans le recrutement, la formation  et le placement de salariés.</strong><br><br>Unique en son genre et véritable pionnière dans son offre globale et sa gestion de Groupements d’employeurs pour l’insertion et la qualification, FERGUSS identifie les profils à potentiel, recrute, forme et place des travailleurs en entreprises partout en France.​<br><br> <strong>En privilégiant l’intégration « à double sens », FERGUSS valorise l’emploi pour toutes et tous et encourage le développement du potentiel professionnel et personnel de chacun.​</strong>
  91.                 </h4>
  92.                 </div>
  93.             </div>
  94.             </div>
  95.         </div>
  96.         </div>
  97.     </div>
  98.     </div>
  99.     <!-- image-left End -->
  101.     <!-- métiers Start -->
  102.     <div class="row mt-5" id="Nos_metiers">
  103.         <div class="col-md-12 p-3">
  104.             <center><div class="section-heading  wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  105.             <h3 class="titre"><em>Nos métiers</em></h3>
  106.             </div></center>
  107.         </div>
  108.     </div>
  109.     <section>
  110.     <div class="container-fluid mb-150">           
  111.         <div class="row">
  112.             <div class="col-md-2"></div>
  113.             <div class="col-md-2 element1 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
  114.                 <br><center><h1 class="center f-35metiers"><img src="{{asset('assets/images/metiers/Nos métiers RH2_Plan de travail 1_Plan de travail 1.png')}}" class="w-deuxcent"></img><br><br> RESSOURCES HUMAINES</h1></center>
  115.                 <center><div class="line-dec"></div><br>
  116.                 {# {% for r in riches %}
  117.                     <h2 class="fs-5"><a class="btn btn-link" href="{{path('app_ressources', {'url': r.url})}}">{{r.titre}}</a><br></h2></center>
  118.                 {% endfor %} #}
  119.                 <center><h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">RESPONSABLE D’AGENCE D’EMPLOI<br>(H/F)</a><br></h2>
  120.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CONSULTANT RH<br>(H/F)</a><br></h2>
  121.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CONSULTANT EN RECRUTEMENT<br>(H/F)</a><br></h2>
  122.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CHARGÉ DE RECRUTEMENT<br>(H/F)</a><br></h2>
  123.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CHARGÉ DE MISSIONS RH<br>(H/F)</a><br></h2>
  124.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">ASSISTANT DE GESTION<br>(H/F)</a><br></h2></center>
  125.             </div>
  126.             <div class="col-md-1"></div>
  127.             <div class="col-md-2 element2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
  128.                 <br><center><h1 class="center f-35metiers"><img src="{{asset('assets/images/metiers/nos métier rh_Plan de travail 1.png')}}" class="w-deuxcent"></img><br><br> FORMATION</h1>
  129.                 <center><div class="line-dec"></div></center><br>
  130.                 {# {% for f in fiches %}
  131.                     <h2 class="fs-5"><a class="btn btn-link" href="{{path('app_formation', {'url': f.url})}}">{{f.titre}}</a><br></h2></center>
  132.                 {% endfor %} #}
  133.                 <center><h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">RESPONSABLE DE CENTRE DE FORMATION<br>(H/F)</a><br></h2>
  134.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">FORMATEUR POUR ADULTES<br>(H/F)</a><br></h2>
  135.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">ASSISTANT FORMATION<br>(H/F)</a><br></h2>
  136.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">RESPONSABLE QUALITÉ<br>(H/F)</a><br></h2>
  137.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CONSEILLER COMMERCIAL FORMATION<br>(H/F)</a><br></h2>
  138.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CHARGÉ INGÉNIERIE PÉDAGOGIQUE<br>(H/F)</a><br></h2>
  139.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">DIRECTEUR TECHNIQUE<br>(H/F)</a><br></h2></center>
  140.                 
  141.             </div>
  142.             <div class="col-md-1"></div>
  143.             <div class="col-md-2 element3 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
  144.                 <br><center><h1 class="center f-35metiers"><img src="{{asset('assets/images/nvimage/007.png')}}" class="w-deuxcent"></img><br><br> FONCTION SUPPORT</h1>
  145.                 <center><div class="line-dec"></div></center><br>
  146.                 {# {% for f in fiches %}
  147.                     <h2 class="fs-5"><a class="btn btn-link" href="{{path('app_formation', {'url': f.url})}}">{{f.titre}}</a><br></h2></center>
  148.                 {% endfor %} #}
  149.                 <center><h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">DIRECTEUR OPÉRATIONNEL<br>(H/F)</a><br></h2>
  150.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">ASSISTANT DE DIRECTION<br>(H/F)</a><br></h2>
  151.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">DIRECTEUR ADMINISTRATIF ET FINANCIER<br>(H/F)</a><br></h2>
  152.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">COMPTABLE<br>(H/F)</a><br></h2>
  153.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CONTRÔLEUR DE GESTION<br>(H/F)</a><br></h2>
  154.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">ASSISTANT COMPTABLE<br>(H/F)</a><br></h2>
  155.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">ASSISTANT ADMINISTRATIF ET FINANCIER<br>(H/F)</a><br></h2>
  156.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">DIRECTEUR DES RESSOURCES HUMAINES<br>(H/F)</a><br></h2>
  157.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">RESPONSABLE PAIE/ADP<br>(H/F)</a><br></h2>
  158.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">GESTIONNAIRE PAIE/ADP<br>(H/F)</a><br></h2>
  159.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">RESPONSABLE COMMUNICATION<br>(H/F)</a><br></h2>
  160.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">RESPONSABLE ACHATS<br>(H/F)</a><br></h2>
  161.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">ASSISTANT ADMINISTRATIF<br>(H/F)</a><br></h2>
  162.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CHEF DE PROJET INFORMATIQUE<br>(H/F)</a><br></h2>
  163.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">CHEF DE PROJET PÉDAGOGIQUE<br>(H/F)</a><br></h2>
  164.                 <h2 class="fs-5"><a class="btn btn-link cursor" href="javascript:void(0)">DÉVELOPPEUR INFORMATIQUE<br>(H/F)</a><br></h2></center>
  165.             </div>
  166.             <div class="col-md-2"></div>
  167.             {# <div class="col-md-3" style="border: 1px solid; border-color: #2f528f;  border-radius: 30px;">
  168.                 <br><center><h1 class="text-color-2"><i class="fa fa-circle" style="color: #242b77;"></i> Centre de gestion</h1></center>
  169.                 <center><div class="line-dec"></div></center><br>
  170.                 <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>
  171.             </div> #}
  172.         </div>
  173.     </div>
  174.     </section>
  176.     <div id="avantage_ferguss" class="our-portfolio section" style="margin-bottom: 100px;">
  177.         <div class="container pb-100">
  178.         <div class="row">
  179.             <div class="col-lg-12" style="margin-bottom: 80px;">
  180.             <div class="section-heading  wow bounceIn" data-wow-duration="1s" data-wow-delay="0.2s">
  181.                 <h1 class="titre"><span>Les avantages <span class="popin">FERGUSS</span> :</span></h1>
  182.             </div>
  183.             </div>
  184.         </div>
  185.         <div class="row">
  186.             <div class="col-lg-3 col-sm-6">
  187.             <a href="#">
  188.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
  189.                 <div class="hidden-content">
  190.                     <h4>Vision sociétale</h4>
  191.                     <p class="left">Chacune et chacun a sa place dans la Société, dans les sociétés.</p>
  192.                 </div>
  193.                 <div class="showed-content">
  194.                     <img src="{{asset('assets/images/logos/vision sociétale 2.gif')}}" alt="">
  195.                 </div>
  196.                 </div>
  197.             </a>
  198.             </div>
  199.             <div class="col-lg-3 col-sm-6">
  200.             <a href="#">
  201.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.4s">
  202.                 <div class="hidden-content">
  203.                     <h4>Parcours intégration</h4>
  204.                     <p class="left">Accompagnement à la prise de poste</p>
  205.                 </div>
  206.                 <div class="showed-content">
  207.                     <img src="{{asset('assets/images/logos/accompagnement prise de poste.gif')}}" alt="">
  208.                 </div>
  209.                 </div>
  210.             </a>
  211.             </div>
  212.             <div class="col-lg-3 col-sm-6">
  213.             <a href="#">
  214.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.5s">
  215.                 <div class="hidden-content">
  216.                     <h4>Primes</h4>
  217.                     <p class="left">Intéressement, participation, vacances, cooptation</p>
  218.                 </div>
  219.                 <div class="showed-content">
  220.                     <img src="{{asset('assets/images/logos/prime.gif')}}" alt="">
  221.                 </div>
  222.                 </div>
  223.             </a>
  224.             </div>
  225.             <div class="col-lg-3 col-sm-6">
  226.             <a href="#">
  227.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.6s">
  228.                 <div class="hidden-content">
  229.                     <h4>Epargne salariale</h4>
  230.                     <p class="left">Avantages sociaux et fiscaux</p>
  231.                 </div>
  232.                 <div class="showed-content">
  233.                     <img src="{{asset('assets/images/logos/Epargne salariale.gif')}}" alt="">
  234.                 </div>
  235.                 </div>
  236.             </a>
  237.             </div>
  238.         </div>
  239.         <div class="row" style="margin-top: 100px;">
  240.             <div class="col-lg-3 col-sm-6">
  241.             <a href="#">
  242.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
  243.                 <div class="hidden-content">
  244.                     <h4>Remboursement transport public</h4>
  245.                     <p class="left">75% des frais, soit au-delà du minimum légal</p>
  246.                 </div>
  247.                 <div class="showed-content">
  248.                     <img src="{{asset('assets/images/logos/remboursement transport public.gif')}}" alt="">
  249.                 </div>
  250.                 </div>
  251.             </a>
  252.             </div>
  253.             <div class="col-lg-3 col-sm-6">
  254.             <a href="#">
  255.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.4s">
  256.                 <div class="hidden-content">
  257.                     <h4>Carte resto</h4>
  258.                     <p class="left">9,87€/titre</p>
  259.                 </div>
  260.                 <div class="showed-content">
  261.                     <img src="{{asset('assets/images/logos/carte restaurant.gif')}}" alt="">
  262.                 </div>
  263.                 </div>
  264.             </a>
  265.             </div>
  266.             <div class="col-lg-3 col-sm-6">
  267.             <a href="#">
  268.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.5s">
  269.                 <div class="hidden-content">
  270.                     <h4>HelloCSE</h4>
  271.                     <p class="left">Offres préférentielles négociées</p>
  272.                 </div>
  273.                 <div class="showed-content">
  274.                     <img src="{{asset('assets/images/logos/hello cse.gif')}}" alt="">
  275.                 </div>
  276.                 </div>
  277.             </a>
  278.             </div>
  279.             <div class="col-lg-3 col-sm-6">
  280.             <a href="#">
  281.                 <div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.6s">
  282.                 <div class="hidden-content">
  283.                     <h4>CSE</h4>
  284.                     <p class="left">Chèques vacances, carte cadeaux, tombola…</p>
  285.                 </div>
  286.                 <div class="showed-content">
  287.                     <img src="{{asset('assets/images/logos/cse (2).gif')}}" alt="">
  288.                 </div>
  289.                 </div>
  290.             </a>
  291.             </div>
  292.         </div>
  293.         </div>
  294.     </div>
  296.     {# <div class="row mt-100" id="avtenure_ferguss">
  297.         <div class="col-md-12 p-3">
  298.         <center><div class="section-heading wow fadeInDown mt-5 mb-3" data-wow-duration="1s" data-wow-delay="0.5s">
  299.         <h3 class="titre"><em>Rejoignez l'aventure <span class="popin">FERGUSS</span> !</em></h3>
  300.         </div></center>
  301.         </div>
  302.     </div>
  303.     <div class="col-md-12 d-flex">
  304.       <div class="col-md-5"></div>
  305.       <div class="col-md-2">
  306.         <a class="contact-button center mb-150" href="https://www.ferguss.com/offres/depot-cv" target="_blank">Découvrez nos offres d'emploi & postulez</a>
  307.       </div>
  308.     </div> #}
  310.     <div class="wow fadeInDown bloc baniere_mission" data-wow-duration="1s" data-wow-delay="0.5s">
  311.         <center><div class="section-heading  wow fadeInDown mt-5" data-wow-duration="1s" data-wow-delay="0.5s" id="aventure_ferguss">
  312.             <h3 class="titre"><em>Rejoignez l'aventure <span class="popin">FERGUSS</span> !</em></h3>
  313.         </div></center>
  314.         <div class="col-md-12 col-12 d-flex mt-100 mb-100">
  315.             <div class="col-md-5 col-2"></div>
  316.             <div class="col-md-2 col-8">
  317.                 <a class="contact-button center" href="https://www.ferguss.com/offres/depot-cv" target="_blank">Découvrez nos offres d'emploi & postulez</a>
  318.             </div>
  319.         </div>
  320.     </div>
  321.     {# <div class="row mt-5" id="Nos_offres">
  322.         <div class="col-md-12 p-3">
  323.             <center><div class="section-heading  wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
  324.             <h3 class="titre"><em>Nos offres d'emploi</em></h3>
  325.             </div></center>
  326.         </div>
  327.     </div>
  328.     <div class="row">
  329.         <div class="col-md-12 d-flex">
  330.             <div class="col-md-1"></div>
  331.             <div class="col-md-10">
  332.                 <iframe src="https://www.ferguss.com/offres/1/15?subsidiary=internal-offers" name="Ferguss" width="100%" height="800px" style="border: solid #000000;"></iframe>
  333.             </div>
  334.         </div>
  335.     </div> #}
  336. {% endblock %}
  337. {% block js_scripts %}
  339. {% endblock %}