Buyers
Suppliers
Blog
Contact Us
Help Us
Customer Support
+91 7030904010
Sign in
Become A Member
Home
Products
Cloves
Category:
</a></span> </div> <!--<div class="product-sku">--> <!-- SKU: <span>MS46891340</span>--> <!--</div>--> </div> </div> <hr class="product-divider"> <h5><a href="login.php">Write a review</a></h5> <div class="product-price">₹500-800 Per Kg</div> <div class="ratings-container"> <a href="#product-tab-reviews" class="rating-reviews scroll-to"> <h6 class="text-center mt-2 mb-4"> <i class="fas fa-star star-light submit_star" data-rating="1"></i> <i class="fas fa-star star-light submit_star" data-rating="2"></i> <i class="fas fa-star star-light submit_star" data-rating="3"></i> <i class="fas fa-star star-light submit_star" data-rating="4"></i> <i class="fas fa-star star-light submit_star" data-rating="5"></i> </h6> (0 Reviews)</a> </div> <div class="product-short-desc"> <ul class="list-type-check list-style-none"> <li><p>Shelf Life: 2 Years </p> <p>Grade: A </p> <p>Style: Dried </p> <p>Quality: Optimum </p> <p>Place of Origin: India </p> <p>Color: Brown</p></li> </ul> </div> <hr class="product-divider"> <div class="social-icons social-icons-colored" style="padding-bottom:20px;"> <a href="https://www.facebook.com/aaspireyabusinessservices/" class="social-icon social-facebook w-icon-facebook"></a> <a href="https://twitter.com/aaspireya" class="social-icon social-twitter w-icon-twitter"></a> <a href="https://instagram.com/aaspireyabusinessservices" class="social-icon social-instagram w-icon-instagram"></a> <a href="https://www.linkedin.com/company/aaspireya-business-services/?viewAsMember=true" class="social-icon social-linkedin fab fa-linkedin-in"></a> <!--<a href="#" class="social-icon social-pinterest w-icon-pinterest"></a>--> </div> <div class=""> <!--343--> <a href="#"id="2" class="btn-product "data-toggle="modal" data-target="#exampleModalIn" title="Quick View">Enquiry Now</a> </div> </div> </div> </div> <div class="tab tab-nav-boxed tab-nav-underline product-tabs"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a href="#product-tab-description" class="nav-link active">Price and Minumum Quantity</a> </li> <li class="nav-item"> <a href="#product-tab-specification" class="nav-link">Product Model And Origin</a> </li> <li class="nav-item"> <a href="#product-tab-reviews" class="nav-link">Customer Reviews (0)</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="product-tab-description"> <div class="row mb-4"> <div class="col-md-6 mb-5"> <div style="margin-top:10px"> <h6 class="title tab-pane-title font-weight-bold mb-2" style="font-size: 16px;">Price FOB in USD:<span style="font-weight: 400;">Na</span></h6> <h6 class="title tab-pane-title font-weight-bold mb-2" style="font-size: 16px;">Production Capacity: <span style="font-weight: 400;">Na</span></h6> <h6 class="title tab-pane-title font-weight-bold mb-2" style="font-size: 16px;">Sample:<span style="font-weight: 400;">Na</span></h6> <h6 class="title tab-pane-title font-weight-bold mb-2" style="font-size: 16px;">Minimum Order Qty: <span style="font-weight: 400;"> 1000 Kg</span></h6> </div> </div> </div> </div> <div class="tab-pane" id="product-tab-specification"> <div style="margin-top:10px"> <h6 class="title tab-pane-title font-weight-bold mb-2" style="font-size: 16px;">Brand: <span style="font-weight: 400;"></span></h6> <h6 class="title tab-pane-title font-weight-bold mb-2" style="font-size: 16px;">Standards: <span style="font-weight: 400;"> </span></h6> </div> </div> <div class="tab-pane" id="product-tab-vendor"> <div class="row mb-3"> <div class="col-md-6 mb-4"> <figure class="vendor-banner br-sm"> <img src="assets/images/products/vendor-banner.jpg" alt="Vendor Banner" width="610" height="295" style="background-color: #353B55;"> </figure> </div> <div class="col-md-6 pl-2 pl-md-6 mb-4"> <div class="vendor-user"> <figure class="vendor-logo mr-4"> <a href="#"> <img src="assets/images/products/vendor-logo.jpg" alt="Vendor Logo" width="80" height="80"> </a> </figure> <div> <div class="vendor-name"><a href="#">Jone Doe</a></div> <div class="ratings-container"> <div class="ratings-full"> <span class="ratings" style="width: 90%;"></span> <span class="tooltiptext tooltip-top"></span> </div> <a href="#" class="rating-reviews">(32 Reviews)</a> </div> </div> </div> <ul class="vendor-info list-style-none"> <li class="store-name"> <label>Store Name:</label> <span class="detail">OAIO Store</span> </li> <li class="store-address"> <label>Address:</label> <span class="detail">Steven Street, El Carjon, CA 92020, United States (US)</span> </li> <li class="store-phone"> <label>Phone:</label> <a href="#tel:">1234567890</a> </li> </ul> <a href="vendor-dokan-store.html" class="btn btn-dark btn-link btn-underline btn-icon-right">Visit Store<i class="w-icon-long-arrow-right"></i></a> </div> </div> </div> <div class="tab-pane" id="product-tab-reviews"> <div class="row mb-4"> <div class="col-xl-8 col-lg-8 mb-4"> <section class="blog-details-area ptb-100" style="background: #fff;"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-12"> <div class="blog-details-desc"> <div class="comments-area"> <h3 class="comments-title">0 Comments:</h3> </div> </div> </div> </div> </div> </section> <div class="mt-5" id="review_content"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- End of Page Content --> </main> <!-- Modal --> <div class="modal fade" id="review_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Write a review</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <input type="hidden" name="product_id" id="product_id" class="form-control" value="343"> <h4 class="text-center mt-2 mb-4"> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_1" data-rating="1"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_2" data-rating="2"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_3" data-rating="3"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_4" data-rating="4"></i> <i class="fas fa-star star-light submit_star mr-1" id="submit_star_5" data-rating="5"></i> </h4> <input type="hidden" name="user_id" id="user_id" class="form-control" value="" placeholder="Enter Your Name" /> <input type="hidden" name="user_name" id="user_name" class="form-control" value="" placeholder="Enter Your Name" /> <div class="form-group"> <textarea name="user_review" id="user_review" class="form-control" placeholder="Type Review Here"></textarea> </div> <div class="form-group text-center mt-4"> <button type="button" class="btn btn-primary" id="save_review">Submit</button> </div> </div> </div> </div> </div> </div> <style> .progress-label-left { float: left; margin-right: 0.5em; line-height: 1em; } .progress-label-right { float: right; margin-left: 0.3em; line-height: 1em; } .star-light { color:#e9ecef; } .modal-backdrop.show { opacity: .5; display: none!important; } .comments-area { margin-top: 30px; } .comments-area .comments-title { margin-bottom: 30px; font-size: 24px; } .comments-area ol, .comments-area ul { padding: 0; margin: 0; list-style-type: none; } .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none; } .comments-area .children { margin-left: 20px; } .comments-area .comment-body { border-bottom: 1px dashed #eeeeee; padding-left: 70px; color: #000; margin-bottom: 20px; padding-bottom: 20px; } .comments-area .comment-body .reply { margin-top: -28px; margin-left: 503px; } /*.comments-area .comment-body .reply {*/ /* margin-top: 15px;*/ /*}*/ .comments-area .comment-body .reply a { /*border: 1px dashed #ded9d9;*/ color: #000; display: inline-block; padding: 5px 25px 5px; border-radius: 30px; text-transform: capitalize; font-size: 14px; font-weight: 500; } .comments-area .comment-body .reply a:hover { color: #ffffff; background-color: #ce970e; border-color: #ce970e; } .comments-area .comment-author { font-size: 16px; margin-bottom: 8px; position: relative; z-index: 2; } .comments-area .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } .comments-area .comment-author .fn { font-weight: 600; } .comments-area .comment-metadata { color: #6b6b84; margin-bottom: 10px; font-size: 14px; } .comments-area .comment-metadata a { display: inline-block; color: #6b6b84; } .comments-area .comment-metadata a:hover { color: #ce970e; } .comments-area .comment-respond { margin-top: 30px; } .comments-area .comment-respond .comment-reply-title { margin-bottom: 0; font-size: 24px; } .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { display: inline-block; } .comments-area .comment-respond .comment-form { overflow: hidden; } .comments-area .comment-respond .comment-notes { margin-top: 10px; margin-bottom: 20px; } .comments-area .comment-respond .comment-notes .required { color: red; } .comments-area .comment-respond .comment-form-comment { float: left; width: 100%; } .comments-area .comment-respond label { display: none; } .comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea { display: block; width: 100%; background-color: #f4f4f4; border: none; padding: 1px 0 0 15px; height: 60px; outline: 0; border-radius: 2px; color: #000; } .comments-area .comment-respond input[type="date"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="time"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="week"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="month"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="text"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="email"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="url"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="password"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="search"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="tel"]::-webkit-input-placeholder, .comments-area .comment-respond input[type="number"]::-webkit-input-placeholder, .comments-area .comment-respond textarea::-webkit-input-placeholder { color: #6b6b84; } .comments-area .comment-respond input[type="date"]:-ms-input-placeholder, .comments-area .comment-respond input[type="time"]:-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]:-ms-input-placeholder, .comments-area .comment-respond input[type="week"]:-ms-input-placeholder, .comments-area .comment-respond input[type="month"]:-ms-input-placeholder, .comments-area .comment-respond input[type="text"]:-ms-input-placeholder, .comments-area .comment-respond input[type="email"]:-ms-input-placeholder, .comments-area .comment-respond input[type="url"]:-ms-input-placeholder, .comments-area .comment-respond input[type="password"]:-ms-input-placeholder, .comments-area .comment-respond input[type="search"]:-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]:-ms-input-placeholder, .comments-area .comment-respond input[type="number"]:-ms-input-placeholder, .comments-area .comment-respond textarea:-ms-input-placeholder { color: #6b6b84; } .comments-area .comment-respond input[type="date"]::-ms-input-placeholder, .comments-area .comment-respond input[type="time"]::-ms-input-placeholder, .comments-area .comment-respond input[type="datetime-local"]::-ms-input-placeholder, .comments-area .comment-respond input[type="week"]::-ms-input-placeholder, .comments-area .comment-respond input[type="month"]::-ms-input-placeholder, .comments-area .comment-respond input[type="text"]::-ms-input-placeholder, .comments-area .comment-respond input[type="email"]::-ms-input-placeholder, .comments-area .comment-respond input[type="url"]::-ms-input-placeholder, .comments-area .comment-respond input[type="password"]::-ms-input-placeholder, .comments-area .comment-respond input[type="search"]::-ms-input-placeholder, .comments-area .comment-respond input[type="tel"]::-ms-input-placeholder, .comments-area .comment-respond input[type="number"]::-ms-input-placeholder, .comments-area .comment-respond textarea::-ms-input-placeholder { color: #6b6b84; } .comments-area .comment-respond input[type="date"]::placeholder, .comments-area .comment-respond input[type="time"]::placeholder, .comments-area .comment-respond input[type="datetime-local"]::placeholder, .comments-area .comment-respond input[type="week"]::placeholder, .comments-area .comment-respond input[type="month"]::placeholder, .comments-area .comment-respond input[type="text"]::placeholder, .comments-area .comment-respond input[type="email"]::placeholder, .comments-area .comment-respond input[type="url"]::placeholder, .comments-area .comment-respond input[type="password"]::placeholder, .comments-area .comment-respond input[type="search"]::placeholder, .comments-area .comment-respond input[type="tel"]::placeholder, .comments-area .comment-respond input[type="number"]::placeholder, .comments-area .comment-respond textarea::placeholder { color: #6b6b84; } .comments-area .comment-respond textarea { height: auto !important; padding-top: 15px; } .comments-area .comment-respond .comment-form-author { float: left; width: 50%; padding-right: 10px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-email { float: left; width: 50%; padding-left: 12px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-url { float: left; width: 100%; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 20px; margin-top: 15px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 7.5px; } .comments-area .comment-respond .comment-form-cookies-consent label { display: inline-block; margin: 0; color: #6b6b84; } .comments-area .comment-respond .form-submit { float: left; width: 100%; } .comments-area .comment-respond .form-submit input { background: #FFB703; border: none; color: #ffffff; padding: 10px 30px 10px; display: inline-block; cursor: pointer; text-transform: capitalize; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 0; font-weight: 600; border-radius: 5px; } .comments-area .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } span.avatar { width: 40%; border-radius: 50%; } .avatar-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f6f6f6; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } </style> </main> <!-- Start of Footer --> <style> .footer { font-family: Poppins, sans-serif; font-size: 1.4rem; background: #f8f8f8; } </style> <footer class="footer appear-animate" data-animation-options="{ 'name': 'fadeIn' }"> <div class="pt-80 pb-80 parallax" data-speed="2.7" style="background-image: url("assets/images/1920-800-6.jpg"); background-size: cover; "> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <h2 class="heading font-bold mb-20">JOIN AASPIREYA PRIME FAMILY NOW</h2> <!--<p class="h5 mb-20">Culpa qui officia deserunt mollit anim idest</p>--> <!--<p class="opacity-08 mb-30">Excepteur sint occaecat cupidatat non--> <!--proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>--> <form action="news_mail.php" method="POST" class="input-wrapper input-wrapper-inline input-wrapper-rounded"> <input type="email" class="form-control mr-2 bg-white" name="email" id="email" placeholder="Your E-mail Address" required/> <button class="btn btn-dark btn-rounded" type="submit">Subscribe<i class="w-icon-long-arrow-right"></i></button> </form> </div> </div> </div> </div> <style> .form-control { font-family: Manrope, sans-serif; border-color: #dedede; border-width: 1px; color: #81838a; box-shadow: none; border-radius: 0.125rem; padding: 0.5rem 0.75rem; height: 2.825rem; position: relative; } .form-control:focus { box-shadow: none; border-color: #d7d7d7; } .form-control-lg { height: 3.875rem; font-size: 1.0625rem; padding: 0.75rem 1.125rem; } .bs-dark-lg { box-shadow: 0.125rem 0.125rem 0.625rem rgb(0 0 0 / 25%); } .mb-20 { margin-bottom: 1.25rem !important; } .font-bold { font-weight: 800; } .heading { letter-spacing: -1px; } .pb-80 { padding-bottom: 5rem !important; } .pt-80 { padding-top: 5rem !important; } .opacity-08 { opacity: 0.8; } .mb-30 { margin-bottom: 1.875rem !important; } </style> <!--<div class="footer-newsletter bg-primary" >--> <!-- <div class="container">--> <!-- <div class="row justify-content-center align-items-center">--> <!-- <div class="col-xl-5 col-lg-6">--> <!-- <div class="icon-box icon-box-side text-white">--> <!-- <div class="icon-box-icon d-inline-flex">--> <!-- <i class="w-icon-envelop3"></i>--> <!-- </div>--> <!-- <div class="icon-box-content">--> <!-- <h4 class="icon-box-title text-white text-uppercase font-weight-bold">Join Aaspireya Prime Family now </h4>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <form action="news_mail.php" method="POST"--> <!-- class="input-wrapper input-wrapper-inline input-wrapper-rounded">--> <!-- <input type="email" class="form-control mr-2 bg-white" name="email" id="email"--> <!-- placeholder="Your E-mail Address" required/>--> <!-- <button class="btn btn-dark btn-rounded" type="submit">Subscribe<i--> <!-- class="w-icon-long-arrow-right"></i></button>--> <!-- </form>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> </div> <div class="container"> <div class="footer-top"> <div class="row"> <div class="col-lg-4 col-sm-6"> <div class="widget widget-about"> <a href="index.php" class="logo-footer" style="margin-left: 50px;"> <img src="assets/images/aaspireya_logo1.png" alt="logo-footer" style="height: 112px;" /> </a> <p class="widget-about-desc" ><b>One Stop Solution for all your Import-Export Needs</b> </p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="widget"> <h3 class="widget-title">Quick Links</h3> <ul class="widget-body"> <li><a href="index.php">Home</a></li> <li><a href="about.php">About Us</a></li> <li><a href="blog.php">Blogs</a></li> <!--<li><a href="#">Career</a></li>--> <li><a href="contact-us.php">Contact Us</a></li> <!--<li><a href="#">Affilate</a></li>--> <!--<li><a href="#">Order History</a></li>--> </ul> </div> </div> <!--<div class="col-lg-3 col-sm-6">--> <!-- <div class="widget">--> <!-- <h4 class="widget-title">My Account</h4>--> <!-- <ul class="widget-body">--> <!-- <li><a href="login.html">Sign In</a></li>--> <!-- <li><a href="#">Help</a></li>--> <!-- </ul>--> <!-- </div>--> <!--</div>--> <div class="col-lg-3 col-sm-6"> <div class="widget"> <h4 class="widget-title">Customer Service</h4> <ul class="widget-body"> <li><a href="privacy_policy.php">Privacy Policy</a></li> <li><a href="terms_condition.php">Term and Conditions</a></li> <!--<li><a href="#">Product Returns</a></li>--> <li><a href="consumer-support.php">FAQ's</a></li> <li><a href="product_listing.php">Product Listing Policy</a></li> <li><a href="refund-and-cancellation-policy.php">Cancellation and Refund Policy</a></li> </ul> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="widget widget-about"> <h3 class="widget-title">Contact Us</h3> <p class="widget-about-title">Got Question? Call us</p> <a href="tel:+91 7030904010" class="widget-about-call">+91 7030904010</a><a href="tel:+91 8090808187" class="widget-about-call">+91 8090808187</a> <!--<p class="widget-about-desc">Register now to get updates on pronot get up icons--> <!-- & coupons ster now toon.--> <!--</p>--> <div class="social-icons social-icons-colored"> <a href="https://www.facebook.com/aaspireyabusinessservices/" class="social-icon social-facebook w-icon-facebook"></a> <a href="https://twitter.com/aaspireya" class="social-icon social-twitter w-icon-twitter"></a> <a href="https://instagram.com/aaspireyabusinessservices" class="social-icon social-instagram w-icon-instagram"></a> <a href="https://www.linkedin.com/company/aaspireya-business-services/?viewAsMember=true" class="social-icon social-linkedin fab fa-linkedin-in"></a> <!--<a href="#" class="social-icon social-pinterest w-icon-pinterest"></a>--> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-left"> <p class="copyright">Copyright © 2021 Aaspireya Store. All Rights Reserved.</p> </div> <div class="footer-right"> <span class="payment-label mr-lg-8">We're using safe payment for</span> <figure class="payment"> <img src="assets/images/payment.png" alt="payment" width="159" height="25" /> </figure> </div> </div> </div> </footer> <!-- End of Footer --> </div> <!-- End of Page-wrapper--> <!-- Start of Sticky Footer --> <div class="sticky-footer sticky-content fix-bottom"> <a href="demo1.html" class="sticky-link active"> <i class="w-icon-home"></i> <p>Home</p> </a> <a href="shop-banner-sidebar.html" class="sticky-link"> <i class="w-icon-category"></i> <p>Shop</p> </a> <a href="my-account.html" class="sticky-link"> <i class="w-icon-account"></i> <p>Account</p> </a> <div class="cart-dropdown dir-up"> <a href="cart.html" class="sticky-link"> <i class="w-icon-cart"></i> <p>Cart</p> </a> <div class="dropdown-box"> <div class="products"> <div class="product product-cart"> <div class="product-detail"> <h3 class="product-name"> <a href="product-default.html">Beige knitted elas<br>tic runner shoes</a> </h3> <div class="price-box"> <span class="product-quantity">1</span> <span class="product-price">$25.68</span> </div> </div> <figure class="product-media"> <a href="product-default.html"> <img src="assets/images/cart/product-1.jpg" alt="product" height="84" width="94" /> </a> </figure> <button class="btn btn-link btn-close" aria-label="button"> <i class="fas fa-times"></i> </button> </div> <div class="product product-cart"> <div class="product-detail"> <h3 class="product-name"> <a href="product-default.html">Blue utility pina<br>fore denim dress</a> </h3> <div class="price-box"> <span class="product-quantity">1</span> <span class="product-price">$32.99</span> </div> </div> <figure class="product-media"> <a href="product-default.html"> <img src="assets/images/cart/product-2.jpg" alt="product" width="84" height="94" /> </a> </figure> <button class="btn btn-link btn-close" aria-label="button"> <i class="fas fa-times"></i> </button> </div> </div> <div class="cart-total"> <label>Subtotal:</label> <span class="price">$58.67</span> </div> <div class="cart-action"> <a href="cart.html" class="btn btn-dark btn-outline btn-rounded">View Cart</a> <a href="checkout.html" class="btn btn-primary btn-rounded">Checkout</a> </div> </div> <!-- End of Dropdown Box --> </div> <div class="header-search hs-toggle dir-up"> <a href="#" class="search-toggle sticky-link"> <i class="w-icon-search"></i> <p>Search</p> </a> <form action="#" class="input-wrapper"> <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search" required /> <button class="btn btn-search" type="submit"> <i class="w-icon-search"></i> </button> </form> </div> </div> <!-- End of Sticky Footer --> <!-- Start of Scroll Top --> <a id="scroll-top" class="scroll-top" style="display:none;" href="#top" title="Top" role="button"> <i class="w-icon-angle-up"></i> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"> <circle id="progress-indicator" fill="transparent" stroke="#000000" stroke-miterlimit="10" cx="35" cy="35" r="34" style="stroke-dasharray: 16.4198, 400;"></circle> </svg> </a> <!-- End of Scroll Top --> <!-- Start of Mobile Menu --> <div class="mobile-menu-wrapper"> <div class="mobile-menu-overlay"></div> <!-- End of .mobile-menu-overlay --> <a href="#" class="mobile-menu-close"><i class="close-icon"></i></a> <!-- End of .mobile-menu-close --> <div class="mobile-menu-container scrollable"> <form action="#" method="get" class="input-wrapper"> <input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search" required /> <button class="btn btn-search" type="submit"> <i class="w-icon-search"></i> </button> </form> <!-- End of Search Form --> <div class="tab"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a href="#main-menu" class="nav-link active">Main Menu</a> </li> <!--<li class="nav-item">--> <!-- <a href="#categories" class="nav-link">Categories</a>--> <!--</li>--> </ul> </div> <div class="tab-content"> <div class="tab-pane active" id="main-menu"> <ul class="mobile-menu"> <li><a href="index.php">Home</a></li> <li> <a href="#">Login</a> <ul> <li><a href="buyer_login.php">For Buyer</a></li> <li><a href="seller_login.php">For Supplier</a></li> <li><a href="login.php">Sign In</a></li> <li><a href="register.php">Register</a></li> </ul> </li> </ul> </div> <!--<div class="tab-pane" id="categories">--> <!-- <ul class="mobile-menu">--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-tshirt2"></i>Fashion--> <!-- </a>--> <!-- <ul>--> <!-- <li>--> <!-- <a href="#">Women</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">New Arrivals</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Best Sellers</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Trending</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Clothing</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Shoes</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Bags</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Accessories</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Jewlery &--> <!-- Watches</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-home"></i>Home & Garden--> <!-- </a>--> <!-- <ul>--> <!-- <li>--> <!-- <a href="#">Bedroom</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Beds, Frames &--> <!-- Bases</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Dressers</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Nightstands</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Kid's Beds &--> <!-- Headboards</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Armoires</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Living Room</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Coffee Tables</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Chairs</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Tables</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Futons & Sofa--> <!-- Beds</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Cabinets &--> <!-- Chests</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Office</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Office Chairs</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Desks</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Bookcases</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">File Cabinets</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Breakroom--> <!-- Tables</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Kitchen & Dining</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Dining Sets</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Kitchen Storage--> <!-- Cabinets</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Bashers Racks</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Dining Chairs</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Dining Room--> <!-- Tables</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Bar Stools</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-electronics"></i>Electronics--> <!-- </a>--> <!-- <ul>--> <!-- <li>--> <!-- <a href="#">Laptops & Computers</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Desktop--> <!-- Computers</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Monitors</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Laptops</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Hard Drives &--> <!-- Storage</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Computer--> <!-- Accessories</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">TV & Video</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">TVs</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Home Audio--> <!-- Speakers</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Projectors</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Media Streaming--> <!-- Devices</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Digital Cameras</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Digital SLR--> <!-- Cameras</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Sports & Action--> <!-- Cameras</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Camera Lenses</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Photo Printer</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Digital Memory--> <!-- Cards</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Cell Phones</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Carrier Phones</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Unlocked Phones</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Phone & Cellphone--> <!-- Cases</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Cellphone--> <!-- Chargers</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-furniture"></i>Furniture--> <!-- </a>--> <!-- <ul>--> <!-- <li>--> <!-- <a href="#">Furniture</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Sofas & Couches</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Armchairs</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Bed Frames</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Beside Tables</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Dressing Tables</a>--> <!-- </li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Lighting</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Light Bulbs</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Lamps</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Celling Lights</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Wall Lights</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Bathroom--> <!-- Lighting</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Home Accessories</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Decorative--> <!-- Accessories</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Candals &--> <!-- Holders</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Home Fragrance</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Mirrors</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Clocks</a></li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="#">Garden & Outdoors</a>--> <!-- <ul>--> <!-- <li><a href="shop-fullwidth-banner.html">Garden--> <!-- Furniture</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Lawn Mowers</a>--> <!-- </li>--> <!-- <li><a href="shop-fullwidth-banner.html">Pressure--> <!-- Washers</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">All Garden--> <!-- Tools</a></li>--> <!-- <li><a href="shop-fullwidth-banner.html">Outdoor Dining</a>--> <!-- </li>--> <!-- </ul>--> <!-- </li>--> <!-- </ul>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-heartbeat"></i>Healthy & Beauty--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-gift"></i>Gift Ideas--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-gamepad"></i>Toy & Games--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-ice-cream"></i>Cooking--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-ios"></i>Smart Phones--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-camera"></i>Cameras & Photo--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-fullwidth-banner.html">--> <!-- <i class="w-icon-ruby"></i>Accessories--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a href="shop-banner-sidebar.html"--> <!-- class="font-weight-bold text-primary text-uppercase ls-25">--> <!-- View All Categories<i class="w-icon-angle-right"></i>--> <!-- </a>--> <!-- </li>--> <!-- </ul>--> <!--</div>--> </div> </div> </div> <!-- End of Mobile Menu --> <!-- Start of Newsletter popup --> <div class="newsletter-popup " style="display:none"> <div class="newsletter-content"> <h4 class="text-uppercase font-weight-normal ls-25">Get Up to<span class="text-primary">10% Off</span></h4> <h2 class="ls-25">SIGN UP, </h2> <p class=" ls-10">Join Aaspireya Prime Family Now!</p> <form action="news_mail.php" method="POST" class="input-wrapper input-wrapper-inline input-wrapper-round"> <input type="email" class="form-control email font-size-md" name="email" id="email2" placeholder="Your email address" required=""> <button class="btn btn-dark" type="submit">SUBMIT</button> </form> <div class="form-checkbox d-flex align-items-center"> <input type="checkbox" class="custom-checkbox" id="hide-newsletter-popup" name="hide-newsletter-popup" required=""> <label for="hide-newsletter-popup" class="font-size-sm ">Don't show this popup again.</label> </div> </div> </div> <!-- End of Newsletter popup --> <!-- WhatsHelp.io widget --> <a href="https://api.whatsapp.com/send?phone=+91 7030904010&text=Hi,Aasperiya Business Services" class="floatt" target="_blank"> <!--<img src="assets/images/whatsapp-icon.png"class="my-floatt"style="width: 42px;">--> <i class="fab fa-whatsapp my-floatt"></i> <!--<i class="fa-brands fa-whatsapp "></i>--> </a> <style> .floatt { position: fixed; width: 50px; height: 50px; bottom: 80px; right: 10px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 38px; box-shadow: 2px 2px 3px #999; z-index: 100; } .my-floatt { margin-top: 7px; } </style> <!-- Plugin JS File --> <script src="assets/vendor/jquery/jquery.min.js"></script> <script src="assets/vendor/jquery.plugin/jquery.plugin.min.js"></script> <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/vendor/zoom/jquery.zoom.js"></script> <script src="assets/vendor/jquery.countdown/jquery.countdown.min.js"></script> <!--<script src="assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>--> <script src="assets/vendor/skrollr/skrollr.min.js"></script> <!-- Swiper JS --> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script> <!-- Main JS --> <script src="assets/js/main.min.js"></script> <style> .btn-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* padding: 1.14em 0; */ line-height: 1.2; background-color: #336699; color: #fff; font-size: 14px!important; font-weight: 600; letter-spacing: -0.025em; text-transform: uppercase; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; padding:10px!important; } </style> <style> .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}} /*@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}*/ </style> <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <!--.........................................get enquiry.........................--> <div class="fixed_contact1" data-toggle="modal" data-target="#exampleModal"> <!--<img src="assets/img/enquiryasp.png" class="w-icon-comment"> --> <img src="" class="w-icon-comment"> <span class="open">Register Now </span> </div> <style> .fixed_contact1 { position: fixed; right: -62px; background-color: #f07b01; text-align: center; z-index: 9999; color: #fff; font-size: 17px; top: 42%; margin-top: -25px; cursor: pointer; height: 40px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transform: rotate(90deg); padding: 7px 18px 0px; } </style> <style> .form-group { margin-bottom: 1.4rem; min-height: 4.6rem; border-radius: 0.3rem; } </style> <!-- Button trigger modal --> <!--<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalOut">--> <!-- Sign out--> <!--</button>--> <!-- Modal --> <div class="modal fade" id="exampleModalOut" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel2">Seller Enquiry Form</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form class="form contact-us-form" action="seller_enquiry.php" method="post"> <div class="modal-body"> <div class="col-md-12 mb-4 mb-md-0"> <input type="hidden" id="GFG_DOWN" name="pro_id" value="" class="form-control"> <div class="form-group"> <label for="username">Your Name</label> <input type="text" id="username" name="name" class="form-control" value="" required> </div> <div class="form-group"> <label for="email_1">Your Email</label> <input type="email" id="email" name="email" class="form-control" value="" required> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"required> <label for="email_1">Phone Number</label> <input type="text" pattern="[7-9]{1}[0-9]{9}" title="Phone number with 7-9 and remaing 9 digit with 0-9" name="phone" class="form-control"required value=""> </div> <div class="form-group"> <label for="email_1">State</label> <input type="text" id="state" name="state" class="form-control"required> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="email_1">City</label> <input type="text" id="city" name="city" class="form-control"required> </div> <div class="form-group"> <label for="email_1">Country</label> <input type="text" id="country" name="country" class="form-control"required> </div> </div> </div> <div class="form-group"> <label for="email_1">Company Name</label> <input type="text" id="company_name" name="company_name" class="form-control"required> </div> <div class="form-group"> <label for="message">Your Message</label> <textarea id="message" name="message" cols="30" rows="5" class="form-control"required></textarea> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-dark btn-rounded">Send Now</button> </div> </form> </div> </div> </div> </div> </body> </html> <!----> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <!--<script src="//code.jquery.com/jquery-1.10.2.js"></script>--> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <style> .ui-autocomplete{ position: absolute!important; left: 19%!important; top: 130px!important; } </style> <script> $(document).ready(function(){ $( "#searchp" ).autocomplete({ source: 'search.php', select:function (e,ui,link) { window.location.href = ui.item.link; } }).autocomplete("instance")._renderItem = function(ul, item) { return $("<li>") .append("<div><p style='color:black'>" + item.label + "<span style='float: right;color:grey;'>"+item.type+"</span></p></div>") .appendTo(ul); }; // $("#tags").autocomplete({ // source: availableTags // }).autocomplete("instance")._renderItem = function(ul, item) { // return $("<li>") // .append("<div>" + item.label + "<input type='button' name='bag' class='btn btn-primary' value='Add to bag' style='float: right;' /></div>") // .appendTo(ul); // }; $( "#searchpp" ).autocomplete({ source: 'search.php', appendTo: ".search-overlay", select:function (e,ui,link) { window.location.href = ui.item.link; } }).autocomplete("instance")._renderItem = function(ul, item) { return $("<li>") .append("<div><p style='color:black'>" + item.label + "<span style='float: right;color:grey;'>"+item.type+"</span></p></div>") .appendTo(ul); }; }); $('li.dropdown').on('click', function() { var $el = $(this); if ($el.hasClass('open')) { var $a = $el.children('a.dropdown-toggle'); if ($a.length && $a.attr('href')) { location.href = $a.attr('href'); } } }); </script> <script> $('#GFG_UP').text("Click on button to get ID"); $("a").click(function() { var t = $(this).attr('id'); $('#GFG_DOWN').val(t); }); $("a").click(function() { var t = $(this).attr('id'); $('#supplier_id').val(t); }); </script> <script> $(document).ready(function(){ var rating_data = 0; $('#add_review').click(function(){ $('#review_modal').modal('show'); }); $(document).on('mouseenter', '.submit_star', function(){ var rating = $(this).data('rating'); reset_background(); for(var count = 1; count <= rating; count++) { $('#submit_star_'+count).addClass('text-warning'); } }); function reset_background() { for(var count = 1; count <= 5; count++) { $('#submit_star_'+count).addClass('star-light'); $('#submit_star_'+count).removeClass('text-warning'); } } $(document).on('mouseleave', '.submit_star', function(){ reset_background(); for(var count = 1; count <= rating_data; count++) { $('#submit_star_'+count).removeClass('star-light'); $('#submit_star_'+count).addClass('text-warning'); } }); $(document).on('click', '.submit_star', function(){ rating_data = $(this).data('rating'); }); $('#save_review').click(function(){ // var product_id = $('#product_id').val(); var product_id = $('#product_id').val(); var user_name = $('#user_name').val(); var user_id = $('#user_id').val(); var user_review = $('#user_review').val(); if(user_name == '' || user_review == '') { alert("Please Fill Both Field"); return false; } else { $.ajax({ url:"submit_rating.php", method:"POST", data:{rating_data:rating_data, user_name:user_name,user_review:user_review,product_id:product_id,user_id:user_id}, success:function(data) { $('#review_modal').modal('hide'); load_rating_data(); // alert(product_id); alert(data); } }) } }); load_rating_data(); function load_rating_data() { var product_id = $('#product_id').val(); $.ajax({ url:"submit_rating.php", method:"POST", data:{action:'load_data',product_id:product_id}, dataType:"JSON", success:function(data) { $('#average_rating').text(data.average_rating); $('#total_review').text(data.total_review); var count_star = 0; $('.main_star').each(function(){ count_star++; if(Math.ceil(data.average_rating) >= count_star) { $(this).addClass('text-warning'); $(this).addClass('star-light'); } }); $('#total_five_star_review').text(data.five_star_review); $('#total_four_star_review').text(data.four_star_review); $('#total_three_star_review').text(data.three_star_review); $('#total_two_star_review').text(data.two_star_review); $('#total_one_star_review').text(data.one_star_review); $('#five_star_progress').css('width', (data.five_star_review/data.total_review) * 100 + '%'); $('#four_star_progress').css('width', (data.four_star_review/data.total_review) * 100 + '%'); $('#three_star_progress').css('width', (data.three_star_review/data.total_review) * 100 + '%'); $('#two_star_progress').css('width', (data.two_star_review/data.total_review) * 100 + '%'); $('#one_star_progress').css('width', (data.one_star_review/data.total_review) * 100 + '%'); if(data.review_data.length > 0) { var html = ''; for(var count = 0; count < data.review_data.length; count++) { html += '<div class="row mb-3">'; html += '<div class="col-sm-1"><div class="rounded-circle bg-danger text-white pt-2 pb-2"><h3 class="text-center">'+data.review_data[count].user_name.charAt(0)+'</h3></div></div>'; html += '<div class="col-sm-11">'; html += '<div class="card">'; html += '<div class="card-header"><b>'+data.review_data[count].user_name+'</b></div>'; html += '<div class="card-body">'; for(var star = 1; star <= 5; star++) { var class_name = ''; if(data.review_data[count].rating >= star) { class_name = 'text-warning'; } else { class_name = 'star-light'; } html += '<i class="fa fa-star '+class_name+' mr-1"></i>'; } html += '<br />'; html += data.review_data[count].user_review; html += '</div>'; html += '<div class="card-footer text-right">On '+data.review_data[count].datetime+'</div>'; html += '</div>'; html += '</div>'; html += '</div>'; } $('#review_content').html(html); } } }) } }); // $('document').ready(function() { // $('#btnTest').click(function() { // $('#review_modal').modal('show'); // }); // }); </script>
