templates/partials/demandes.html.twig line 1

Open in your IDE?
  1. <!-- Start All Title Box -->
  2.     <div class="all-title-box">
  3.         <div class="container">
  4.             <div class="row">
  5.                 <div class="col-lg-12">
  6.                     <h2>Demandes d'emploi</h2>
  7.                 </div>
  8.             </div>
  9.         </div>
  10.     </div>
  11.     <!-- End All Title Box -->
  13.     <!-- Start Shop Page  -->
  14.     <div class="shop-box-inner">
  15.         <div class="container">
  16.             <div class="row">
  17.                 <div class="col-xl-3 col-lg-3 col-sm-12 col-xs-12 sidebar-shop-left">
  18.                     <div class="product-categori">
  19.                         <div class="search-product">
  20.                             <form action="#">
  21.                                 <input class="form-control" placeholder="Search here..." type="text">
  22.                                 <button type="submit"> <i class="fa fa-search"></i> </button>
  23.                             </form>
  24.                         </div>
  25.                         <div class="filter-sidebar-left">
  26.                             <div class="title-left">
  27.                                 <h3>Categories</h3>
  28.                             </div>
  29.                             <div class="list-group list-group-collapse list-group-sm list-group-tree" id="list-group-men" data-children=".sub-men">
  30.                                 <div class="list-group-collapse sub-men">
  31.                                     <a class="list-group-item list-group-item-action" href="#sub-men1" data-toggle="collapse" aria-expanded="true" aria-controls="sub-men1">Clothing <small class="text-muted">(100)</small>
  32.                                 </a>
  33.                                     <div class="collapse show" id="sub-men1" data-parent="#list-group-men">
  34.                                         <div class="list-group">
  35.                                             <a href="#" class="list-group-item list-group-item-action active">T-Shirts <small class="text-muted">(50)</small></a>
  36.                                             <a href="#" class="list-group-item list-group-item-action">Polo T-Shirts <small class="text-muted">(10)</small></a>
  37.                                             <a href="#" class="list-group-item list-group-item-action">Round Neck T-Shirts <small class="text-muted">(10)</small></a>
  38.                                             <a href="#" class="list-group-item list-group-item-action">V Neck T-Shirts <small class="text-muted">(10)</small></a>
  39.                                             <a href="#" class="list-group-item list-group-item-action">Hooded T-Shirts <small class="text-muted">(20)</small></a>
  40.                                         </div>
  41.                                     </div>
  42.                                 </div>
  43.                                 <div class="list-group-collapse sub-men">
  44.                                     <a class="list-group-item list-group-item-action" href="#sub-men2" data-toggle="collapse" aria-expanded="false" aria-controls="sub-men2">Footwear 
  45.                                 <small class="text-muted">(50)</small>
  46.                                 </a>
  47.                                     <div class="collapse" id="sub-men2" data-parent="#list-group-men">
  48.                                         <div class="list-group">
  49.                                             <a href="#" class="list-group-item list-group-item-action">Sports Shoes <small class="text-muted">(10)</small></a>
  50.                                             <a href="#" class="list-group-item list-group-item-action">Sneakers <small class="text-muted">(20)</small></a>
  51.                                             <a href="#" class="list-group-item list-group-item-action">Formal Shoes <small class="text-muted">(20)</small></a>
  52.                                         </div>
  53.                                     </div>
  54.                                 </div>
  55.                                 <a href="#" class="list-group-item list-group-item-action"> Men  <small class="text-muted">(150) </small></a>
  56.                                 <a href="#" class="list-group-item list-group-item-action">Accessories <small class="text-muted">(11)</small></a>
  57.                                 <a href="#" class="list-group-item list-group-item-action">Bags <small class="text-muted">(22)</small></a>
  58.                             </div>
  59.                         </div>
  60.                         <div class="filter-price-left">
  61.                             <div class="title-left">
  62.                                 <h3>Price</h3>
  63.                             </div>
  64.                             <div class="price-box-slider">
  65.                                 <div id="slider-range"></div>
  66.                                 <p>
  67.                                     <input type="text" id="amount" readonly style="border:0; color:#fbb714; font-weight:bold;">
  68.                                     <button class="btn hvr-hover" type="submit">Filter</button>
  69.                                 </p>
  70.                             </div>
  71.                         </div>
  72.                         <div class="filter-brand-left">
  73.                             <div class="title-left">
  74.                                 <h3>Brand</h3>
  75.                             </div>
  76.                             <div class="brand-box">
  77.                                 <ul>
  78.                                     <li>
  79.                                         <div class="radio radio-danger">
  80.                                             <input name="survey" id="Radios1" value="Yes" type="radio">
  81.                                             <label for="Radios1"> Supreme </label>
  82.                                         </div>
  83.                                     </li>
  84.                                     <li>
  85.                                         <div class="radio radio-danger">
  86.                                             <input name="survey" id="Radios2" value="No" type="radio">
  87.                                             <label for="Radios2"> A Bathing Ape </label>
  88.                                         </div>
  89.                                     </li>
  90.                                     <li>
  91.                                         <div class="radio radio-danger">
  92.                                             <input name="survey" id="Radios3" value="declater" type="radio">
  93.                                             <label for="Radios3"> The Hundreds </label>
  94.                                         </div>
  95.                                     </li>
  96.                                     <li>
  97.                                         <div class="radio radio-danger">
  98.                                             <input name="survey" id="Radios4" value="declater" type="radio">
  99.                                             <label for="Radios4"> Alife </label>
  100.                                         </div>
  101.                                     </li>
  102.                                     <li>
  103.                                         <div class="radio radio-danger">
  104.                                             <input name="survey" id="Radios5" value="declater" type="radio">
  105.                                             <label for="Radios5"> Neighborhood </label>
  106.                                         </div>
  107.                                     </li>
  108.                                     <li>
  109.                                         <div class="radio radio-danger">
  110.                                             <input name="survey" id="Radios6" value="declater" type="radio">
  111.                                             <label for="Radios6"> CLOT </label>
  112.                                         </div>
  113.                                     </li>
  114.                                     <li>
  115.                                         <div class="radio radio-danger">
  116.                                             <input name="survey" id="Radios7" value="declater" type="radio">
  117.                                             <label for="Radios7"> Acapulco Gold </label>
  118.                                         </div>
  119.                                     </li>
  120.                                     <li>
  121.                                         <div class="radio radio-danger">
  122.                                             <input name="survey" id="Radios8" value="declater" type="radio">
  123.                                             <label for="Radios8"> UNDFTD </label>
  124.                                         </div>
  125.                                     </li>
  126.                                     <li>
  127.                                         <div class="radio radio-danger">
  128.                                             <input name="survey" id="Radios9" value="declater" type="radio">
  129.                                             <label for="Radios9"> Mighty Healthy </label>
  130.                                         </div>
  131.                                     </li>
  132.                                     <li>
  133.                                         <div class="radio radio-danger">
  134.                                             <input name="survey" id="Radios10" value="declater" type="radio">
  135.                                             <label for="Radios10"> Fiberops </label>
  136.                                         </div>
  137.                                     </li>
  138.                                 </ul>
  139.                             </div>
  140.                         </div>
  142.                     </div>
  143.                 </div>
  144.                 <div class="col-xl-9 col-lg-9 col-sm-12 col-xs-12 shop-content-right">
  145.                     <div class="right-product-box">
  146.                         <div class="product-item-filter row">
  147.                             <div class="col-12 col-sm-8 text-center text-sm-left">
  148.                                 <div class="toolbar-sorter-right">
  149.                                     <span>Sort by </span>
  150.                                     <select id="basic" class="selectpicker show-tick form-control" data-placeholder="$ USD">
  151.                                     <option data-display="Select">Nothing</option>
  152.                                     <option value="1">Popularity</option>
  153.                                     <option value="2">High Price → High Price</option>
  154.                                     <option value="3">Low Price → High Price</option>
  155.                                     <option value="4">Best Selling</option>
  156.                                 </select>
  157.                                 </div>
  158.                                 <p>Showing all 4 results</p>
  159.                             </div>
  160.                             <div class="col-12 col-sm-4 text-center text-sm-right">
  161.                                 <ul class="nav nav-tabs ml-auto">
  162.                                     <li>
  163.                                         <a class="nav-link active" href="#grid-view" data-toggle="tab"> <i class="fa fa-th"></i> </a>
  164.                                     </li>
  165.                                     <li>
  166.                                         <a class="nav-link" href="#list-view" data-toggle="tab"> <i class="fa fa-list-ul"></i> </a>
  167.                                     </li>
  168.                                 </ul>
  169.                             </div>
  170.                         </div>
  172.                         <div class="row product-categorie-box">
  173.                             <div class="tab-content">
  174.                                 <div role="tabpanel" class="tab-pane fade show active" id="grid-view">
  175.                                     <div class="row">
  176.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  177.                                             <div class="products-single fix">
  178.                                                 <div class="box-img-hover">
  179.                                                     <div class="type-lb">
  180.                                                         <p class="sale">Sale</p>
  181.                                                     </div>
  182.                                                     <img src="images/img-pro-01.jpg" class="img-fluid" alt="Image">
  183.                                                     <div class="mask-icon">
  184.                                                         <ul>
  185.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  186.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  187.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  188.                                                         </ul>
  189.                                                         <a class="cart" href="#">Add to Cart</a>
  190.                                                     </div>
  191.                                                 </div>
  192.                                                 <div class="why-text">
  193.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  194.                                                     <h5> $9.79</h5>
  195.                                                 </div>
  196.                                             </div>
  197.                                         </div>
  198.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  199.                                             <div class="products-single fix">
  200.                                                 <div class="box-img-hover">
  201.                                                     <div class="type-lb">
  202.                                                         <p class="new">New</p>
  203.                                                     </div>
  204.                                                     <img src="images/img-pro-02.jpg" class="img-fluid" alt="Image">
  205.                                                     <div class="mask-icon">
  206.                                                         <ul>
  207.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  208.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  209.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  210.                                                         </ul>
  211.                                                         <a class="cart" href="#">Add to Cart</a>
  212.                                                     </div>
  213.                                                 </div>
  214.                                                 <div class="why-text">
  215.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  216.                                                     <h5> $9.79</h5>
  217.                                                 </div>
  218.                                             </div>
  219.                                         </div>
  220.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  221.                                             <div class="products-single fix">
  222.                                                 <div class="box-img-hover">
  223.                                                     <div class="type-lb">
  224.                                                         <p class="sale">Sale</p>
  225.                                                     </div>
  226.                                                     <img src="images/img-pro-03.jpg" class="img-fluid" alt="Image">
  227.                                                     <div class="mask-icon">
  228.                                                         <ul>
  229.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  230.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  231.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  232.                                                         </ul>
  233.                                                         <a class="cart" href="#">Add to Cart</a>
  234.                                                     </div>
  235.                                                 </div>
  236.                                                 <div class="why-text">
  237.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  238.                                                     <h5> $9.79</h5>
  239.                                                 </div>
  240.                                             </div>
  241.                                         </div>
  242.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  243.                                             <div class="products-single fix">
  244.                                                 <div class="box-img-hover">
  245.                                                     <div class="type-lb">
  246.                                                         <p class="new">New</p>
  247.                                                     </div>
  248.                                                     <img src="images/img-pro-01.jpg" class="img-fluid" alt="Image">
  249.                                                     <div class="mask-icon">
  250.                                                         <ul>
  251.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  252.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  253.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  254.                                                         </ul>
  255.                                                         <a class="cart" href="#">Add to Cart</a>
  256.                                                     </div>
  257.                                                 </div>
  258.                                                 <div class="why-text">
  259.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  260.                                                     <h5> $9.79</h5>
  261.                                                 </div>
  262.                                             </div>
  263.                                         </div>
  264.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  265.                                             <div class="products-single fix">
  266.                                                 <div class="box-img-hover">
  267.                                                     <div class="type-lb">
  268.                                                         <p class="sale">Sale</p>
  269.                                                     </div>
  270.                                                     <img src="images/img-pro-02.jpg" class="img-fluid" alt="Image">
  271.                                                     <div class="mask-icon">
  272.                                                         <ul>
  273.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  274.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  275.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  276.                                                         </ul>
  277.                                                         <a class="cart" href="#">Add to Cart</a>
  278.                                                     </div>
  279.                                                 </div>
  280.                                                 <div class="why-text">
  281.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  282.                                                     <h5> $9.79</h5>
  283.                                                 </div>
  284.                                             </div>
  285.                                         </div>
  286.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  287.                                             <div class="products-single fix">
  288.                                                 <div class="box-img-hover">
  289.                                                     <div class="type-lb">
  290.                                                         <p class="sale">Sale</p>
  291.                                                     </div>
  292.                                                     <img src="images/img-pro-03.jpg" class="img-fluid" alt="Image">
  293.                                                     <div class="mask-icon">
  294.                                                         <ul>
  295.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  296.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  297.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  298.                                                         </ul>
  299.                                                         <a class="cart" href="#">Add to Cart</a>
  300.                                                     </div>
  301.                                                 </div>
  302.                                                 <div class="why-text">
  303.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  304.                                                     <h5> $9.79</h5>
  305.                                                 </div>
  306.                                             </div>
  307.                                         </div>
  308.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  309.                                             <div class="products-single fix">
  310.                                                 <div class="box-img-hover">
  311.                                                     <div class="type-lb">
  312.                                                         <p class="sale">Sale</p>
  313.                                                     </div>
  314.                                                     <img src="images/img-pro-01.jpg" class="img-fluid" alt="Image">
  315.                                                     <div class="mask-icon">
  316.                                                         <ul>
  317.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  318.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  319.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  320.                                                         </ul>
  321.                                                         <a class="cart" href="#">Add to Cart</a>
  322.                                                     </div>
  323.                                                 </div>
  324.                                                 <div class="why-text">
  325.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  326.                                                     <h5> $9.79</h5>
  327.                                                 </div>
  328.                                             </div>
  329.                                         </div>
  330.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  331.                                             <div class="products-single fix">
  332.                                                 <div class="box-img-hover">
  333.                                                     <div class="type-lb">
  334.                                                         <p class="sale">Sale</p>
  335.                                                     </div>
  336.                                                     <img src="images/img-pro-02.jpg" class="img-fluid" alt="Image">
  337.                                                     <div class="mask-icon">
  338.                                                         <ul>
  339.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  340.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  341.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  342.                                                         </ul>
  343.                                                         <a class="cart" href="#">Add to Cart</a>
  344.                                                     </div>
  345.                                                 </div>
  346.                                                 <div class="why-text">
  347.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  348.                                                     <h5> $9.79</h5>
  349.                                                 </div>
  350.                                             </div>
  351.                                         </div>
  352.                                         <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  353.                                             <div class="products-single fix">
  354.                                                 <div class="box-img-hover">
  355.                                                     <div class="type-lb">
  356.                                                         <p class="new">New</p>
  357.                                                     </div>
  358.                                                     <img src="images/img-pro-03.jpg" class="img-fluid" alt="Image">
  359.                                                     <div class="mask-icon">
  360.                                                         <ul>
  361.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  362.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  363.                                                             <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  364.                                                         </ul>
  365.                                                         <a class="cart" href="#">Add to Cart</a>
  366.                                                     </div>
  367.                                                 </div>
  368.                                                 <div class="why-text">
  369.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  370.                                                     <h5> $9.79</h5>
  371.                                                 </div>
  372.                                             </div>
  373.                                         </div>
  374.                                     </div>
  375.                                 </div>
  376.                                 <div role="tabpanel" class="tab-pane fade" id="list-view">
  377.                                     <div class="list-view-box">
  378.                                         <div class="row">
  379.                                             <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  380.                                                 <div class="products-single fix">
  381.                                                     <div class="box-img-hover">
  382.                                                         <div class="type-lb">
  383.                                                             <p class="new">New</p>
  384.                                                         </div>
  385.                                                         <img src="images/img-pro-01.jpg" class="img-fluid" alt="Image">
  386.                                                         <div class="mask-icon">
  387.                                                             <ul>
  388.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  389.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  390.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  391.                                                             </ul>
  393.                                                         </div>
  394.                                                     </div>
  395.                                                 </div>
  396.                                             </div>
  397.                                             <div class="col-sm-6 col-md-6 col-lg-8 col-xl-8">
  398.                                                 <div class="why-text full-width">
  399.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  400.                                                     <h5> <del>$ 60.00</del> $40.79</h5>
  401.                                                     <p>Integer tincidunt aliquet nibh vitae dictum. In turpis sapien, imperdiet quis magna nec, iaculis ultrices ante. Integer vitae suscipit nisi. Morbi dignissim risus sit amet orci porta, eget aliquam purus
  402.                                                         sollicitudin. Cras eu metus felis. Sed arcu arcu, sagittis in blandit eu, imperdiet sit amet eros. Donec accumsan nisi purus, quis euismod ex volutpat in. Vestibulum eleifend eros ac lobortis aliquet.
  403.                                                         Suspendisse at ipsum vel lacus vehicula blandit et sollicitudin quam. Praesent vulputate semper libero pulvinar consequat. Etiam ut placerat lectus.</p>
  404.                                                     <a class="btn hvr-hover" href="#">Add to Cart</a>
  405.                                                 </div>
  406.                                             </div>
  407.                                         </div>
  408.                                     </div>
  409.                                     <div class="list-view-box">
  410.                                         <div class="row">
  411.                                             <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  412.                                                 <div class="products-single fix">
  413.                                                     <div class="box-img-hover">
  414.                                                         <div class="type-lb">
  415.                                                             <p class="sale">Sale</p>
  416.                                                         </div>
  417.                                                         <img src="images/img-pro-02.jpg" class="img-fluid" alt="Image">
  418.                                                         <div class="mask-icon">
  419.                                                             <ul>
  420.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  421.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  422.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  423.                                                             </ul>
  425.                                                         </div>
  426.                                                     </div>
  427.                                                 </div>
  428.                                             </div>
  429.                                             <div class="col-sm-6 col-md-6 col-lg-8 col-xl-8">
  430.                                                 <div class="why-text full-width">
  431.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  432.                                                     <h5> <del>$ 60.00</del> $40.79</h5>
  433.                                                     <p>Integer tincidunt aliquet nibh vitae dictum. In turpis sapien, imperdiet quis magna nec, iaculis ultrices ante. Integer vitae suscipit nisi. Morbi dignissim risus sit amet orci porta, eget aliquam purus
  434.                                                         sollicitudin. Cras eu metus felis. Sed arcu arcu, sagittis in blandit eu, imperdiet sit amet eros. Donec accumsan nisi purus, quis euismod ex volutpat in. Vestibulum eleifend eros ac lobortis aliquet.
  435.                                                         Suspendisse at ipsum vel lacus vehicula blandit et sollicitudin quam. Praesent vulputate semper libero pulvinar consequat. Etiam ut placerat lectus.</p>
  436.                                                     <a class="btn hvr-hover" href="#">Add to Cart</a>
  437.                                                 </div>
  438.                                             </div>
  439.                                         </div>
  440.                                     </div>
  441.                                     <div class="list-view-box">
  442.                                         <div class="row">
  443.                                             <div class="col-sm-6 col-md-6 col-lg-4 col-xl-4">
  444.                                                 <div class="products-single fix">
  445.                                                     <div class="box-img-hover">
  446.                                                         <div class="type-lb">
  447.                                                             <p class="sale">Sale</p>
  448.                                                         </div>
  449.                                                         <img src="images/img-pro-03.jpg" class="img-fluid" alt="Image">
  450.                                                         <div class="mask-icon">
  451.                                                             <ul>
  452.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="View"><i class="fas fa-eye"></i></a></li>
  453.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="Compare"><i class="fas fa-sync-alt"></i></a></li>
  454.                                                                 <li><a href="#" data-toggle="tooltip" data-placement="right" title="Add to Wishlist"><i class="far fa-heart"></i></a></li>
  455.                                                             </ul>
  457.                                                         </div>
  458.                                                     </div>
  459.                                                 </div>
  460.                                             </div>
  461.                                             <div class="col-sm-6 col-md-6 col-lg-8 col-xl-8">
  462.                                                 <div class="why-text full-width">
  463.                                                     <h4>Lorem ipsum dolor sit amet</h4>
  464.                                                     <h5> <del>$ 60.00</del> $40.79</h5>
  465.                                                     <p>Integer tincidunt aliquet nibh vitae dictum. In turpis sapien, imperdiet quis magna nec, iaculis ultrices ante. Integer vitae suscipit nisi. Morbi dignissim risus sit amet orci porta, eget aliquam purus
  466.                                                         sollicitudin. Cras eu metus felis. Sed arcu arcu, sagittis in blandit eu, imperdiet sit amet eros. Donec accumsan nisi purus, quis euismod ex volutpat in. Vestibulum eleifend eros ac lobortis aliquet.
  467.                                                         Suspendisse at ipsum vel lacus vehicula blandit et sollicitudin quam. Praesent vulputate semper libero pulvinar consequat. Etiam ut placerat lectus.</p>
  468.                                                     <a class="btn hvr-hover" href="#">Add to Cart</a>
  469.                                                 </div>
  470.                                             </div>
  471.                                         </div>
  472.                                     </div>
  473.                                 </div>
  474.                             </div>
  475.                         </div>
  477.                     </div>
  478.                 </div>
  479.             </div>
  480.         </div>
  481.     </div>
  482.     <!-- End Shop Page -->