templates/accueil/partials/_best_offer.html.twig line 1

Open in your IDE?
  1. <section class="section-padding pb-5">
  2.     <div class="container">
  3.         <div class="section-title">
  4.             <h3 class="">Nos offres</h3>
  5.             <ul class="nav nav-tabs links" id="myTab-2" role="tablist">
  6.                 {# <li class="nav-item" role="presentation"> #}
  7.                 {# <button class="nav-link" id="nav-tab-one-1" data-bs-toggle="tab" data-bs-target="#tab-one-1" type="button" role="tab" aria-controls="tab-one" aria-selected="false">Featured</button> #}
  8.                 {# </li> #}
  9.                 {# <li class="nav-item" role="presentation"> #}
  10.                 {# <button class="nav-link" id="nav-tab-two-1" data-bs-toggle="tab" data-bs-target="#tab-two-1" type="button" role="tab" aria-controls="tab-two" aria-selected="false">Popular</button> #}
  11.                 {# </li> #}
  12. {#                <li class="nav-item" role="presentation">#}
  13. {#                    <button class="nav-link active" id="nav-tab-three-1" data-bs-toggle="tab"#}
  14. {#                            data-bs-target="#tab-three-1" type="button" role="tab" aria-controls="tab-three"#}
  15. {#                            aria-selected="true">New added#}
  16. {#                    </button>#}
  17. {#                </li>#}
  18.             </ul>
  19.         </div>
  20.         <div class="row">
  21.             <div class="col-lg-3 d-none d-lg-flex">
  22.                 <div class="banner-img style-2">
  23.                     <div class="banner-text">
  24.                         <h2 class="mb-100">Découvrez nos meilleurs produits du moments</h2>
  25.                         <a href="{{ path('app_accueil_nos_produit') }}" class="btn btn-xs">Nos produits <i
  26.                                     class="fi-rs-arrow-small-right"></i></a>
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.             <div class="col-lg-9 col-md-12">
  31.                 <div class="row product-grid-4">
  32.                     {% for produit in radom %}
  33.                         {# <div class="col-lg-1-5 col-md-4 col-12 col-sm-6"> #}
  34.                         <div class="col-xxl-3 col-xl-3 col-lg-4 col-md-4 col-12 col-sm-6">
  36.                             <div class="product-cart-wrap mb-30">
  37.                                 <div class="product-img-action-wrap">
  38.                                     <div class="product-img product-img-zoom">
  39.                                         <a href="{{ path('app_accueil_show_produit',{'slug': produit.slug}) }}">
  40.                                             <img class="default-img"
  41.                                                  src="{{ asset('uploads/images/produits/'~ produit.images| first) }}"
  42.                                                  alt="">
  43.                                             <img class="hover-img"
  44.                                                  src="{{ asset('uploads/images/produits/'~ produit.images| last) }}"
  45.                                                  alt="">
  46.                                         </a>
  47.                                     </div>
  48.                                     <div class="product-action-1">
  49.                                         {# <a aria-label="Add To Wishlist" class="action-btn" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
  50.                                                     <a aria-label="Compare" class="action-btn" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
  51.                                         #}
  52.                                         <a aria-label="Aperçu rapide" class="action-btn" data-bs-toggle="modal"
  53.                                            data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
  54.                                     </div>
  55.                                     {# <div class="product-badges product-badges-position product-badges-mrg">
  56.                                                     <span class="hot">Hot</span>
  57.                                                 </div> #}
  58.                                 </div>
  59.                                 <div class="product-content-wrap">
  60.                                     <div class="product-category">
  61.                                         <a href="{{ path('app_accueil_nos_produit') }}"></a>
  62.                                     </div>
  63.                                     <h2>
  64.                                         <a href="{{ path('app_accueil_show_produit',{'slug': produit.slug}) }}">{{ produit.nom }}</a>
  65.                                     </h2>
  66.                                     {# <div class="product-rate-cover">
  67.                                                     <div class="product-rate d-inline-block">
  68.                                                         <div class="product-rating" style="width: 90%"></div>
  69.                                                     </div>
  70.                                                     <span class="font-small ml-5 text-muted"> (4.0)</span>
  71.                                                 </div> #}
  73. {#                                    <div class="product-card-bottom">#}
  74.                                         <div class="product-price mt-10">
  75.                                             <span>{{ produit.prix |number_format(0, ' ', ' ') }} FCFA / g </span>
  76.                                             {# <span class="old-price">$32.8</span> #}
  77.                                         </div>
  78.                                         <div class="sold mt-15 mb-15">
  79.                                             <div class="progress mb-5">
  80.                                                 <div class="progress-bar" role="progressbar" style="width: 50%"
  81.                                                      aria-valuemin="0" aria-valuemax="100"></div>
  82.                                             </div>
  83.                                             <span class="font-xs text-heading"> Vendu: 90/120</span>
  84.                                         </div>
  85.                                     <a href="{{ path('ajout_panier',{'id': produit.id}) }}" class="btn w-100 hover-up" tabindex="0"><i
  86.                                                 class="fi-rs-shopping-cart mr-5"></i>Ajouter</a>
  87. {#                                        <div class="add-cart">#}
  88. {#                                            <a class="add" href="{{ path('ajout_panier',{'id': produit.id}) }}"><i#}
  89. {#                                                        class="btn w-100 hover-up"></i>Ajouter </a>#}
  90. {#                                        </div>#}
  91.                                     </div>
  92. {#                                </div>#}
  93.                             </div>
  94.                         </div>
  95.                     {% endfor %}
  98.                 </div>
  100.             </div>
  101.             <!--End Col-lg-9-->
  102.         </div>
  103.     </div>
  104. </section>
  106. <div class="product-cart-wrap slick-slide slick-cloned slick-active"
  107.      data-slick-index="5" id="" aria-hidden="false" style="width: 229px;"
  108.      tabindex="-1">
  109.     <div class="product-img-action-wrap">
  110.         <div class="product-img product-img-zoom">
  111.             <a href="shop-product-right.html" tabindex="0">
  112.                 <img class="default-img" src="assets/imgs/shop/product-7-1.jpg"
  113.                      alt="">
  114.                 <img class="hover-img" src="assets/imgs/shop/product-7-2.jpg"
  115.                      alt="">
  116.             </a>
  117.         </div>
  118.         <div class="product-action-1">
  119.             <a aria-label="Quick view" class="action-btn small hover-up"
  120.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  121.                tabindex="0"> <i class="fi-rs-eye"></i></a>
  122.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  123.                href="shop-wishlist.html" tabindex="0"><i
  124.                         class="fi-rs-heart"></i></a>
  125.             <a aria-label="Compare" class="action-btn small hover-up"
  126.                href="shop-compare.html" tabindex="0"><i
  127.                         class="fi-rs-shuffle"></i></a>
  128.         </div>
  129.         <div class="product-badges product-badges-position product-badges-mrg">
  130.             <span class="hot">Save 15%</span>
  131.         </div>
  132.     </div>
  133.     <div class="product-content-wrap">
  134.         <div class="product-category">
  135.             <a href="shop-grid-right.html" tabindex="0">Hodo Foods</a>
  136.         </div>
  137.         <h2><a href="shop-product-right.html" tabindex="0">Perdue Simply Smart
  138.                 Organics Gluten Free</a></h2>
  139.         <div class="product-rate d-inline-block">
  140.             <div class="product-rating" style="width: 80%"></div>
  141.         </div>
  142.         <div class="product-price mt-10">
  143.             <span>$238.85 </span>
  144.             <span class="old-price">$245.8</span>
  145.         </div>
  146.         <div class="sold mt-15 mb-15">
  147.             <div class="progress mb-5">
  148.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  149.                      aria-valuemin="0" aria-valuemax="100"></div>
  150.             </div>
  151.             <span class="font-xs text-heading"> Sold: 90/120</span>
  152.         </div>
  153.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="0"><i
  154.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  155.     </div>
  156. </div>
  157. <div class="product-cart-wrap slick-slide" data-slick-index="0"
  158.      aria-hidden="true" style="width: 229px;" tabindex="-1">
  159.     <div class="product-img-action-wrap">
  160.         <div class="product-img product-img-zoom">
  161.             <a href="shop-product-right.html" tabindex="-1">
  162.                 <img class="default-img" src="assets/imgs/shop/product-7-1.jpg"
  163.                      alt="">
  164.                 <img class="hover-img" src="assets/imgs/shop/product-7-2.jpg"
  165.                      alt="">
  166.             </a>
  167.         </div>
  168.         <div class="product-action-1">
  169.             <a aria-label="Quick view" class="action-btn small hover-up"
  170.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  171.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  172.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  173.                href="shop-wishlist.html" tabindex="-1"><i
  174.                         class="fi-rs-heart"></i></a>
  175.             <a aria-label="Compare" class="action-btn small hover-up"
  176.                href="shop-compare.html" tabindex="-1"><i
  177.                         class="fi-rs-shuffle"></i></a>
  178.         </div>
  179.         <div class="product-badges product-badges-position product-badges-mrg">
  180.             <span class="hot">Save 15%</span>
  181.         </div>
  182.     </div>
  183.     <div class="product-content-wrap">
  184.         <div class="product-category">
  185.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  186.         </div>
  187.         <h2><a href="shop-product-right.html" tabindex="-1">Perdue Simply Smart
  188.                 Organics Gluten Free</a></h2>
  189.         <div class="product-rate d-inline-block">
  190.             <div class="product-rating" style="width: 80%"></div>
  191.         </div>
  192.         <div class="product-price mt-10">
  193.             <span>$238.85 </span>
  194.             <span class="old-price">$245.8</span>
  195.         </div>
  196.         <div class="sold mt-15 mb-15">
  197.             <div class="progress mb-5">
  198.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  199.                      aria-valuemin="0" aria-valuemax="100"></div>
  200.             </div>
  201.             <span class="font-xs text-heading"> Sold: 90/120</span>
  202.         </div>
  203.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  204.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  205.     </div>
  206. </div>
  208. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="-4"
  209.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  210.     <div class="product-img-action-wrap">
  211.         <div class="product-img product-img-zoom">
  212.             <a href="shop-product-right.html" tabindex="-1">
  213.                 <img class="default-img" src="assets/imgs/shop/product-8-1.jpg"
  214.                      alt="">
  215.                 <img class="hover-img" src="assets/imgs/shop/product-8-2.jpg"
  216.                      alt="">
  217.             </a>
  218.         </div>
  219.         <div class="product-action-1">
  220.             <a aria-label="Quick view" class="action-btn small hover-up"
  221.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  222.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  223.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  224.                href="shop-wishlist.html" tabindex="-1"><i
  225.                         class="fi-rs-heart"></i></a>
  226.             <a aria-label="Compare" class="action-btn small hover-up"
  227.                href="shop-compare.html" tabindex="-1"><i
  228.                         class="fi-rs-shuffle"></i></a>
  229.         </div>
  230.         <div class="product-badges product-badges-position product-badges-mrg">
  231.             <span class="new">Save 35%</span>
  232.         </div>
  233.     </div>
  234.     <div class="product-content-wrap">
  235.         <div class="product-category">
  236.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  237.         </div>
  238.         <h2><a href="shop-product-right.html" tabindex="-1">Seeds of Change
  239.                 Organic Quinoa</a></h2>
  240.         <div class="product-rate d-inline-block">
  241.             <div class="product-rating" style="width: 80%"></div>
  242.         </div>
  243.         <div class="product-price mt-10">
  244.             <span>$238.85 </span>
  245.             <span class="old-price">$245.8</span>
  246.         </div>
  247.         <div class="sold mt-15 mb-15">
  248.             <div class="progress mb-5">
  249.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  250.                      aria-valuemin="0" aria-valuemax="100"></div>
  251.             </div>
  252.             <span class="font-xs text-heading"> Sold: 90/120</span>
  253.         </div>
  254.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  255.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  256.     </div>
  257. </div>
  258. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="-3"
  259.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  260.     <div class="product-img-action-wrap">
  261.         <div class="product-img product-img-zoom">
  262.             <a href="shop-product-right.html" tabindex="-1">
  263.                 <img class="default-img" src="assets/imgs/shop/product-9-1.jpg"
  264.                      alt="">
  265.                 <img class="hover-img" src="assets/imgs/shop/product-9-2.jpg"
  266.                      alt="">
  267.             </a>
  268.         </div>
  269.         <div class="product-action-1">
  270.             <a aria-label="Quick view" class="action-btn small hover-up"
  271.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  272.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  273.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  274.                href="shop-wishlist.html" tabindex="-1"><i
  275.                         class="fi-rs-heart"></i></a>
  276.             <a aria-label="Compare" class="action-btn small hover-up"
  277.                href="shop-compare.html" tabindex="-1"><i
  278.                         class="fi-rs-shuffle"></i></a>
  279.         </div>
  280.         <div class="product-badges product-badges-position product-badges-mrg">
  281.             <span class="sale">Sale</span>
  282.         </div>
  283.     </div>
  284.     <div class="product-content-wrap">
  285.         <div class="product-category">
  286.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  287.         </div>
  288.         <h2><a href="shop-product-right.html" tabindex="-1">Signature Wood-Fired
  289.                 Mushroom</a></h2>
  290.         <div class="product-rate d-inline-block">
  291.             <div class="product-rating" style="width: 80%"></div>
  292.         </div>
  293.         <div class="product-price mt-10">
  294.             <span>$238.85 </span>
  295.             <span class="old-price">$245.8</span>
  296.         </div>
  297.         <div class="sold mt-15 mb-15">
  298.             <div class="progress mb-5">
  299.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  300.                      aria-valuemin="0" aria-valuemax="100"></div>
  301.             </div>
  302.             <span class="font-xs text-heading"> Sold: 90/120</span>
  303.         </div>
  304.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  305.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  306.     </div>
  307. </div>
  308. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="-2"
  309.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  310.     <div class="product-img-action-wrap">
  311.         <div class="product-img product-img-zoom">
  312.             <a href="shop-product-right.html" tabindex="-1">
  313.                 <img class="default-img" src="assets/imgs/shop/product-13-1.jpg"
  314.                      alt="">
  315.                 <img class="hover-img" src="assets/imgs/shop/product-13-2.jpg"
  316.                      alt="">
  317.             </a>
  318.         </div>
  319.         <div class="product-action-1">
  320.             <a aria-label="Quick view" class="action-btn small hover-up"
  321.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  322.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  323.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  324.                href="shop-wishlist.html" tabindex="-1"><i
  325.                         class="fi-rs-heart"></i></a>
  326.             <a aria-label="Compare" class="action-btn small hover-up"
  327.                href="shop-compare.html" tabindex="-1"><i
  328.                         class="fi-rs-shuffle"></i></a>
  329.         </div>
  330.         <div class="product-badges product-badges-position product-badges-mrg">
  331.             <span class="best">Best sale</span>
  332.         </div>
  333.     </div>
  334.     <div class="product-content-wrap">
  335.         <div class="product-category">
  336.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  337.         </div>
  338.         <h2><a href="shop-product-right.html" tabindex="-1">Simply Lemonade with
  339.                 Raspberry Juice</a></h2>
  340.         <div class="product-rate d-inline-block">
  341.             <div class="product-rating" style="width: 80%"></div>
  342.         </div>
  343.         <div class="product-price mt-10">
  344.             <span>$238.85 </span>
  345.             <span class="old-price">$245.8</span>
  346.         </div>
  347.         <div class="sold mt-15 mb-15">
  348.             <div class="progress mb-5">
  349.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  350.                      aria-valuemin="0" aria-valuemax="100"></div>
  351.             </div>
  352.             <span class="font-xs text-heading"> Sold: 90/120</span>
  353.         </div>
  354.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  355.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  356.     </div>
  357. </div>
  358. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="-1"
  359.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  360.     <div class="product-img-action-wrap">
  361.         <div class="product-img product-img-zoom">
  362.             <a href="shop-product-right.html" tabindex="-1">
  363.                 <img class="default-img" src="assets/imgs/shop/product-14-1.jpg"
  364.                      alt="">
  365.                 <img class="hover-img" src="assets/imgs/shop/product-14-2.jpg"
  366.                      alt="">
  367.             </a>
  368.         </div>
  369.         <div class="product-action-1">
  370.             <a aria-label="Quick view" class="action-btn small hover-up"
  371.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  372.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  373.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  374.                href="shop-wishlist.html" tabindex="-1"><i
  375.                         class="fi-rs-heart"></i></a>
  376.             <a aria-label="Compare" class="action-btn small hover-up"
  377.                href="shop-compare.html" tabindex="-1"><i
  378.                         class="fi-rs-shuffle"></i></a>
  379.         </div>
  380.         <div class="product-badges product-badges-position product-badges-mrg">
  381.             <span class="hot">Save 15%</span>
  382.         </div>
  383.     </div>
  384.     <div class="product-content-wrap">
  385.         <div class="product-category">
  386.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  387.         </div>
  388.         <h2><a href="shop-product-right.html" tabindex="-1">Organic Quinoa,
  389.                 Brown, &amp; Red Rice</a></h2>
  390.         <div class="product-rate d-inline-block">
  391.             <div class="product-rating" style="width: 80%"></div>
  392.         </div>
  393.         <div class="product-price mt-10">
  394.             <span>$238.85 </span>
  395.             <span class="old-price">$245.8</span>
  396.         </div>
  397.         <div class="sold mt-15 mb-15">
  398.             <div class="progress mb-5">
  399.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  400.                      aria-valuemin="0" aria-valuemax="100"></div>
  401.             </div>
  402.             <span class="font-xs text-heading"> Sold: 90/120</span>
  403.         </div>
  404.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  405.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  406.     </div>
  407. </div>
  410. <div class="product-cart-wrap slick-slide slick-current slick-active"
  411.      data-slick-index="2" aria-hidden="false" style="width: 229px;"
  412.      tabindex="0">
  413.     <div class="product-img-action-wrap">
  414.         <div class="product-img product-img-zoom">
  415.             <a href="shop-product-right.html" tabindex="0">
  416.                 <img class="default-img" src="assets/imgs/shop/product-9-1.jpg"
  417.                      alt="">
  418.                 <img class="hover-img" src="assets/imgs/shop/product-9-2.jpg"
  419.                      alt="">
  420.             </a>
  421.         </div>
  422.         <div class="product-action-1">
  423.             <a aria-label="Quick view" class="action-btn small hover-up"
  424.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  425.                tabindex="0"> <i class="fi-rs-eye"></i></a>
  426.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  427.                href="shop-wishlist.html" tabindex="0"><i
  428.                         class="fi-rs-heart"></i></a>
  429.             <a aria-label="Compare" class="action-btn small hover-up"
  430.                href="shop-compare.html" tabindex="0"><i
  431.                         class="fi-rs-shuffle"></i></a>
  432.         </div>
  433.         <div class="product-badges product-badges-position product-badges-mrg">
  434.             <span class="sale">Sale</span>
  435.         </div>
  436.     </div>
  437.     <div class="product-content-wrap">
  438.         <div class="product-category">
  439.             <a href="shop-grid-right.html" tabindex="0">Hodo Foods</a>
  440.         </div>
  441.         <h2><a href="shop-product-right.html" tabindex="0">Signature Wood-Fired
  442.                 Mushroom</a></h2>
  443.         <div class="product-rate d-inline-block">
  444.             <div class="product-rating" style="width: 80%"></div>
  445.         </div>
  446.         <div class="product-price mt-10">
  447.             <span>$238.85 </span>
  448.             <span class="old-price">$245.8</span>
  449.         </div>
  450.         <div class="sold mt-15 mb-15">
  451.             <div class="progress mb-5">
  452.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  453.                      aria-valuemin="0" aria-valuemax="100"></div>
  454.             </div>
  455.             <span class="font-xs text-heading"> Sold: 90/120</span>
  456.         </div>
  457.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="0"><i
  458.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  459.     </div>
  460. </div>
  461. <div class="product-cart-wrap slick-slide slick-active" data-slick-index="3"
  462.      aria-hidden="false" style="width: 229px;" tabindex="0">
  463.     <div class="product-img-action-wrap">
  464.         <div class="product-img product-img-zoom">
  465.             <a href="shop-product-right.html" tabindex="0">
  466.                 <img class="default-img" src="assets/imgs/shop/product-13-1.jpg"
  467.                      alt="">
  468.                 <img class="hover-img" src="assets/imgs/shop/product-13-2.jpg"
  469.                      alt="">
  470.             </a>
  471.         </div>
  472.         <div class="product-action-1">
  473.             <a aria-label="Quick view" class="action-btn small hover-up"
  474.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  475.                tabindex="0"> <i class="fi-rs-eye"></i></a>
  476.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  477.                href="shop-wishlist.html" tabindex="0"><i
  478.                         class="fi-rs-heart"></i></a>
  479.             <a aria-label="Compare" class="action-btn small hover-up"
  480.                href="shop-compare.html" tabindex="0"><i
  481.                         class="fi-rs-shuffle"></i></a>
  482.         </div>
  483.         <div class="product-badges product-badges-position product-badges-mrg">
  484.             <span class="best">Best sale</span>
  485.         </div>
  486.     </div>
  487.     <div class="product-content-wrap">
  488.         <div class="product-category">
  489.             <a href="shop-grid-right.html" tabindex="0">Hodo Foods</a>
  490.         </div>
  491.         <h2><a href="shop-product-right.html" tabindex="0">Simply Lemonade with
  492.                 Raspberry Juice</a></h2>
  493.         <div class="product-rate d-inline-block">
  494.             <div class="product-rating" style="width: 80%"></div>
  495.         </div>
  496.         <div class="product-price mt-10">
  497.             <span>$238.85 </span>
  498.             <span class="old-price">$245.8</span>
  499.         </div>
  500.         <div class="sold mt-15 mb-15">
  501.             <div class="progress mb-5">
  502.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  503.                      aria-valuemin="0" aria-valuemax="100"></div>
  504.             </div>
  505.             <span class="font-xs text-heading"> Sold: 90/120</span>
  506.         </div>
  507.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="0"><i
  508.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  509.     </div>
  510. </div>
  511. <div class="product-cart-wrap slick-slide slick-active" data-slick-index="4"
  512.      aria-hidden="false" style="width: 229px;" tabindex="0">
  513.     <div class="product-img-action-wrap">
  514.         <div class="product-img product-img-zoom">
  515.             <a href="shop-product-right.html" tabindex="0">
  516.                 <img class="default-img" src="assets/imgs/shop/product-14-1.jpg"
  517.                      alt="">
  518.                 <img class="hover-img" src="assets/imgs/shop/product-14-2.jpg"
  519.                      alt="">
  520.             </a>
  521.         </div>
  522.         <div class="product-action-1">
  523.             <a aria-label="Quick view" class="action-btn small hover-up"
  524.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  525.                tabindex="0"> <i class="fi-rs-eye"></i></a>
  526.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  527.                href="shop-wishlist.html" tabindex="0"><i
  528.                         class="fi-rs-heart"></i></a>
  529.             <a aria-label="Compare" class="action-btn small hover-up"
  530.                href="shop-compare.html" tabindex="0"><i
  531.                         class="fi-rs-shuffle"></i></a>
  532.         </div>
  533.         <div class="product-badges product-badges-position product-badges-mrg">
  534.             <span class="hot">Save 15%</span>
  535.         </div>
  536.     </div>
  537.     <div class="product-content-wrap">
  538.         <div class="product-category">
  539.             <a href="shop-grid-right.html" tabindex="0">Hodo Foods</a>
  540.         </div>
  541.         <h2><a href="shop-product-right.html" tabindex="0">Organic Quinoa,
  542.                 Brown, &amp; Red Rice</a></h2>
  543.         <div class="product-rate d-inline-block">
  544.             <div class="product-rating" style="width: 80%"></div>
  545.         </div>
  546.         <div class="product-price mt-10">
  547.             <span>$238.85 </span>
  548.             <span class="old-price">$245.8</span>
  549.         </div>
  550.         <div class="sold mt-15 mb-15">
  551.             <div class="progress mb-5">
  552.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  553.                      aria-valuemin="0" aria-valuemax="100"></div>
  554.             </div>
  555.             <span class="font-xs text-heading"> Sold: 90/120</span>
  556.         </div>
  557.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="0"><i
  558.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  559.     </div>
  560. </div>
  562. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="6"
  563.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  564.     <div class="product-img-action-wrap">
  565.         <div class="product-img product-img-zoom">
  566.             <a href="shop-product-right.html" tabindex="-1">
  567.                 <img class="default-img" src="assets/imgs/shop/product-8-1.jpg"
  568.                      alt="">
  569.                 <img class="hover-img" src="assets/imgs/shop/product-8-2.jpg"
  570.                      alt="">
  571.             </a>
  572.         </div>
  573.         <div class="product-action-1">
  574.             <a aria-label="Quick view" class="action-btn small hover-up"
  575.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  576.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  577.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  578.                href="shop-wishlist.html" tabindex="-1"><i
  579.                         class="fi-rs-heart"></i></a>
  580.             <a aria-label="Compare" class="action-btn small hover-up"
  581.                href="shop-compare.html" tabindex="-1"><i
  582.                         class="fi-rs-shuffle"></i></a>
  583.         </div>
  584.         <div class="product-badges product-badges-position product-badges-mrg">
  585.             <span class="new">Save 35%</span>
  586.         </div>
  587.     </div>
  588.     <div class="product-content-wrap">
  589.         <div class="product-category">
  590.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  591.         </div>
  592.         <h2><a href="shop-product-right.html" tabindex="-1">Seeds of Change
  593.                 Organic Quinoa</a></h2>
  594.         <div class="product-rate d-inline-block">
  595.             <div class="product-rating" style="width: 80%"></div>
  596.         </div>
  597.         <div class="product-price mt-10">
  598.             <span>$238.85 </span>
  599.             <span class="old-price">$245.8</span>
  600.         </div>
  601.         <div class="sold mt-15 mb-15">
  602.             <div class="progress mb-5">
  603.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  604.                      aria-valuemin="0" aria-valuemax="100"></div>
  605.             </div>
  606.             <span class="font-xs text-heading"> Sold: 90/120</span>
  607.         </div>
  608.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  609.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  610.     </div>
  611. </div>
  612. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="7"
  613.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  614.     <div class="product-img-action-wrap">
  615.         <div class="product-img product-img-zoom">
  616.             <a href="shop-product-right.html" tabindex="-1">
  617.                 <img class="default-img" src="assets/imgs/shop/product-9-1.jpg"
  618.                      alt="">
  619.                 <img class="hover-img" src="assets/imgs/shop/product-9-2.jpg"
  620.                      alt="">
  621.             </a>
  622.         </div>
  623.         <div class="product-action-1">
  624.             <a aria-label="Quick view" class="action-btn small hover-up"
  625.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  626.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  627.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  628.                href="shop-wishlist.html" tabindex="-1"><i
  629.                         class="fi-rs-heart"></i></a>
  630.             <a aria-label="Compare" class="action-btn small hover-up"
  631.                href="shop-compare.html" tabindex="-1"><i
  632.                         class="fi-rs-shuffle"></i></a>
  633.         </div>
  634.         <div class="product-badges product-badges-position product-badges-mrg">
  635.             <span class="sale">Sale</span>
  636.         </div>
  637.     </div>
  638.     <div class="product-content-wrap">
  639.         <div class="product-category">
  640.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  641.         </div>
  642.         <h2><a href="shop-product-right.html" tabindex="-1">Signature Wood-Fired
  643.                 Mushroom</a></h2>
  644.         <div class="product-rate d-inline-block">
  645.             <div class="product-rating" style="width: 80%"></div>
  646.         </div>
  647.         <div class="product-price mt-10">
  648.             <span>$238.85 </span>
  649.             <span class="old-price">$245.8</span>
  650.         </div>
  651.         <div class="sold mt-15 mb-15">
  652.             <div class="progress mb-5">
  653.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  654.                      aria-valuemin="0" aria-valuemax="100"></div>
  655.             </div>
  656.             <span class="font-xs text-heading"> Sold: 90/120</span>
  657.         </div>
  658.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  659.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  660.     </div>
  661. </div>
  662. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="8"
  663.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  664.     <div class="product-img-action-wrap">
  665.         <div class="product-img product-img-zoom">
  666.             <a href="shop-product-right.html" tabindex="-1">
  667.                 <img class="default-img" src="assets/imgs/shop/product-13-1.jpg"
  668.                      alt="">
  669.                 <img class="hover-img" src="assets/imgs/shop/product-13-2.jpg"
  670.                      alt="">
  671.             </a>
  672.         </div>
  673.         <div class="product-action-1">
  674.             <a aria-label="Quick view" class="action-btn small hover-up"
  675.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  676.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  677.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  678.                href="shop-wishlist.html" tabindex="-1"><i
  679.                         class="fi-rs-heart"></i></a>
  680.             <a aria-label="Compare" class="action-btn small hover-up"
  681.                href="shop-compare.html" tabindex="-1"><i
  682.                         class="fi-rs-shuffle"></i></a>
  683.         </div>
  684.         <div class="product-badges product-badges-position product-badges-mrg">
  685.             <span class="best">Best sale</span>
  686.         </div>
  687.     </div>
  688.     <div class="product-content-wrap">
  689.         <div class="product-category">
  690.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  691.         </div>
  692.         <h2><a href="shop-product-right.html" tabindex="-1">Simply Lemonade with
  693.                 Raspberry Juice</a></h2>
  694.         <div class="product-rate d-inline-block">
  695.             <div class="product-rating" style="width: 80%"></div>
  696.         </div>
  697.         <div class="product-price mt-10">
  698.             <span>$238.85 </span>
  699.             <span class="old-price">$245.8</span>
  700.         </div>
  701.         <div class="sold mt-15 mb-15">
  702.             <div class="progress mb-5">
  703.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  704.                      aria-valuemin="0" aria-valuemax="100"></div>
  705.             </div>
  706.             <span class="font-xs text-heading"> Sold: 90/120</span>
  707.         </div>
  708.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  709.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  710.     </div>
  711. </div>
  712. <div class="product-cart-wrap slick-slide slick-cloned" data-slick-index="9"
  713.      id="" aria-hidden="true" style="width: 229px;" tabindex="-1">
  714.     <div class="product-img-action-wrap">
  715.         <div class="product-img product-img-zoom">
  716.             <a href="shop-product-right.html" tabindex="-1">
  717.                 <img class="default-img" src="assets/imgs/shop/product-14-1.jpg"
  718.                      alt="">
  719.                 <img class="hover-img" src="assets/imgs/shop/product-14-2.jpg"
  720.                      alt="">
  721.             </a>
  722.         </div>
  723.         <div class="product-action-1">
  724.             <a aria-label="Quick view" class="action-btn small hover-up"
  725.                data-bs-toggle="modal" data-bs-target="#quickViewModal"
  726.                tabindex="-1"> <i class="fi-rs-eye"></i></a>
  727.             <a aria-label="Add To Wishlist" class="action-btn small hover-up"
  728.                href="shop-wishlist.html" tabindex="-1"><i
  729.                         class="fi-rs-heart"></i></a>
  730.             <a aria-label="Compare" class="action-btn small hover-up"
  731.                href="shop-compare.html" tabindex="-1"><i
  732.                         class="fi-rs-shuffle"></i></a>
  733.         </div>
  734.         <div class="product-badges product-badges-position product-badges-mrg">
  735.             <span class="hot">Save 15%</span>
  736.         </div>
  737.     </div>
  738.     <div class="product-content-wrap">
  739.         <div class="product-category">
  740.             <a href="shop-grid-right.html" tabindex="-1">Hodo Foods</a>
  741.         </div>
  742.         <h2><a href="shop-product-right.html" tabindex="-1">Organic Quinoa,
  743.                 Brown, &amp; Red Rice</a></h2>
  744.         <div class="product-rate d-inline-block">
  745.             <div class="product-rating" style="width: 80%"></div>
  746.         </div>
  747.         <div class="product-price mt-10">
  748.             <span>$238.85 </span>
  749.             <span class="old-price">$245.8</span>
  750.         </div>
  751.         <div class="sold mt-15 mb-15">
  752.             <div class="progress mb-5">
  753.                 <div class="progress-bar" role="progressbar" style="width: 50%"
  754.                      aria-valuemin="0" aria-valuemax="100"></div>
  755.             </div>
  756.             <span class="font-xs text-heading"> Sold: 90/120</span>
  757.         </div>
  758.         <a href="shop-cart.html" class="btn w-100 hover-up" tabindex="-1"><i
  759.                     class="fi-rs-shopping-cart mr-5"></i>Add To Cart</a>
  760.     </div>
  761. </div>