templates/entreprises/forum_entreprises.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col-12 text-center text-white">
  8.         <h1 class="page-name font-weight-bold my-2">{% trans %}Forum des Entreprises{% endtrans %}</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  14. <section class="section section-form section-form-2 mb-xl-5 mb-4 mt-4">
  15.   <div class="container">
  16.       <div class="row">
  17.         <div class="col-12 mx-auto text-center text-dark-purple mb-4" data-aos='fade-up'>{% trans %}Vous recherchez des étudiants en alternance ? En stages d’été ? En stages alternés ? En CDI ? ÉSTIAM vous accueille sur son forum entreprises {% endtrans %}. {% trans %}L’occasion pour vous de rencontrer votre futur collaborateur tout en profitant des avantages du contrat d'alternance associant emploi et formation{% endtrans %}.</div>
  18.       </div>
  19.     <div class="row box-shadow mb-5" data-aos='fade-up'>
  20.       <div class="col-lg-4 position-relative text-white col-spec py-4">
  21.         <div class="section-title text-white d-flex align-items-center justify-content-start text-left mb-xl-5 mb-4"><span>/</span><b>{% trans %}VOUS ÊTES UNE ENTREPRISE{% endtrans %}</b></div>
  22.           <div class="text-justify">{% trans %}Venez rencontrer nos étudiants niveau Bac à Bac +5 lors de notre Forum Entreprises {% endtrans %}. </div>
  23.       </div>
  24.         <div class="col-lg-8 py-4">
  25.           <form id="form-entreprises">
  26.           <div class="form-group align-items-center my-2">
  27.             <label class="text-dark-purple mr-4">{% trans %}Vous êtes{% endtrans %} :</label>
  28.             <div class="form-check form-check-inline mr-0">
  29.               <div class="custom-control custom-radio">
  30.                   <input type="radio" class="custom-control-input" id="mr" name="prefix" value="1" required="">
  31.                   <label class="custom-control-label text-dark-purple font-weight-normal" for="mr">{% trans %}Homme{% endtrans %}</label>
  32.               </div>
  33.             </div>
  34.             <div class="form-check form-check-inline ml-xl-5 mr-0">
  35.               <div class="custom-control custom-radio">
  36.                   <input type="radio" class="custom-control-input" id="mrs" name="prefix" value="0" required="">
  37.                   <label class="custom-control-label text-dark-purple font-weight-normal" for="mrs">{% trans %}Femme{% endtrans %}</label>
  38.               </div>
  39.             </div>
  40.           </div>
  41.           <div class="row">
  42.             <div class="col-md-6">
  43.               <div class="form-group"><input type="text" class="form-control" name="firstName" placeholder="{% trans %}Prénom{% endtrans %}*" required></div>
  44.             </div>
  45.             <div class="col-md-6">
  46.               <div class="form-group"><input type="text" class="form-control" name="lastName" placeholder="{% trans %}Nom{% endtrans %}*" required></div>
  47.             </div>
  48.             <div class="col-md-6">
  49.               <div class="form-group"><input type="text" class="form-control" name="email" placeholder="{% trans %}E-mail{% endtrans %}*" required></div>
  50.             </div>
  51.             <div class="col-md-6">
  52.               <div class="form-group"><input type="text" class="form-control" name="telephone" placeholder="{% trans %}Téléphone{% endtrans %}*" required></div>
  53.             </div>
  54.             <div class="col-md-6">
  55.               <div class="form-group"><input type="text" class="form-control" name="entreprise" placeholder="{% trans %}Entreprise{% endtrans %}"></div>
  56.             </div>
  57.             <div class="col-md-6">
  58.               <div class="form-group"><input type="text" class="form-control" name="position" placeholder="{% trans %}Fonction{% endtrans %}"></div>
  59.             </div>
  60.             <div class="col-md-6">
  61.               <div class="text-dark-purple mb-2">{% trans %}<span class="text-orange font-weight-bold">Sélectionnez un forum{% endtrans %}* :</span></div>
  62.               <div class="form-group">
  63.                   <select class="form-control" name="forum"></select>
  64.               </div>
  65.             </div>
  66.           </div>
  67.           <div class="form-group mt-2">
  68.             <label class="col-form-label font-weight-normal text-dark-purple pt-0 pb-0">{% trans %}De quelle manière préférez-vous être contactée{% endtrans %} ?</label>
  69.             <div class="mt-3">
  70.               <div class="form-check form-check-inline mr-0">
  71.                 <div class="custom-control custom-checkbox">
  72.                     <input type="checkbox" class="custom-control-input" id="mr-email" name="contact[]" value="0">
  73.                     <label class="custom-control-label text-dark-purple font-weight-normal" for="mr-email">{% trans %}E-mail{% endtrans %}</label>
  74.                 </div>
  75.               </div>
  76.               <div class="form-check form-check-inline ml-3 mr-0">
  77.                 <div class="custom-control custom-checkbox">
  78.                     <input type="checkbox" class="custom-control-input" id="mr-phone" name="contact[]" value="1">
  79.                     <label class="custom-control-label text-dark-purple font-weight-normal" for="mr-phone">{% trans %}Téléphone{% endtrans %}</label>
  80.                 </div>
  81.               </div>
  82.             </div>
  83.           </div>
  84.           {% if captcha_enabled %}
  85.             <div class="captcha-row mb-3 d-flex justify-content-start">
  86.                 <div class="g-recaptcha animate__animated" data-sitekey="{{captcha_key}}"></div>
  87.             </div>
  88.           {% endif %}
  89.           {% if forums %}
  90.             <div class="text-left form-submit">
  91.               <button type="submit" class="link-gradient" id="btn-submit-entreprises"><span class="btn-submit-entreprises">{% trans %}Envoyer votre demande{% endtrans %}</span><i class="far fa-arrow-right"></i></button>
  92.             </div>
  93.           {% endif %}
  94.           </form>
  95.         </div>
  96.     </div>
  98.     <div class="row box-shadow mb-5" data-aos='fade-up'>
  99.       <div class="col-lg-8 py-4 order-lg-0 order-1">
  100.         <form id="form-candidate">
  101.         <div class="form-group align-items-center my-2">
  102.           <label class="text-dark-purple mr-4">{% trans %}Vous êtes{% endtrans %} :</label>
  103.           <div class="form-check form-check-inline mr-0">
  104.             <div class="custom-control custom-radio">
  105.                 <input type="radio" class="custom-control-input" id="mr2" name="prefix" value="0" required="">
  106.                 <label class="custom-control-label text-dark-purple font-weight-normal" for="mr2">{% trans %}Homme{% endtrans %}</label>
  107.             </div>
  108.           </div>
  109.           <div class="form-check form-check-inline ml-xl-5 mr-0">
  110.             <div class="custom-control custom-radio">
  111.                 <input type="radio" class="custom-control-input" id="mrs2" name="prefix" value="1" required="">
  112.                 <label class="custom-control-label text-dark-purple font-weight-normal" for="mrs2">{% trans %}Femme{% endtrans %}</label>
  113.             </div>
  114.           </div>
  115.         </div>
  116.         <div class="row">
  117.           <div class="col-md-6">
  118.             <div class="form-group"><input type="text" class="form-control" name="firstName" placeholder="{% trans %}Prénom{% endtrans %}"></div>
  119.           </div>
  120.           <div class="col-md-6">
  121.             <div class="form-group"><input type="text" class="form-control" name="lastName" placeholder="{% trans %}Nom{% endtrans %}"></div>
  122.           </div>
  123.           <div class="col-md-6">
  124.             <div class="form-group"><input type="text" class="form-control" name="email" placeholder="{% trans %}E-mail{% endtrans %}"></div>
  125.           </div>
  126.           <div class="col-md-6">
  127.             <div class="form-group"><input type="text" class="form-control" name="telephone" placeholder="{% trans %}Téléphone{% endtrans %}"></div>
  128.           </div>
  129.           <div class="col-md-6">
  130.             <div class="form-group">
  131.               <select class="form-control" name="level">
  132.                 <option>{% trans %}Votre niveau d'étude actuel{% endtrans %}</option>
  133.                 <option value="1">BAC</option>
  134.                 <option value="2">BAC +1</option>
  135.                 <option value="3">BAC +2</option>
  136.                 <option value="4">BAC +3</option>
  137.                 <option value="5">BAC +4</option>
  138.                 <option value="6">BAC +5</option>
  139.               </select>
  140.             </div>
  141.           </div>
  142.           <div class="col-md-6">
  143.             <div class="form-group"><input type="text" class="form-control" name="study" placeholder="{% trans %}Votre filière d'études actuelle{% endtrans %}*"></div>
  144.           </div>
  145.           <div class="col-md-6">
  146.             <div class="form-group"><input type="text" class="form-control" name="currentSchool" placeholder="{% trans %}Établissement scolaire actuel{% endtrans %}*"></div>
  147.           </div>
  148.           <div class="col-md-6">
  149.             <div class="form-group"><input type="text" class="form-control" name="schoolPostal" placeholder="{% trans %}Code postal de l'établissement scolaire actuel{% endtrans %}*"></div>
  150.           </div>
  151.           <div class="col-md-6">
  152.             <div class="form-group"><input type="text" class="form-control" name="schoolCity" placeholder="{% trans %}Ville de l'établissement scolaire actuel{% endtrans %}*"></div>
  153.           </div>
  154.         </div>
  155.         <div class="row">
  156.           <div class="col-md-6">
  157.             <div class="text-dark-purple mb-2"><span class="text-orange font-weight-bold">{% trans %}Sélectionnez un forum{% endtrans %}* :</span></div>
  158.             <div class="form-group">
  159.               <select class="form-control" name="forum"></select>
  160.             </div>
  162.             {% if captcha_enabled %}
  163.               <div class="captcha-row mb-3 d-flex justify-content-start">
  164.                   <div class="g-recaptcha animate__animated" data-sitekey="{{captcha_key}}"></div>
  165.               </div>
  166.             {% endif %}
  167.             {% if forums %}
  168.               <div class="text-left form-submit">
  169.                 <button type="submit" id="btn-submit" class="link-gradient"><span>{% trans %}Envoyer et s'inscrire{% endtrans %}</span><i class="far fa-arrow-right"></i></button>
  170.               </div>
  171.             {% endif %}
  172.           </div>
  173.         </div>
  174.         </form>
  175.       </div>
  176.       
  177.       <div class="col-lg-4 position-relative text-white col-spec py-4">
  178.         <div class="section-title text-white d-flex align-items-center justify-content-start text-left mb-xl-5 mb-4"><span>/</span><b>{% trans %}VOUS ÊTES UN CANDIDAT{% endtrans %}</b></div>
  179.         <div class="text-justify">
  180.           <p>{% trans %}Le Forum entreprises est réservé à nos étudiants et aux candidats à l’admission, car ce sont eux seuls que les entreprises viennent rencontrer{% endtrans %}.</p>
  181.           <p class="mb-0">{% trans %}Vous souhaitez vous inscrire à l’ÉSTIAM ?remplissez le formulaire ci-dessous pour que l’on vous recontacte au plus vite{% endtrans %}.</p>
  182.         </div>
  183.       </div>
  184.     </div>
  185.   </div>
  186. </section>
  188. <section class="section text-dark-purple mb-5" data-aos='fade-up'>
  189.   <div class="container">
  190.     <div class="row">
  191.       <div class="col-12">
  192.         <div class="section-title mb-4"><span>/</span> + {% trans %}de 300 étudiants vous attendent{% endtrans %} !</div>
  193.       </div>
  194.       <div class="col-lg-6 mb-lg-0 mb-4">
  195.         <p>{% trans %}Nos étudiants Bac à Bac+5 sont disponibles pour vous rencontrer, CV en main ! Comment les intégrer{% endtrans %} ?</p>
  196.         <ul>
  197.           <li>{% trans %}Alternance (disponibles 4 jours/semaine en entreprise, 1 jour à l’école){% endtrans %}</li>
  198.           <li>{% trans %}Stage pour l’été ou en stage alterné toute l’année{% endtrans %}</li>
  199.           <li>{% trans %}CDI pour les étudiants en fin d’études{% endtrans %}</li>
  200.         </ul>
  201.         <div class="text-left mt-4">
  202.           <a href="{{path('integrer_etudiants')}}" class="link-gradient text-md-left text-center">{% trans %}En savoir plus sur la façon d’intégrer nos étudiants{% endtrans %}<i class="far fa-arrow-right"></i></a>
  203.         </div>
  204.       </div>
  205.       <div class="col-lg-6">
  206.         <p>{% trans %}Leurs compétences ? Data Science, Hadoop, Machine Learning, Deep Learning, Data Mining, NoSQL, Spark, Scala, ETL, MongoDB, R Studio, Elasticsearch, Logstash, Kibana, AWS, Azure, JavaScript, React.JS, Angular.JS, Node.JS, Blockchain, Swift, iOS, Java, Android, Agile, Scrum, Cybersécurité, Virtualisation… 5 Spécialisations technologiques (cursus MSc), 2 MBA et 1 BTS SIO en alternance :{% endtrans %}</p>
  208.         <ul>
  209.           <li>{% trans %}Développement Web & Mobile{% endtrans %}</li>
  210.           <li>{% trans %}Cybersecurity, Cloud, Systems & Networks{% endtrans %}</li>
  211.           <li>{% trans %}Big Data & Artificial Intelligence{% endtrans %}</li>
  212.           <li>{% trans %}SAP Cloud & Data{% endtrans %}</li>
  213.           <li>{% trans %}Full Life Cycle API Management{% endtrans %}</li>
  214.           <li>{% trans %}BTS SIO option SLAM/SISR en alternance{% endtrans %}</li>
  215.           <li>{% trans %}MBA Data Solutions Architect & New Ways of Working{% endtrans %}</li>
  216.           <li>{% trans %}MBA SAP Finance & Accounting{% endtrans %}</li>
  217.         </ul>
  218.         <div class="text-left mt-4">
  219.           <a href="{{path('cursus')}}" class="link-gradient text-md-left text-center">{% trans %}En savoir plus sur nos cursus et spécialisations{% endtrans %}<i class="far fa-arrow-right"></i></a>
  220.         </div>
  221.       </div>
  222.     </div>
  223.   </div>
  224. </section>
  226. <div class="modal fade" id="thankYouModal" tabindex="-1" role="dialog" aria-labelledby="thankYouModalTitle" aria-hidden="true">
  227.   <div class="modal-dialog modal-dialog-centered" role="document">
  228.     <div class="modal-content">
  229.       <div class="modal-header">
  230.         <a href="{{ path('home') }}">
  231.           <img src="{{ asset('assets/images/logo.svg') }}" alt="Estiam France">
  232.         </a>
  233.       </div>
  234.       <div class="modal-body">
  235.         <div class="text-center mb-4">
  236.           {% trans %}Merci ! Votre demande a été bien prise en compte. Nous allons vous contacter dans le plus bref délai.{% endtrans %}
  237.           <p>{% trans %}À très bientôt,{% endtrans %}</p>
  238.           <p>{% trans %}L'équipe ÉSTIAM.{% endtrans %}</p>
  239.         </div>
  240.         <div class="text-center">
  241.           <a href="{{ path('home') }}"><button type="button" class="common-btn">{% trans %}Fermer{% endtrans %}</button></a>
  242.         </div>
  243.       </div>
  244.     </div>
  245.   </div>
  246. </div>
  248. {% endblock %}
  249. {% block custom_javascripts %}
  250. <script type="text/javascript" src="{{ asset('assets/js/candidate.js') }}"></script>
  252. <script type="text/javascript">
  253.   $(document).ready(function(){
  254.       const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
  256.        $.ajax({
  257.             url: "/get-forum",
  258.             type: 'POST',
  259.             headers: {
  260.                 'X-Ozone-Spot':tz
  261.             },
  262.             dataType: 'json',
  263.             success: function (res) {
  264.               $('[name^="forum"]').html(res.data.html)
  265.             }
  266.         });
  267.   });
  268. </script>
  269. {% endblock %}