templates/jobs/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% trans %}Jobs@B&B {% endtrans %}{% endblock %}
  5. {% block content %}
  6. <head>
  7.     <title> Rejoignez notre équipe | Offres d'Emploi en IT chez B&B Computer Solutions Limal </title>
  8.     <meta name="description" content="Rejoignez notre équipe dynamique et participez à l'innovation dans le domaine des services IT. Découvrez nos offres d'emploi et faites avancer votre carrière chez B&B Computer Solutions.">
  9.     <link rel="canonical" href="https://www.bbcs.be/fr/jobs/" />
  10. </head>
  11. <div class="all-title-box" style="background: url('{{ asset('build/banner-contact.png') }}')no-repeat; background-size: cover;">
  12.     <div class="container text-center">
  13.         <h1>{% trans %}Travailler chez B&B {% endtrans %}</h1>
  14.     </div>
  15. </div>
  16.     
  17. <div id="about-items" class="section wb">
  18.     <div class="container">
  20.         <div class="section-title row text-start">
  21.             <div class="title col-lg-6 col-md-6">
  22.                 <h2>{% trans %}Quel est votre talent ? {% endtrans %}</h2>
  23.                 <p class="lead">
  24.                 {% trans %}
  25.                     Chez B&B Computer Solutions nous misons sur l'expertise et les compétences de nos collaborateurs pour offrir des solutions informatiques de qualité supérieure à nos clients. Nous garantissons que l'entreprise dispose de personnel qualifié et compétent grâces à des formations ciblées dans tous les secteurs de l'IT.
  26.                 {% endtrans %}
  27.                 </p>
  28.             </div>
  29.                 <div class="col-md-6">
  30.                 <div class="post-media wow fadeIn">
  31.                     <img src="{{ asset('build/talent-application.jpg') }}" alt="Postuler chez B&B Computer Solutions" class="img-responsive img-rounded">
  32.                 </div><!-- end media -->
  33.             </div><!-- end col -->
  34.         </div><!-- end title -->
  36.         <hr class="invis"> 
  38.         <div class="row"> 
  39.             <div class="title col-lg-12 col-sm-12 col-xs-12">
  40.                 <h2>{% trans %}Opportunités{% endtrans %}</h2>
  43.                 <!-- Changer en fonction de si il y a des offre d'emploi ou non -->
  44.                 {# <p>{% trans %}Pas d'opportunité pour le moment. {% endtrans %}</p> #}
  47.                 <!-- *************************************************** -->
  48.                 <!--          Ajout de nouvelles offres d'emploi         -->
  49.                 <!-- *************************************************** -->
  50.                 <!-- Pour supprimer une offre, commentez le bloc suivant -->
  51.                 <!-- *************************************************** -->
  52.                 <!-- Pas oublier de décommenter  la ligne au dessu       -->
  53.                 <!-- *************************************************** -->
  55.                 <p>{% trans %}Découvrez nos offres d'emploi : {% endtrans %}</p>
  58.                 <!-- une ligne contenant des offres d'emploi -->
  59.                 <div class="container-cols ">
  60.                     <!-- Une offre d'emploi -->
  61.                     <div class="ombre colonnes job-container">
  62.                         <h3>Job 1</h3>
  63.                         <p>{% trans %} Pas d'offre actuellement {% endtrans %}</p>
  64.                         <p></p>
  65.                         <!-- <button class="bouton-offre btn btn-light btn-radius btn-brd grd1" id="formJobOpen">{% trans %}Voir l'offre {% endtrans %}</button> -->
  66.                     </div>
  67.                     
  68.                     <div class="ombre colonnes job-container">
  69.                         <h3>Job 2</h3>
  70.                         <p>{% trans %} Pas d'offre actuellement {% endtrans %}</p>
  71.                         <p></p>
  72.                         <!-- <button class="bouton-offre btn btn-light btn-radius btn-brd grd1" id="formJobOpenDeux">{% trans %}Voir l'offre {% endtrans %}</button> -->
  73.                     </div>
  74.                 </div>
  75.                     
  78.                 <!-- Description de une offre d'emploi -->
  79.                 <div id="formJobContainerId" class="fromJobContainer">
  80.                     <div class="contact_form formJob">
  81.                         <span class="close" id="formJobClose">&times;</span>
  82.                         <h2 class="titre-job">Postuler pour le poste - Job 1</h2>
  83.                         <div class="description-job">
  84.                             <p>{% trans %} Pas d'offre actuellement {% endtrans %}</p>                      
  85.                         </div>
  86.                         <a href="{{ path('app_offreJob', { _locale: app.request.locale, type: 'jobUn' }) }}" class="boutou-form-job btn btn-light btn-radius btn-brd grd1">{% trans %}Postulez {% endtrans %}</a>
  87.                     </div>
  88.                 </div><!-- end fromJobContainer -->
  90.                 <div id="formJobContainerIdDeux" class="fromJobContainer">
  91.                     <div class="contact_form formJob">
  92.                         <span class="close" id="formJobCloseDeux">&times;</span>
  93.                         <h2 class="titre-job">Postuler pour le poste - Job 2</h2>
  94.                         <div class="description-job">
  95.                             <p>Pas d'offre actuellement</p>                      
  96.                         </div>
  97.                         <a href="{{ path('app_offreJob', { _locale: app.request.locale, type: 'jobDeux' }) }}" class="boutou-form-job btn btn-light btn-radius btn-brd grd1">{% trans %}Postulez {% endtrans %}</a>
  98.                     </div>
  99.                 </div><!-- end fromJobContainer -->
  102.                 <!-- *************************************************** -->
  103.                 <!--          Fin de l'ajout des offres d'emploi        -->
  104.                 <!-- *************************************************** -->
  107.             </div><!-- end title -->
  108.         </div><!-- end row -->
  110.     </div><!-- end container -->
  111. </div><!-- end section -->
  115. <script>
  116.     // Ouvre le formulaire
  117.     document.getElementById("formJobOpen").onclick = function() {
  118.         document.getElementById("formJobContainerId").style.display = "flex";
  119.     }
  121.     // Ferme le formulaire 
  122.     document.getElementById("formJobClose").onclick = function() {
  123.         document.getElementById("formJobContainerId").style.display = "none";
  124.     }
  126.     // Ferme la fenêtre du formulaire du job lorsqu'on clique en dehors du formulaire
  127.     window.onclick = function(event) {
  128.         if (event.target == document.getElementById("formJobContainerId")) {
  129.             document.getElementById("formJobContainerId").style.display = "none";
  130.         }
  131.     }
  137.     // Ouvre le formulaire
  138.     document.getElementById("formJobOpenDeux").onclick = function() {
  139.         document.getElementById("formJobContainerIdDeux").style.display = "flex";
  140.     }
  142.     // Ferme le formulaire 
  143.     document.getElementById("formJobCloseDeux").onclick = function() {
  144.         document.getElementById("formJobContainerIdDeux").style.display = "none";
  145.     }
  147.     // Ferme la fenêtre du formulaire du job lorsqu'on clique en dehors du formulaire
  148.     window.onclick = function(event) {
  149.         if (event.target == document.getElementById("formJobContainerIdDeux")) {
  150.             document.getElementById("formJobContainerIdDeux").style.display = "none";
  151.         }
  152.     }
  153. </script>
  155. {% endblock %}