<section class="ftco-section bg-light">
<div class="container">
<div class="row">
<div class="col-lg-12 pr-lg-12">
<div class="row justify-content-center pb-3">
<div class="col-md-12 heading-section ftco-animate">
<span class="subheading">Postes d'emplois vedettes pour cette semaine</span>
<h2 class="mb-4">Emplois récemment ajoutés</h2>
</div>
</div>
<div class="row">
{% for item in data["recent_offres"] %}
<div class="col-md-6 ftco-animate">
<div class="job-post-item p-4 d-block d-lg-flex align-items-center">
<div class="one-third mb-4 mb-md-0">
<div class="job-post-item-header align-items-center">
<span class="subadge">Intérim</span>
<h2 class="mr-3 text-black"><a href="/job-single/{{item.reference}}">{{item["nomSpecialite"]}}</a></h2>
</div>
<div class="job-post-item-body d-block d-md-flex">
<div class="mr-3"><span class="icon-layers"></span> <a href="#"> {{item["departement"]}} {{item["numeroDepartement"]}}.</a></div>
<div><span class="icon-my_location"></span> <span>Publié {{item["createAt"]['date'] | date('d-m-Y') }}</span></div>
</div>
</div>
<div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
<div>
<a href="/job-single/{{item.reference}}" class="icon text-center d-flex justify-content-center align-items-center icon mr-2">
<span class="icon-heart"></span>
</a>
</div>
<a href="/job-single/{{item.reference}}" class="btn btn-primary py-2">Postulez</a>
</div>
</div>
</div><!-- end -->
{% endfor %}
{# <div class="col-md-6 ftco-animate">#}
{# <div class="job-post-item p-4 d-block d-lg-flex align-items-center">#}
{# <div class="one-third mb-4 mb-md-0">#}
{# <div class="job-post-item-header align-items-center">#}
{# <span class="subadge">Intérim</span>#}
{# <h2 class="mr-3 text-black"><a href="#">Medecin Geriatre</a></h2>#}
{# </div>#}
{# <div class="job-post-item-body d-block d-md-flex">#}
{# <div class="mr-3"><span class="icon-layers"></span> <a href="#">Facebook, Inc.</a></div>#}
{# <div><span class="icon-my_location"></span> <span>Western City, UK</span></div>#}
{# </div>#}
{# </div>#}
{# <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">#}
{# <div>#}
{# <a href="#" class="icon text-center d-flex justify-content-center align-items-center icon mr-2">#}
{# <span class="icon-heart"></span>#}
{# </a>#}
{# </div>#}
{# <a href="job-single.html" class="btn btn-primary py-2">Postulez</a>#}
{# </div>#}
{# </div>#}
{# </div><!-- end -->#}
{# <div class="col-md-6 ftco-animate">#}
{# <div class="job-post-item p-4 d-block d-lg-flex align-items-center">#}
{# <div class="one-third mb-4 mb-md-0">#}
{# <div class="job-post-item-header align-items-center">#}
{# <span class="subadge">Intérim</span>#}
{# <h2 class="mr-3 text-black"><a href="#">Medecin Geriatre</a></h2>#}
{# </div>#}
{# <div class="job-post-item-body d-block d-md-flex">#}
{# <div class="mr-3"><span class="icon-layers"></span> <a href="#">Facebook, Inc.</a></div>#}
{# <div><span class="icon-my_location"></span> <span>Western City, UK</span></div>#}
{# </div>#}
{# </div>#}
{# <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">#}
{# <div>#}
{# <a href="#" class="icon text-center d-flex justify-content-center align-items-center icon mr-2">#}
{# <span class="icon-heart"></span>#}
{# </a>#}
{# </div>#}
{# <a href="job-single.html" class="btn btn-primary py-2">Postulez</a>#}
{# </div>#}
{# </div>#}
{# </div><!-- end -->#}
{# <div class="col-md-6 ftco-animate">#}
{# <div class="job-post-item p-4 d-block d-lg-flex align-items-center">#}
{# <div class="one-third mb-4 mb-md-0">#}
{# <div class="job-post-item-header align-items-center">#}
{# <span class="subadge">Intérim</span>#}
{# <h2 class="mr-3 text-black"><a href="#">Medecin Geriatre</a></h2>#}
{# </div>#}
{# <div class="job-post-item-body d-block d-md-flex">#}
{# <div class="mr-3"><span class="icon-layers"></span> <a href="#">Facebook, Inc.</a></div>#}
{# <div><span class="icon-my_location"></span> <span>Western City, UK</span></div>#}
{# </div>#}
{# </div>#}
{# <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">#}
{# <div>#}
{# <a href="#" class="icon text-center d-flex justify-content-center align-items-center icon mr-2">#}
{# <span class="icon-heart"></span>#}
{# </a>#}
{# </div>#}
{# <a href="job-single.html" class="btn btn-primary py-2">Postulez</a>#}
{# </div>#}
{# </div>#}
{# </div><!-- end -->#}
</div>
</div>
</div>
</div>
</section>