<!-- Start Offres -->
<div class="products-box">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="title-all text-center">
<h1>Offres d'emploi</h1>
<p>Retrouvez les offres d'emploi regroupées par secteur d'activité des enseignes qui les publient.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="special-menu text-center">
<div class="button-group filter-button-group">
<button class="active" data-filter="*">All</button>
<button data-filter=".top-featured">Top featured</button>
<button data-filter=".best-seller">Best seller</button>
</div>
</div>
</div>
</div>
<div class="row special-list">
<div class="col-lg-3 col-md-6 special-grid best-seller">
<div class="products-single fix">
<div class="box-img-hover">
<div class="type-lb">
<p class="sale">Expirée</p>
</div>
<img src="images/img-pro-01.jpg" class="img-fluid" alt="Image">
<div class="mask-icon">
<ul>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Détails"><i class="fas fa-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Recommander"><i class="fas fa-sync-alt"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Répondre"><i class="far fa-heart"></i></a></li>
</ul>
<a class="cart" href="#">Nom Enseigne</a>
</div>
</div>
<div class="why-text">
<h4>Titre offre</h4>
<h5> Lieu du poste</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 special-grid top-featured">
<div class="products-single fix">
<div class="box-img-hover">
<div class="type-lb">
<p class="new">New</p>
</div>
<img src="images/img-pro-02.jpg" class="img-fluid" alt="Image">
<div class="mask-icon">
<ul>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
</ul>
<a class="cart" href="#">Add to Cart</a>
</div>
</div>
<div class="why-text">
<h4>Lorem ipsum dolor sit amet</h4>
<h5> $9.79</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 special-grid top-featured">
<div class="products-single fix">
<div class="box-img-hover">
<div class="type-lb">
<p class="sale">Sale</p>
</div>
<img src="images/img-pro-03.jpg" class="img-fluid" alt="Image">
<div class="mask-icon">
<ul>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
</ul>
<a class="cart" href="#">Add to Cart</a>
</div>
</div>
<div class="why-text">
<h4>Lorem ipsum dolor sit amet</h4>
<h5> $10.79</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 special-grid best-seller">
<div class="products-single fix">
<div class="box-img-hover">
<div class="type-lb">
<p class="sale">Sale</p>
</div>
<img src="images/img-pro-04.jpg" class="img-fluid" alt="Image">
<div class="mask-icon">
<ul>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
<li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
</ul>
<a class="cart" href="#">Add to Cart</a>
</div>
</div>
<div class="why-text">
<h4>Lorem ipsum dolor sit amet</h4>
<h5> $15.79</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Offres -->