templates/pages/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}{% endblock %}
  3. {% block body %}
  4.     <div class="hero-wrap img" style="background-image:url({{ asset("build/images/bg_1.jpg") }});">
  5.         <div class="overlay"></div>
  6.       <div class="row slider-text align-items-center"
  7.            id="RmsEnChiffre">
  8.           <div class="container justify-content-center">
  9.               <div class="ftco-animate">
  10.                   <div class="text text-center pt-5 mt-md-5">
  11.                       <p class="mb-4">Trouver des opportunités de travail, d'emploi et de carrière</p>
  12.                       <h1 class="mb-5">Recrutement Médical</h1>
  13.                       <div class="ftco-counter ftco-no-pt ftco-no-pb">
  14.                           <div class="row">
  15.                               <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
  16.                                   <div class="block-18">
  17.                                       <div class="text d-flex">
  18.                                           <div class="icon mr-2">
  19.                                               <span class="flaticon-employees"></span>
  20.                                           </div>
  21.                                           <div class="desc text-left">
  22.                                               <strong class="number"
  23.                                                       data-number="{{ data["rms_chiffre"]["colaborateur"] }}">{{ data["rms_chiffre"]["colaborateur"] }}</strong>
  24.                                               <span>Professionnels de santé</span>
  25.                                           </div>
  26.                                       </div>
  27.                                   </div>
  28.                               </div>
  29.                               <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
  30.                                   <div class="block-18 text-center pr-3">
  31.                                       <div class="text  d-flex-custum">
  32.                                           <div class="icon mr-2">
  33.                                               <span class="flaticon-visitor"></span>
  34.                                           </div>
  35.                                           <div class="desc text-left">
  36.                                               <strong class="number"
  37.                                                       data-number="{{ data["rms_chiffre"]["structure"] }}">{{ data["rms_chiffre"]["structure"] }}</strong>
  38.                                               <span>Structures partenaires</span>
  39.                                           </div>
  40.                                       </div>
  41.                                   </div>
  42.                               </div>
  43.                               <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
  44.                                   <div class="block-18 text-center">
  45.                                       <div class="text d-flex pr-5">
  46.                                           <div class="icon mr-2">
  47.                                               <span class="flaticon-resume"></span>
  48.                                           </div>
  49.                                           <div class="desc text-left">
  50.                                               <strong class="number"
  51.                                                       data-number="{{ data["rms_chiffre"]["vacation"] }}">{{ data["rms_chiffre"]["vacation"] }}</strong>
  52.                                               <span>Vacations en {{ "now" |  date('Y') }}</span>
  53.                                           </div>
  54.                                       </div>
  55.                                   </div>
  56.                               </div>
  57.                           </div>
  58.                       </div>
  59.                       <div class="ftco-search my-md-5">
  60. {#                          <div class="row">#}
  61. {#                              <div class="col-md-12 tab-wrap">#}
  62. {#                                  <div class="tab-content p-4" id="v-pills-tabContent">#}
  63. {#                                      <div class="tab-pane fade show active" id="v-pills-1" role="tabpanel"#}
  64. {#                                           aria-labelledby="v-pills-nextgen-tab">#}
  65. {#                                          <form action="#"  method="get" class="search-job">#}
  66. {#                                              <form action="{{ url('app_offre_search') }}"  method="get" class="search-job">#}
  67. {#                                              <div class="row no-gutters">#}
  68. {#                                                  <div class="col-md mr-md-2">#}
  69. {#                                                      <div class="form-group">#}
  70. {#                                                          <div class="form-field">#}
  71. {#                                                              <div class="icon"><span class="icon-briefcase"></span>#}
  72. {#                                                              </div>#}
  73. {#                                                              <input type="text" class="form-control" name="specialite"#}
  74. {#                                                                     placeholder="Infirmier, Urgentiste...">#}
  75. {#                                                          </div>#}
  76. {#                                                      </div>#}
  77. {#                                                  </div>#}
  78. {#                                                  <div class="col-md mr-md-2">#}
  79. {#                                                      <div class="form-group">#}
  80. {#                                                          <div class="form-field">#}
  81. {#                                                              <div class="select-wrap">#}
  82. {#                                                                  <div class="icon"><span#}
  83. {#                                                                              class="ion-ios-arrow-down"></span></div>#}
  84. {#                                                                  <select  name="mois[]" id="" class="form-control">#}
  85. {#                                                                      <option value="">Chosir le mois</option>#}
  86. {#                                                                      {% for m in months  %}#}
  87. {#                                                                      <option value="{{ m }}">{{ m }}</option>#}
  88. {#                                                                      {% endfor %}#}
  89. {#                                                                  </select>#}
  90. {#                                                              </div>#}
  91. {#                                                          </div>#}
  92. {#                                                      </div>#}
  93. {#                                                  </div>#}
  94. {#                                                  <div class="col-md mr-md-2">#}
  95. {#                                                      <div class="form-group">#}
  96. {#                                                          <div class="form-field">#}
  97. {#                                                              <div class="icon"><span class="icon-map-marker"></span>#}
  98. {#                                                              </div>#}
  99. {#                                                              <input type="text" class="form-control" name="adress"#}
  100. {#                                                                     placeholder="Localisation">#}
  101. {#                                                          </div>#}
  102. {#                                                      </div>#}
  103. {#                                                  </div>#}
  104. {#                                                  <div class="col-md">#}
  105. {#                                                      <div class="form-group">#}
  106. {#                                                          <div class="form-field">#}
  107. {#                                                              <button type="submit"#}
  108. {#                                                                      class="form-control btn btn-primary">Trouvez des#}
  109. {#                                                                  Offres#}
  110. {#                                                              </button>#}
  111. {#                                                          </div>#}
  112. {#                                                      </div>#}
  113. {#                                                  </div>#}
  114. {#                                              </div>#}
  115. {#                                          </form>#}
  116. {#                                      </div>#}
  117. {#                                  </div>#}
  118. {#                              </div>#}
  119. {#                          </div>#}
  120.                       </div>
  121.                   </div>
  122.               </div>
  123.           </div>
  124.       </div>
  125.     </div>
  126.     {% if data["recent_offres"] | length > 0 %}
  127.         {% include ("pages/bloc/recent_offre.html.twig") %}
  128.     {% endif %}
  129.     {% include ("pages/bloc/interim_avantage.html.twig") %}
  130.     <section class="ftco-section testimony-section bg-app" id="MyRMS">
  131.         <div class="container">
  132.             <div class="row align-items-center">
  133.                 <div class="col-12 col-lg-6 ftco-animate">
  134.                     <div class="row justify-content-center pb-3">
  135.                         <div class="col-md-12 heading-section ftco-animate">
  136.                             <span class="subheading">Telecharger l'application  mobile</span>
  137.                             <h2 class="mb-4"></h2>
  138.                         </div>
  139.                     </div>
  140.                     <p class="lead text-muted">
  141.                         Gérez votre prochaine mission avec votre
  142.                         planning et accédez aux offres d’emploi qui vous
  143.                         correspondent directement via l’application
  144.                         MyRMS
  145.                     </p>
  146.                     <div class="mt-4 mt-lg-5">
  147.                         <a href="#" class="btn btn-dark btn-download-app mb-xl-0 mr-2 mr-md-3">
  148.                         <span class="d-flex align-items-center">
  149.                             <span class="icon icon-brand mr-2 mr-md-3"><span class="icon-apple"></span></span>
  150.                             <span class="d-inline-block text-left">
  151.                                 <small class="font-weight-normal d-none d-md-block">Available on</small> App Store
  152.                             </span>
  153.                         </span>
  154.                         </a>
  155.                         <a href="#" class="btn btn-dark btn-download-app">
  156.                         <span class="d-flex align-items-center">
  157.                             <span class="icon icon-brand mr-2 mr-md-3"><span class="icon-play"></span></span>
  158.                             <span class="d-inline-block text-left">
  159.                                 <small class="font-weight-normal d-none d-md-block">Available on</small> Google Play
  160.                             </span>
  161.                         </span>
  162.                         </a>
  163.                     </div>
  164.                 </div>
  165.                 <div class="col-12 col-lg-5 ml-lg-auto ftco-animate">
  166.                     <img class="d-none d-lg-inline-block" src="{{ asset('build/images/app/nvrmtabc.png') }}"
  167.                          width="100%" alt="Espace MYRMS">
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </section>
  172.     <section class="ftco-section services-section">
  173.         <div class="container">
  174.             <div class="row d-flex">
  175.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  176.                     <div class="media block-6 services d-block">
  177.                         <div class="icon">
  178.                             <img src="{{ asset('build/images/valider_candidat.png')}}" width="70px"  style = "filter: invert(100%)">
  179.                         </div>
  180.                         <div class="media-body">
  181.                             <h3 class="heading mb-3">Valider vos candidats</h3>
  182.                             <p>Une plateforme mise à votre disposition pour vous accompagner de A à Z dans votre quête
  183.                                 du poste idéal.</p>
  184.                         </div>
  185.                     </div>
  186.                 </div>
  187.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  188.                     <div class="media block-6 services d-block">
  189.                         <div class="icon">
  190.                             <img src="{{ asset('build/images/signer_telecharger.png')}}" width="70px"  style = "filter: invert(100%)">
  191.                         </div>
  192.                         <div class="media-body">
  193.                             <h3 class="heading mb-3">Signer, Télécharger et Importer vos documents</h3>
  194.                             <p>Nous vous assistons à la rédaction de votre CV au besoin, et à fournir tous les documents
  195.                                 nécessaires pour votre candidature.</p>
  196.                         </div>
  197.                     </div>
  198.                 </div>
  199.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  200.                     <div class="media block-6 services d-block">
  201.                          <div class="icon">
  202.                             <img src="{{ asset('build/images/gestion-facile.png')}}" width="70px"  style = "filter: invert(100%)">
  203.                         </div>
  204.                         <div class="media-body">
  205.                             <h3 class="heading mb-3">Gestion facile du recrutement</h3>
  206.                             <p>Un processus de recrutement simplifié et optimisé grâce à une plateforme intuitive.</p>
  207.                         </div>
  208.                     </div>
  209.                 </div>
  210.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  211.                     <div class="media block-6 services d-block">
  212.                         <div class="icon">
  213.                             <img src="{{ asset('build/images/traitement-rapide.png')}}" width="70px"  style = "filter: invert(100%)">
  214.                         </div>
  215.                         <div class="media-body">
  216.                             <h3 class="heading mb-3">Traitement rapide</h3>
  217.                             <p>Nous proposons un service de recrutement adapté à tous les besoins des partenaires.</p>
  218.                         </div>
  219.                     </div>
  220.                 </div>
  221.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  222.                     <div class="media block-6 services d-block">
  223.                         <div class="icon">
  224.                             <img src="{{ asset('build/images/toute_specialite.png')}}" width="70px"  style = "filter: invert(100%)">
  225.                         </div>
  226.                         <div class="media-body">
  227.                             <h3 class="heading mb-3">Toutes les spécialités</h3>
  228.                             <p>Nous disposons d'une base de données de candidats qui regroupe plus de 100 000
  229.                                 professionnels de santé.</p>
  230.                         </div>
  231.                     </div>
  232.                 </div>
  233.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  234.                     <div class="media block-6 services d-block">
  235.                         <div class="icon">
  236.                             <img src="{{ asset('build/images/meilleurs_profils.png')}}" width="70px" style = "filter: invert(100%)" >
  237.                         </div>
  238.                         <div class="media-body">
  239.                             <h3 class="heading mb-3">Trouver les meilleurs profils</h3>
  240.                             <p>En dépit du manque de personnel, nous recevons quotidiennement un nombre constant de
  241.                                 candidats qualifiés.</p>
  242.                         </div>
  243.                     </div>
  244.                 </div>
  245.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  246.                     <div class="media block-6 services d-block">
  247.                         <div class="icon">
  248.                             <img src="{{ asset('build/images/temps-rapide.png')}}" width="70px"  style = "filter: invert(100%)">
  249.                         </div>
  250.                         <div class="media-body">
  251.                             <h3 class="heading mb-3">Gain de temps</h3>
  252.                             <p>
  253.                                 Nous avons simplifié le processus de recrutement en
  254.                                 vous offrant une solution clé en main, vous permettant
  255.                                 ainsi de gagner du temps et de se concentrer sur votre
  256.                                 cœur de métier.
  257.                             </p>
  258.                         </div>
  259.                     </div>
  260.                 </div>
  261.                 <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  262.                     <div class="media block-6 services d-block">
  263.                         <div class="icon">
  264.                             <img src="{{ asset('build/images/recruter_en_france.png')}}" width="70px"  style = "filter: invert(100%)">
  265.                         </div>
  266.                         <div class="media-body">
  267.                             <h3 class="heading mb-3">
  268.                                 Recruter partout en France</h3>
  269.                             <p>
  270.                                 RMS couvre toute la France et les départements d'outre-
  271.                                 mer, offrant ainsi une solution de remplacement rapide
  272.                                 et fiable pour les centres hospitaliers.
  273.                             </p>
  274.                         </div>
  275.                     </div>
  276.                 </div>
  277.             </div>
  278.         </div>
  279.     </section>
  280.     <!--
  281. <section class="ftco-section testimony-section bg-primary">
  282.     <div class="container">
  283.         <div class="row justify-content-center mb-4">
  284.             <div class="col-md-10 heading-section heading-section-white text-center ftco-animate">
  285.                 <span class="subheading">Temoignage</span>
  286.                 <h2 class="mb-4">Ils en parlent</h2>
  287.             </div>
  288.         </div>
  289.         <div class="row ftco-animate">
  290.             <div class="col-md-12">
  291.                 <div class="carousel-testimony owl-carousel ftco-owl">
  292.                     <div class="item">
  293.                         <div class="testimony-wrap py-4">
  294.                             <div class="text">
  295.                                 <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  296.                                 <div class="d-flex align-items-center">
  297.                                     <div class="user-img" style="background-image: url({{ asset("build/images/person_1.jpg") }})"></div>
  298.                                     <div class="pl-3">
  299.                                         <p class="name">Roger Scott</p>
  300.                                         <span class="position">Marketing Manager</span>
  301.                                     </div>
  302.                                 </div>
  303.                             </div>
  304.                         </div>
  305.                     </div>
  306.                     <div class="item">
  307.                         <div class="testimony-wrap py-4">
  308.                             <div class="text">
  309.                                 <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  310.                                 <div class="d-flex align-items-center">
  311.                                     <div class="user-img" style="background-image: url({{ asset("build/images/person_2.jpg") }})"></div>
  312.                                     <div class="pl-3">
  313.                                         <p class="name">Roger Scott</p>
  314.                                         <span class="position">Marketing Manager</span>
  315.                                     </div>
  316.                                 </div>
  317.                             </div>
  318.                         </div>
  319.                     </div>
  320.                     <div class="item">
  321.                         <div class="testimony-wrap py-4">
  322.                             <div class="text">
  323.                                 <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  324.                                 <div class="d-flex align-items-center">
  325.                                     <div class="user-img" style="background-image: url({{ asset("build/images/person_3.jpg") }})"></div>
  326.                                     <div class="pl-3">
  327.                                         <p class="name">Roger Scott</p>
  328.                                         <span class="position">Marketing Manager</span>
  329.                                     </div>
  330.                                 </div>
  331.                             </div>
  332.                         </div>
  333.                     </div>
  334.                     <div class="item">
  335.                         <div class="testimony-wrap py-4">
  336.                             <div class="text">
  337.                                 <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  338.                                 <div class="d-flex align-items-center">
  339.                                     <div class="user-img" style="background-image: url({{ asset("build/images/person_1.jpg") }})"></div>
  340.                                     <div class="pl-3">
  341.                                         <p class="name">Roger Scott</p>
  342.                                         <span class="position">Marketing Manager</span>
  343.                                     </div>
  344.                                 </div>
  345.                             </div>
  346.                         </div>
  347.                     </div>
  348.                     <div class="item">
  349.                         <div class="testimony-wrap py-4">
  350.                             <div class="text">
  351.                                 <p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
  352.                                 <div class="d-flex align-items-center">
  353.                                     <div class="user-img" style="background-image: url({{ asset("build/images/person_2.jpg") }})"></div>
  354.                                     <div class="pl-3">
  355.                                         <p class="name">Roger Scott</p>
  356.                                         <span class="position">Marketing Manager</span>
  357.                                     </div>
  358.                                 </div>
  359.                             </div>
  360.                         </div>
  361.                     </div>
  362.                 </div>
  363.             </div>
  364.         </div>
  365.     </div>
  366. </section>
  367. -->
  368.     {% include('pages/bloc/offre_with_specialite.html.twig') %}
  369. {% endblock %}