templates/partials/offres.html.twig line 1

Open in your IDE?
  1. <!-- Start Offres  -->
  2.     <div class="products-box">
  3.         <div class="container">
  4.             <div class="row">
  5.                 <div class="col-lg-12">
  6.                     <div class="title-all text-center">
  7.                         <h1>Offres d'emploi</h1>
  8.                         <p>Retrouvez les offres d'emploi regroupées par secteur d'activité des enseignes qui les publient.</p>
  9.                     </div>
  10.                 </div>
  11.             </div> 
  12.             <div class="row">
  13.                 <div class="col-lg-12">
  14.                     <div class="special-menu text-center">
  15.                         <div class="button-group filter-button-group">
  16.                             <button class="active" data-filter="*">All</button>
  17.                             <button data-filter=".top-featured">Top featured</button>
  18.                             <button data-filter=".best-seller">Best seller</button>
  19.                         </div>
  20.                     </div>
  21.                 </div>
  22.             </div>
  24.             <div class="row special-list">
  25.                 <div class="col-lg-3 col-md-6 special-grid best-seller">
  26.                     <div class="products-single fix">
  27.                         <div class="box-img-hover">
  28.                             <div class="type-lb">
  29.                                 <p class="sale">Expirée</p>
  30.                             </div>
  31.                             <img src="images/img-pro-01.jpg" class="img-fluid" alt="Image">
  32.                             <div class="mask-icon">
  33.                                 <ul>
  34.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Détails"><i class="fas fa-eye"></i></a></li>
  35.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Recommander"><i class="fas fa-sync-alt"></i></a></li>
  36.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Répondre"><i class="far fa-heart"></i></a></li>
  37.                                 </ul>
  38.                                 <a class="cart" href="#">Nom Enseigne</a>
  39.                             </div>
  40.                         </div>
  41.                         <div class="why-text">
  42.                             <h4>Titre offre</h4>
  43.                             <h5> Lieu du poste</h5>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  48.                 <div class="col-lg-3 col-md-6 special-grid top-featured">
  49.                     <div class="products-single fix">
  50.                         <div class="box-img-hover">
  51.                             <div class="type-lb">
  52.                                 <p class="new">New</p>
  53.                             </div>
  54.                             <img src="images/img-pro-02.jpg" class="img-fluid" alt="Image">
  55.                             <div class="mask-icon">
  56.                                 <ul>
  57.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  58.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  59.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  60.                                 </ul>
  61.                                 <a class="cart" href="#">Add to Cart</a>
  62.                             </div>
  63.                         </div>
  64.                         <div class="why-text">
  65.                             <h4>Lorem ipsum dolor sit amet</h4>
  66.                             <h5> $9.79</h5>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  71.                 <div class="col-lg-3 col-md-6 special-grid top-featured">
  72.                     <div class="products-single fix">
  73.                         <div class="box-img-hover">
  74.                             <div class="type-lb">
  75.                                 <p class="sale">Sale</p>
  76.                             </div>
  77.                             <img src="images/img-pro-03.jpg" class="img-fluid" alt="Image">
  78.                             <div class="mask-icon">
  79.                                 <ul>
  80.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  81.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  82.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  83.                                 </ul>
  84.                                 <a class="cart" href="#">Add to Cart</a>
  85.                             </div>
  86.                         </div>
  87.                         <div class="why-text">
  88.                             <h4>Lorem ipsum dolor sit amet</h4>
  89.                             <h5> $10.79</h5>
  90.                         </div>
  91.                     </div>
  92.                 </div>
  94.                 <div class="col-lg-3 col-md-6 special-grid best-seller">
  95.                     <div class="products-single fix">
  96.                         <div class="box-img-hover">
  97.                             <div class="type-lb">
  98.                                 <p class="sale">Sale</p>
  99.                             </div>
  100.                             <img src="images/img-pro-04.jpg" class="img-fluid" alt="Image">
  101.                             <div class="mask-icon">
  102.                                 <ul>
  103.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  104.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  105.                                     <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  106.                                 </ul>
  107.                                 <a class="cart" href="#">Add to Cart</a>
  108.                             </div>
  109.                         </div>
  110.                         <div class="why-text">
  111.                             <h4>Lorem ipsum dolor sit amet</h4>
  112.                             <h5> $15.79</h5>
  113.                         </div>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </div>
  119.     <!-- End Offres  -->