{% extends 'base_front.html.twig' %}
{% block title "Gica | Offre d'Emploi" %}
{% block body %}
<header class="header-image ken-burn-center light" data-parallax="true" data-natural-height="500"
data-natural-width="0" data-bleed="0"
data-image-src="{{ asset('assets/themes/gica/content/images/background/recrutement.jpg') }}"
data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Offre d'Emploi</h1>
<h2>Nous recherchons des talents passionnés et motivés pour participer à notre mission.</h2>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="javascript:void(0);">Emploi</a></li>
</ol>
</div>
</header>
<main>
<!-- audioautoplay -->
<section style="display: none;" id="toast" class="info toast-onload">
<div id="icon-wrapper">
<div id="icon">
<div class="pause" onclick="togglePlay()">🔇</div>
<div class="player">
<audio class="audio" preload="auto" loop></audio>
</div>
</div>
</div>
<div id="toast-message">
<h4>Lecture en cours</h4>
<p>Profite de la musique pendant que tu navigues !</p>
</div>
<button id="toast-close"></button>
<div id="timer"></div>
</section>
<section id="reviews" class="section-base section-bottom-layer">
<div class="container">
<div class="row">
<h3>Responsable du département financier</h3>
<hr class="space-sm">
<div class="row">
<div class="col-lg-9">
<div class="row">
<div class="col-lg-8">
<p></p>
<p>Contenu en cours de préparation. Restez connecté !</p>
<p></p>
</div>
<div class="col-lg-4">
<ul class="icon-list icon-circle">
<li>Experience in Android apps</li>
<li>Knowledge of blockchain</li>
<li>Team communication</li>
</ul>
</div>
</div>
<hr class="space-sm">
<table class="table table-grid table-border table-10 align-left table-full-sm">
<tbody>
<tr>
<td>
<div class="icon-box icon-box-left">
<i class="im-user" style="color: #f68634;"></i>
<div class="caption">
<h3>Disponibilité</h3>
<p>1 personne</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-left">
<i class="im-calendar" style="color: #f68634;"></i>
<div class="caption">
<h3>Experience</h3>
<p>Min 5 années</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-left">
<i class="im-student-malefemale" style="color: #f68634;"></i>
<div class="caption">
<h3>Graduation</h3>
<p>Requis </p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-lg-3">
<a href="{{ path('inFront_emploi') }}#form" class="btn btn-sm btn-circle">Postulez
maintenant!</a>
<hr class="space-xs">
<p class="text-xs">Assurez-vous d’avoir toutes les exigences avant de nous contacter !</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-base section-color no-padding-bottom section-top-overflow">
<div class="container">
<div class="boxed-area">
<div class="row">
<div class="col-lg-8">
<a name="form"></a>
<form action="" class="form-box" method="post">
<div class="row">
<div class="col-lg-6">
<input id="af_name" name="name" value="" placeholder="Name" type="text"
class="form-control input-text" required="">
</div>
<div class="col-lg-6">
<input id="af_surname" name="surname" value="" placeholder="Surname" type="text"
class="input-text" required="">
</div>
<div class="col-lg-3">
<input id="af_town" name="town" value="" placeholder="Town" type="text"
class="input-text">
</div>
<div class="col-lg-3">
<input id="af_state" name="state" value="" placeholder="State" type="text"
class="input-text">
</div>
<div class="col-lg-3">
<input id="af_address" name="address" value="" placeholder="Address" type="text"
class="input-text">
</div>
<div class="col-lg-3">
<input id="af_zip" name="zip" value="" placeholder="Zip Code" type="text"
class="input-text">
</div>
<div class="col-lg-6">
<input id="af_phone" name="phone" value="" placeholder="Phone" type="text"
class="input-text" required="">
</div>
<div class="col-lg-6">
<input id="af_email" name="mail" value="" placeholder="Email" type="email"
class="input-text" required="">
</div>
</div>
<textarea id="af_messagge" name="messagge" value="" class="input-textarea"
placeholder="Write something ..." required=""></textarea>
<div class="form-checkbox">
<input type="checkbox" id="check" name="check" value="check" required="">
<label for="check">Vous acceptez les conditions d'utilisation et la politique de
confidentialité</label>
</div>
<button class="btn btn-sm btn-circle" type="submit">Envoyer une demande</button>
<input type="hidden" name="af_action" value="">
</form>
</div>
<div class="col-lg-4 order-md-first-">
<h2>Postuler pour le poste <br> avant qu'il ne soit trop tard.</h2>
<hr class="space-sm">
<ul class="text-list text-list-bold">
<li><b>Address</b>
<p>Contenu en cours de préparation.</p>
</li>
<li><b>Web</b>
<p>groupgica.com</p>
</li>
<li><b>Email</b>
<p>infos@groupgica.com</p>
</li>
<li><b>Phone</b>
<p>+509 37 01 7090</p>
</li>
</ul>
<hr class="space-sm">
<ul class="accordion-list">
<li>
<a href="#">Politique de salaires et de congés</a>
<div class="content">
<p>
Contenu en cours de préparation. Restez connecté ! </p>
</div>
</li>
<li>
<a href="#">Assistance et soutien</a>
<div class="content">
<p>
Contenu en cours de préparation. Restez connecté ! </p>
</div>
</li>
</ul>
</div>
</div>
</div>
<hr class="space-lg visible-md">
</div>
</section>
</main>
{% endblock %}