במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

<!DOCTYPE html>
<html lang="en">
   <?php include'include/head.php'?>
   <body>
      <?php include'include/header.php'?>
      
      
      <section class="pt-3 pb-3 page-info section-padding border-bottom bg-white">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <a href="#"><strong><span class="mdi mdi-home"></span> Home</strong></a> <span class="mdi mdi-chevron-right"></span> <a href="#">Fruits & Vegetables</a> <span class="mdi mdi-chevron-right"></span> <a href="#">Fruits</a>
               </div>
            </div>
         </div>
      </section>
      <section class="shop-single section-padding pt-3">
         <div class="container">
            <div class="row">
               <div class="col-md-6">
                  <div class="shop-detail-left" id="myScrollspy">
                     <div class="shop-detail-slider">
                        <div class="favourite-icon">
                           <a class="fav-btn" title="" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="59% OFF"><i class="mdi mdi-tag-outline"></i></a>
                        </div>
                        <div id="sync1" class="owl-carousel">
                           <div class="item"><img alt="" src="img/item/1.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/2.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/3.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/4.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/5.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/6.jpg" class="img-fluid img-center"></div>
                        </div>
                        <div id="sync2" class="owl-carousel">
                           <div class="item"><img alt="" src="img/item/1.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/2.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/3.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/4.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/5.jpg" class="img-fluid img-center"></div>
                           <div class="item"><img alt="" src="img/item/6.jpg" class="img-fluid img-center"></div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-6">
                  <div class="shop-detail-right">
                     <span class="badge badge-success">50% OFF</span>
                     <h2>SaveMore Corn Flakes (Pouch)</h2>
                     <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                     <p class="regular-price"><i class="mdi mdi-tag-outline"></i> MRP : ₹800.99</p>
                     <p class="offer-price mb-0">Discounted price : <span class="text-success">₹450.99</span></p>
                     <div class="talk">
                        <div class="row">
                           <div class="col-lg-12">
                              <div class="s_start active">
                                 <ul>
                                    <li>250 g</li>
                                    <li>Rs 16.06MRP: Rs 2227% Off</li>
                                    <li><i class="fa fa-check"></i></li>
                                 </ul>
                              </div>
                              <div class="s_start">
                                 <ul>
                                    <li>250 g</li>
                                    <li>Rs 16.06MRP: Rs 2227% Off</li>
                                    <li><i class="fa fa-check"></i></li>
                                 </ul>
                              </div>
                              <div class="s_start">
                                 <ul>
                                    <li>250 g</li>
                                    <li>Rs 16.06MRP: Rs 2227% Off</li>
                                    <li><i class="fa fa-check"></i></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="cont">
                       <div class="crtdiv">
                          <span class="qty">
                          <span class="dec">
                          <i class="fa fa-minus-square" aria-hidden="true"></i>
                          </span>
                          <span class="num">
                          1
                          </span>
                          <span class="inc">
                          <i class="fa fa-plus-square" aria-hidden="true"></i>
                          </span>
                          </span>
                          <button id="btn" type="button" class="cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Add to cart</button>
                       </div>
                    </div>
                    
                     
                     <div class="short-description">
                        <h5>
                           Quick Overview
                           <p class="float-right">Availability: <span class="badge badge-success">In Stock</span></p>
                        </h5>
                        <p><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum.</p>
                        <p class="mb-0"> Vivamus adipiscing nisl ut dolor dignissim semper. Nulla luctus malesuada tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hiMenaeos. Integer enim purus, posuere at ultricies eu, placerat a felis. Suspendisse aliquet urna pretium eros convallis interdum.</p>
                     </div>
                     <h6 class="mb-3 mt-4">Why shop from Groci?</h6>
                     <div class="row">
                        <div class="col-md-6">
                           <div class="feature-box">
                              <i class="mdi mdi-truck-fast"></i>
                              <h6 class="text-info">Free Delivery</h6>
                              <p>Lorem ipsum dolor...</p>
                           </div>
                        </div>
                        <div class="col-md-6">
                           <div class="feature-box">
                              <i class="mdi mdi-basket"></i>
                              <h6 class="text-info">100% Guarantee</h6>
                              <p>Rorem Ipsum Dolor sit...</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

<div class="col-lg-12 col-md-12 mt-4">
                  <div class="card card-body">
                     <h5>
                        About Product
                     </h5>
                     <div class="accordion" id="accordionExample">
                        <div class="card mb-0">
                           <div class="card-header" id="headingOne">
                              <h6 class="mb-0">
                                 <a href="#" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                 <i class="icofont icofont-question-square"></i> About the Product
                                 </a>
                              </h6>
                           </div>
                           <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                              <div class="card-body">
                                 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil helvetica, craf.
                              </div>
                           </div>
                        </div>
                        <div class="card mb-2 mt-2">
                           <div class="card-header" id="headingTwo">
                              <h6 class="mb-0">
                                 <a href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                 <i class="icofont icofont-question-square"></i> Other Product Info
                                 </a>
                              </h6>
                           </div>
                           <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                              <div class="card-body">
                                 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil helvetica, craf.
                              </div>
                           </div>
                        </div>
                       
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="product-items-slider section-padding bg-white border-top">
         <div class="container">
            <div class="section-header">
               <h5 class="heading-design-h5">Best Offers View <span class="badge badge-primary">20% OFF</span>
                  <a class="float-right text-secondary" href="shop.php">View All</a>
               </h5>
            </div>
            <div class="owl-carousel owl-carousel-featured">
               <div class="item">
                  <div class="product">
                     <a href="shop.php">
                        <div class="product-header">
                           <span class="badge badge-success">50% OFF</span>
                           <img class="img-fluid" src="img/item/7.jpg" alt="">
                           <span class="veg text-success mdi mdi-circle"></span>
                        </div>
                        <div class="product-body">
                           <h5>Product Title Here</h5>
                           <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                        </div>
                        <div class="product-footer">
                           <button type="button" class="btn btn-secondary btn-sm float-right"><i class="mdi mdi-cart-outline"></i> Add To Cart</button>
                           <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i><br><span class="regular-price">₹800.99</span></p>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="product">
                     <a href="shop.php">
                        <div class="product-header">
                           <span class="badge badge-success">50% OFF</span>
                           <img class="img-fluid" src="img/item/8.jpg" alt="">
                           <span class="non-veg text-danger mdi mdi-circle"></span>
                        </div>
                        <div class="product-body">
                           <h5>Product Title Here</h5>
                           <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                        </div>
                        <div class="product-footer">
                           <button type="button" class="btn btn-secondary btn-sm float-right"><i class="mdi mdi-cart-outline"></i> Add To Cart</button>
                           <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i><br><span class="regular-price">₹800.99</span></p>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="product">
                     <a href="shop.php">
                        <div class="product-header">
                           <span class="badge badge-success">50% OFF</span>
                           <img class="img-fluid" src="img/item/9.jpg" alt="">
                           <span class="non-veg text-danger mdi mdi-circle"></span>
                        </div>
                        <div class="product-body">
                           <h5>Product Title Here</h5>
                           <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                        </div>
                        <div class="product-footer">
                           <button type="button" class="btn btn-secondary btn-sm float-right"><i class="mdi mdi-cart-outline"></i> Add To Cart</button>
                           <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i><br><span class="regular-price">₹800.99</span></p>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="product">
                     <a href="shop.php">
                        <div class="product-header">
                           <span class="badge badge-success">50% OFF</span>
                           <img class="img-fluid" src="img/item/10.jpg" alt="">
                           <span class="veg text-success mdi mdi-circle"></span>
                        </div>
                        <div class="product-body">
                           <h5>Product Title Here</h5>
                           <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                        </div>
                        <div class="product-footer">
                           <button type="button" class="btn btn-secondary btn-sm float-right"><i class="mdi mdi-cart-outline"></i> Add To Cart</button>
                           <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i><br><span class="regular-price">₹800.99</span></p>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="product">
                     <a href="shop.php">
                        <div class="product-header">
                           <span class="badge badge-success">50% OFF</span>
                           <img class="img-fluid" src="img/item/11.jpg" alt="">
                           <span class="veg text-success mdi mdi-circle"></span>
                        </div>
                        <div class="product-body">
                           <h5>Product Title Here</h5>
                           <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                        </div>
                        <div class="product-footer">
                           <button type="button" class="btn btn-secondary btn-sm float-right"><i class="mdi mdi-cart-outline"></i> Add To Cart</button>
                           <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i><br><span class="regular-price">₹800.99</span></p>
                        </div>
                     </a>
                  </div>
               </div>
               <div class="item">
                  <div class="product">
                     <a href="shop.php">
                        <div class="product-header">
                           <span class="badge badge-success">50% OFF</span>
                           <img class="img-fluid" src="img/item/12.jpg" alt="">
                           <span class="veg text-success mdi mdi-circle"></span>
                        </div>
                        <div class="product-body">
                           <h5>Product Title Here</h5>
                           <h6><strong><span class="mdi mdi-approval"></span> Available in</strong> - 500 gm</h6>
                        </div>
                        <div class="product-footer">
                           <button type="button" class="btn btn-secondary btn-sm float-right"><i class="mdi mdi-cart-outline"></i> Add To Cart</button>
                           <p class="offer-price mb-0">₹450.99 <i class="mdi mdi-tag-outline"></i><br><span class="regular-price">₹800.99</span></p>
                        </div>
                     </a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      
      
      <section class="section-padding bg-white border-top">
         <div class="container">
            <div class="row">
               <div class="col-lg-4 col-sm-6">
                  <div class="feature-box">
                     <i class="mdi mdi-truck-fast"></i>
                     <h6>Free & Next Day Delivery</h6>
                     <p>Lorem ipsum dolor sit amet, cons...</p>
                  </div>
               </div>
               <div class="col-lg-4 col-sm-6">
                  <div class="feature-box">
                     <i class="mdi mdi-basket"></i>
                     <h6>100% Satisfaction Guarantee</h6>
                     <p>Rorem Ipsum Dolor sit amet, cons...</p>
                  </div>
               </div>
               <div class="col-lg-4 col-sm-6">
                  <div class="feature-box">
                     <i class="mdi mdi-tag-heart"></i>
                     <h6>Great Daily Deals Discount</h6>
                     <p>Sorem Ipsum Dolor sit amet, Cons...</p>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <?php include'include/footer.php'?>
      <style>
         .talk{
            margin-top: 11px;
         }
         .s_start.active{
             background: #fff7e9;
         }
         .s_start{
            border: 1px solid #cfcfcf;
             padding: 16px 8px 16px 8px;
             margin-top: 11px;
         }
         .s_start ul{
            display: flex;
            justify-content: space-between;
         }
         .s_start ul li{
           color: black;
          font-weight: 600;
          font-family: system-ui;
          font-size: 13px;
         }
         .s_start 
      </style>
      <script>
         $(document).ready(function(){
          $('.s_start').on('click', function(){
              $('.s_start').removeClass('active');
              $(this).addClass('active');
          })
      });
      </script>
      <script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="vendor/jquery/jquery.min.js" type="60e9a56cd2160cce267c1112-text/javascript"></script>
      <script src="vendor/bootstrap/js/bootstrap.bundle.min.js" type="60e9a56cd2160cce267c1112-text/javascript"></script>
      <script src="vendor/select2/js/select2.min.js" type="60e9a56cd2160cce267c1112-text/javascript"></script>
      <script src="vendor/owl-carousel/owl.carousel.js" type="60e9a56cd2160cce267c1112-text/javascript"></script>
      <script src="js/custom.js" type="60e9a56cd2160cce267c1112-text/javascript"></script>
      <script src="cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="60e9a56cd2160cce267c1112-|49" defer=""></script><script defer="" src="beacon.min.js/v8b253dfea2ab4077af8c6f58422dfbfd1689876627854" integrity="sha512-bjgnUKX4azu3dLTVtie9u6TKqgx29RBwfj3QXYt5EKfWM/9hPSAI/4qcV5NACjwAo8UtTeWefx6Zq5PHcMm7Tg==" data-cf-beacon='{"rayId":"7fa97b5aab053c70","version":"2023.8.0","r":1,"b":1,"token":"dd471ab1978346bbb991feaa79e6ce5c","si":100}' crossorigin="anonymous"></script>
   </body>
</html>