| Server IP : 147.93.77.42 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/aluminiumplant.com/public_html/webapp/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Skoodos-Mart</title>
<meta content="" name="description">
<meta content="" name="keywords">
<meta name="robots" content="nofollow">
<meta name="googlebot" content="noindex">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="assets/vendor/slick/slick.css">
<link rel="stylesheet" href="assets/vendor/slick/slick-theme.css">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- ======= Top NavBar ======= -->
<section id="topbar" class="d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="social-links d-none d-md-flex align-items-center">
<span> Follow Us:</span>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="facebook"><i class="bi bi-youtube"></i></a>
</div>
<div class="tobar_contact d-flex align-items-center">
<img src="assets/img/homepage/header/mail.png" alt=""><a
href="mailto:contact@example.com">info@skoodos.com</a>
<img src="assets/img/homepage/header/call.png" alt=""><a href="tel:+91 888 888 8888">+91 888 888
8888</a>
</div>
</div>
</section>
<!-- ======= Center Navbar ======= -->
<header id="header" class="header">
<div class="container pt-3 pb-3 ">
<div class="header_container">
<div class="left_navbar">
<a href="index.html" class="logo"><img src="assets/img/homepage/Logo.png" alt=""></a>
</div>
<div class="center_navbar">
<div class="middle__nav">
<div class="search_box">
<select class="form-select" aria-label="Default select example">
<option selected><span>All India</span></option>
<option value="delhi">Delhi</option>
<option value="chennai">Chennai</option>
<option value="Jharkhand">Jharkhand</option>
</select>
<div class="input-group">
<input type="text" class="form-control" placeholder="Enter Product / Service Name">
<a href=""> <span class="input-group-text">SEARCH</a>
</div>
</div>
</div>
</div>
<div class="right_navbar">
<div class="app-download d-flex justify-content-end">
<a href="javascript:;" data-bs-toggle="modal" data-bs-target="#download-app-modal"><img
src="assets/img/homepage/header/download.png" alt=""> Download
App</a>
</div>
</div>
</div>
</div>
<!-- --------------Bottom Navbar------------ -->
<div class="container d-flex justify-content-between align-items-center">
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="index.html">Home</a></li>
<li><a class="nav-link scrollto" href="about.html">About</a></li>
<li><a class="nav-link scrollto" href="select-categories.html">Categories</a></li>
<li><a class="nav-link scrollto" href="explore_sellers.html">Sellers</a></li>
<li><a class="nav-link scrollto" href="explore_products.html">Products & Services</a></li>
<li><a class="nav-link scrollto" href="list_your_business.html">List Your Business</a></li>
<li><a class="nav-link scrollto" href="faq.html">FAQ'S</a></li>
<li><a class="nav-link scrollto" href="contact.html">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<div class="navbar__auth d-flex justify-content-between align-items-center ">
<img src="assets/img/homepage/header/suser.png" alt="">
<a href="login.html"> Sign In</a>
<div class="vl"></div>
<a class="" href="register.html">Register</a>
<div class="vl"></div>
<a class="" href="register.html" data-bs-toggle="modal" data-bs-target="#get-profile-modal">Profile</a>
</div>
</div>
</header>
<!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container">
<div class="hero_container">
<div class="hero_left">
<!-- ------------ Hero Left Box-------------->
<h2 class="categories_arrow">Categories </h2>
<div class="categories category_slider">
<div class="category_list">
<ul>
<li><a href="categories.html">Services</a></li>
<li><a href="categories.html">Stationary & Print Supplies</a></li>
<li><a href="categories.html">Uniforms & Fancy Dresses</a></li>
<li><a href="categories.html">Interior Decor & Furnitures</a></li>
<li><a href="categories.html">Electronics & Heavy Equipments</a></li>
<li><a href="categories.html">Lab & Tech Equipments</a></li>
<li><a href="categories.html">Hygiene & Cleaning Supplies</a></li>
<li><a href="categories.html">Green Supplies</a></li>
<li class="sports"><a href="categories.html">Sports</a></li>
</ul>
</div>
<div class="category_list">
<ul>
<li><a href="">Services</a></li>
<li><a href="">Stationery & Print Supplies</a></li>
</ul>
</div>
</div>
</div>
<!-- ---------------Hero Center Image------------- -->
<div class="hero_center">
<div class="banner">
<div class="banner_text">
<p>One Stop Shop for all your</p>
<h3>SCHOOLING NEEDS!</h3>
<a class="btn banner_btn" href="">Explore More</a>
</div>
</div>
</div>
<!-- ---------Hero Right Box------------- -->
<div class="hero_right">
<div class="hero__form-bg">
<div class="hero__form">
<p>One Request,</p>
<h1>Multiple Quotes!</h1>
<form action="" id="submit_form">
<div class="mb-3 d-flex position-relative">
<i class="bi bi-search"></i>
<input type="search" class="form-control ps-5" id="product_name" value="School Bag"
required>
</div>
<div class="mb-3">
<input type="text" class="form-control" id="location" placeholder="Enter City"
required>
</div>
<div class="mb-3 d-flex align-items-center">
<span class="input-group-text" id="basic-addon1">+91</span>
<input type="text" maxlength="10" class="form-control" id="mobile"
onkeypress="return event.charCode >= 48 && event.charCode <= 57"
onpaste="return false" placeholder="Mobile" required>
</div>
<div class="mb-3">
<input type="text" class="form-control" id="name" placeholder="Enter Your Name"
required>
</div>
<div class="hero__right-button text-center ">
<button type="submit" class="btn btn-hero ">SUBMIT</button>
</div>
</form>
<div id="form_success" class="alert alert-success form_success d-none ">
<p>'Your query is successfully recorded. You will soon be contacted by relevant sellers
in accordance to your requirement'</p>
</div>
<div class="hero_quotes mt-3 ">
<div class="row">
<div class="col-lg-4 text-center">
<img src="assets/img/homepage/banner/Quotes!/need_help.png" alt="">
<div class="hero_quotes_text">
<span>1.</span>
<p>Tell Us What You Need</p>
</div>
</div>
<div class="col-lg-4 text-center">
<img src="assets/img/homepage/banner/Quotes!/report.png" alt="">
<div class="hero_quotes_text">
<span>2.</span>
<p>Receive Free Quotes</p>
</div>
</div>
<div class="col-lg-4 text-center">
<img src="assets/img/homepage/banner/Quotes!/deal.png" alt="">
<div class="hero_quotes_text">
<span>3.</span>
<p>Seal The Deal</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero -->
<main id="main">
<!--+================== Suppliers ================== -->
<section id="supliers">
<div class="container">
<div class="supliers_bg">
<h1 class="heading">Find Sellers From Top Cities</h1>
<hr class="divider">
<div class="cities city_slider">
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/delhi.png" alt="">
</div>
<div class="city_name">
<p>Delhi/NCR</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/mumbai.png" alt="">
</div>
<div class="city_name">
<p>Mumbai</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/bengluru.png" alt="">
</div>
<div class="city_name">
<p>Benguluru</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/chenai.png" alt="">
</div>
<div class="city_name">
<p>Chennai</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/kolkata.png" alt="">
</div>
<div class="city_name">
<p>Kolkata</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/jaipur.png" alt="">
</div>
<div class="city_name">
<p>Jaipur</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/hydrabad.png" alt="">
</div>
<div class="city_name">
<p>Hyderabad</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/hydrabad.png" alt="">
</div>
<div class="city_name">
<p>Hyderabad</p>
</div>
</div>
</a>
<a href="explore_sellers.html">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/hydrabad.png" alt="">
</div>
<div class="city_name">
<p>Hyderabad</p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- ========== End Suppliers========== -->
<!--+================== Features Seller ================== -->
<section id="features">
<div class="container">
<div class="top_bar">
<div class="row">
<div class="col-lg-3">
<div class="left_box">
<div class="image_box">
<img src="assets/img/homepage/namo.png" class="img-fluid" alt="">
<img class="verify img-fluid" src="assets/img/homepage/Verified.png" alt="">
</div>
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
<p>4.8 / 5</p>
</div>
<div class="buttons">
<!-- <a class="white-btn" href=""><i class="bi bi-play-fill"></i>Corporate Video</a> -->
<a class="yellow-btn" href="">View Portfolio</a>
<a class="blue-btn" href="" data-bs-toggle="modal"
data-bs-target="#contact-seller-modal">Contact Seller</a>
</div>
</div>
</div>
<div class="col-lg-9">
<h1 class="heading">featured seller</h1>
<hr class="divider">
<a href="">
<h2>Namo Clothing Company</h2>
</a>
<div class="features_address">
<p> <img src="assets/img/homepage/location.png" alt=""> Sundar Nagar, Ludhiana, Punjab
</p>
<p> <img src="assets/img/homepage/type.png" alt=""> Type: Manufacturer<a type="button"
data-bs-toggle="popover" data-bs-html="true" data-bs-sanitize="false"
data-bs-trigger="hover" data-bs-content="
<P>Wholesaler</p>" data-bs-original-title="" title=""><span
class="red">+</span>1</a> </p>
</div>
<div class="features_text">
<p>Established in the year of 2017 at Ludhiana (Punjab, India), “Namo Clothing Company"
is a well-known manufacturer and wholesaler of
a Printed Stripped School Tie, School Uniform, School Shirt, School T Shirt, Boys
Shorts, etc. We design these apparels as per current
market trends. Our offered apparels are widely appreciated for their mesmerizing
look, smooth texture, skin-friendliness, longevity and
colorfastness.
</p>
</div>
<div class="features_product">
<div class="d-flex align-items-center">
<h3>Product Range</h3>
<a class="view-btn" href="">View All</a>
</div>
<div class="items mt-3 d-flex justify-content-between">
<div class="item">
<div class="item_image">
<a href=""><img src="assets/img/homepage/product/school_tracsuit.png"
alt="..."></a>
</div>
<div class="item_body">
<a href="">
<h5 class="item-title">School Trackshoot</h5>
</a>
<a href="#" class="btn item-btn" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
</div>
<div class="item">
<div class="item_image">
<a href=""><img src="assets/img/homepage/product/cotton_uniform.png"
alt="..."></a>
</div>
<div class="item_body">
<a href="">
<h5 class="item-title">School Cotton Uniform</h5>
</a>
<a href="#" class="btn item-btn " data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
</div>
<div class="item">
<div class="item_image">
<a href=""><img src="assets/img/homepage/product/sweater.png" alt="..."></a>
</div>
<div class="item_body">
<h5 class="item-title">School Sweaters</h5>
<a href="#" class="btn item-btn" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
</div>
<div class="item">
<div class="item_image">
<a href=""><img src="assets/img/homepage/product/sportwear.png"
alt="..."></a>
</div>
<div class="item_body">
<h5 class="item-title">Sports Team Jersey</h5>
<a href="#" class="btn item-btn" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==================End Features Seller================== -->
<!--======================= Services ======================= -->
<section class="product">
<div class="container">
<div class="product_bg">
<div class="product_heading d-flex align-items-center">
<img src="assets/img/homepage/service/service.png" alt="">
<a href="explore_services.html">
<h1 class="heading">Services <br>
<hr class="divider">
</h1>
</a>
</div>
<div class="product_text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatibus enim,
dignissimos corrupti dolorem adipisci veniam, dolor voluptatem odio delectus expedita
praesentium fugit maxime, cumque deserunt soluta consequuntur illum iste. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Sint expedita, laborum temporibus ab voluptatibus,
asperiores vitae ullam quas, nesciunt debitis nulla minus repellendus quam voluptatem magni!
Delectus doloremque pariatur id.</p>
</div>
<div class="product_category pt-3 pb-3 ">
<p>Sub Categories : <span> 10 </span> </p>
<p>|</p>
<p>Service Categories : <span> 25 </span></p>
<p>|</p>
<p>Services : <span> 350 </span> </p>
<a class="view-btn" href="explore_services.html">View All</a>
</div>
<div class="product_items">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/service/transport.png" alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="explore_services.html">
<h2>Transport</h2>
</a>
<ul>
<li><a href="">Vans/Cabs</a></li>
<li><a href="">Mini Bus</a></li>
<li><a href="">Bus</a></li>
<li><a href="">Tour & Travel</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/service/scurity.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Security</h2>
</a>
<ul>
<li><a href="">PSO</a></li>
<li><a href="">Security Guard</a></li>
<li><a href="">Surveillance</a></li>
<li><a href="">Event Security</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/service/proffessional.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Professionals</h2>
</a>
<ul>
<li><a href="">Cleaning staff</a></li>
<li><a href="">Chef/Cook</a></li>
<li><a href="">Carpenters</a></li>
<li><a href="">Plumbers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/service/marketing.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Creative & Marketing</h2>
</a>
<ul>
<li><a href="">Branding</a></li>
<li><a href="">Digital Marketing</a></li>
<li><a href="">SEO/SMO</a></li>
<li><a href="">Radio & TV Commercials</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/service/technology.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Technology Services</h2>
</a>
<ul>
<li><a href="">Smart Classes Videos</a></li>
<li><a href="">Website App Development</a></li>
<li><a href="">Mobile App Development</a></li>
<li><a href="">Enterprise Application</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/service/printing.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Printing Services</h2>
</a>
<ul>
<li><a href="">Hoarding</a></li>
<li><a href="">Books & Magazines</a></li>
<li><a href="">Stationary / Posters</a></li>
<li><a href="">Tshirt / Bag Printing</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================== Services ==================-->
<!-- =================================Products============================== -->
<section class="product">
<div class="container">
<div class="product_bg">
<div class="product_heading d-flex align-items-center">
<img src="assets/img/homepage/StaTionary _ Print Supplies/Stationary.png" alt="">
<a href="">
<h1 class="heading">Stationary & print supplies <br>
<hr class="divider">
</h1>
</a>
</div>
<div class="product_text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatibus enim,
dignissimos corrupti dolorem adipisci veniam, dolor voluptatem odio delectus expedita
praesentium fugit maxime, cumque deserunt soluta consequuntur illum iste. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Sint expedita, laborum temporibus ab voluptatibus,
asperiores vitae ullam quas, nesciunt debitis nulla minus repellendus quam voluptatem magni!
Delectus doloremque pariatur id.</p>
</div>
<div class="product_category pt-3 pb-3 ">
<p>Sub Categories : <span> 10 </span> </p>
<p>|</p>
<p>Product Categories : <span> 25 </span></p>
<p>|</p>
<p>Products : <span> 350 </span> </p>
<a class="view-btn" href="categories.html">View All</a>
</div>
<div class="product_items">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/StaTionary _ Print Supplies/student.png"
alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="explore_product.html">
<h2>Students Stationary</h2>
</a>
<ul>
<li><a href="">Text Books / Registers</a></li>
<li><a href="">Geomatrical Utensils</a></li>
<li><a href="">School Bags</a></li>
<li><a href="">Mechanical Pencils</a></li>
<li><a href="">Pencil Boxes</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/StaTionary _ Print Supplies/print.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Print Supplies</h2>
</a>
<ul>
<li><a href="">Printers</a></li>
<li><a href="">Tonner & Cartidges</a></li>
<li><a href="">Vinyl / Flex</a></li>
<li><a href="">Print Paper</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/StaTionary _ Print Supplies/library.png"
alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Library</h2>
</a>
<ul>
<li><a href="">Comics / Novels</a></li>
<li><a href="">Literature Books</a></li>
<li><a href="">Course Books</a></li>
<li><a href="">Magazines</a></li>
<li><a href="">Newspapers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/StaTionary _ Print Supplies/office.png"
alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Office Stationary</h2>
</a>
<ul>
<li><a href="">Registers</a></li>
<li><a href="">Pens/Markers</a></li>
<li><a href="">Print Accessories</a></li>
<li><a href="">Chalks & Dusters</a></li>
<li><a href="">Exam Sheets</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/StaTionary _ Print Supplies/exam.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Exams Related</h2>
</a>
<ul>
<li><a href="">OMR Sheets</a></li>
<li><a href="">Exam Boards</a></li>
<li><a href="">Sample Papers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/StaTionary _ Print Supplies/art.png" alt="">
<a href="">
<p>25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Art Related</h2>
</a>
<ul>
<li><a href="">Paint Brushes</a></li>
<li><a href="">Calligraphic Pens</a></li>
<li><a href="">Sculpture Clay</a></li>
<li><a href="">Canvas</a></li>
<li><a href="">Painting Sheets</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ================================= End Products============================== -->
<!----------------------Hygiene and Cleaning ---------------- -->
<section class="product">
<div class="container">
<div class="product_bg">
<div class="product_heading d-flex align-items-center">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/Hygiene.png" alt="">
<a href="">
<h1 class="heading">Hygiene & Cleaning Supplies<br>
<hr class="divider">
</h1>
</a>
</div>
<div class="product_text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus voluptatibus enim,
dignissimos corrupti dolorem adipisci veniam, dolor voluptatem odio delectus expedita
praesentium fugit maxime, cumque deserunt soluta consequuntur illum iste. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Sint expedita, laborum temporibus ab voluptatibus,
asperiores vitae ullam quas, nesciunt debitis nulla minus repellendus quam voluptatem magni!
Delectus doloremque pariatur id.</p>
</div>
<div class="product_category pt-3 pb-3 ">
<p>Sub Categories: <span> 10 </span> </p>
<p>|</p>
<p>Product Categories: <span> 25 </span></p>
<p>|</p>
<p>Products & Services: <span> 350 </span> </p>
<a class="view-btn" href="categories.html">View All</a>
</div>
<div class="product_items">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/hand_sanitizer.png"
alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Hand Sanitizer & Disinfectant</h2>
</a>
<ul>
<li><a href="">Alcohol Based Hand Sanitizer</a></li>
<li><a href="">Hand Sanitizer Spray</a></li>
<li><a href="">3M Hand Sanitizer</a></li>
<li><a href="">Dettol Hand Sanitizer</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/tissue_paper.png"
alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Tissue Paper</h2>
</a>
<ul>
<li><a href="">Toilet Paper Roll</a></li>
<li><a href="">Tissue jumbo Roll</a></li>
<li><a href="">Cotton Towel</a></li>
<li><a href="">Tissue Napkin</a></li>
<li><a href="">Wet Wipes</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/hand_soap.png"
alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Hand Soap</h2>
</a>
<ul>
<li><a href="">Liquid Hand Wash</a></li>
<li><a href="">Lifeboy Hand Wash</a></li>
<li><a href="">Hand Washing Gels</a></li>
<li><a href="">Antibacterial Hand Wash</a></li>
<li><a href="">Paper Soap</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/mops.png" alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Mops</h2>
</a>
<ul>
<li><a href="">Cotton Mop</a></li>
<li><a href="">Magic Mop</a></li>
<li><a href="">Twist Mop</a></li>
<li><a href="">Microfiber Mop</a></li>
<li><a href="">Sponge Mops</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/garbage.png"
alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Garbage Bins/ Bags</h2>
</a>
<ul>
<li><a href="">Disposable Garbage Bags</a></li>
<li><a href="">Biodegrable Bags</a></li>
<li><a href="">Plastic Bin</a></li>
<li><a href="">Plastic Garbage Bag</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="cards">
<div class="card_image">
<img src="assets/img/homepage/Hygiene _ Cleaning Supplies/cleaning.png"
alt="">
<a href="">
<p class="">25 Products</p>
</a>
<a href="javascript:void(0)" class="product_items-more-btn"
data-bs-toggle="modal" data-bs-target="#product-list-modal">More..</a>
</div>
<div class="card_text">
<a href="">
<h2>Cleaning Liquid & Wipes</h2>
</a>
<ul>
<li><a href="">Phenyl</a></li>
<li><a href="">Floor Cleaner</a></li>
<li><a href="">Toilet Cleaner</a></li>
<li><a href="">Cleaning Wipes</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=================Product ============-->
<!-- -----------------=============Featured Sellers====---------- -->
<section class="similar_product featured-seller">
<div class="container">
<div class="similar_product_bg top_bar">
<h1 class="heading">Featured sellers of school uniforms</h1>
<hr class="divider">
<div class="similar_products_cards">
<div class="row">
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="similar_item_card">
<div class="similar_products_card_image">
<img src="assets/img/product_description_slicing/pr/p1.png" alt="">
</div>
<hr>
<div class="similar_products_details pt-4">
<h3>Cute Desgin Girls Bag</h3>
<p>₹350 - ₹ 450 / Piece</p>
<span> MOQ: 300 Pieces | Lead Time: 4 Days</span>
<div class="d-flex align-items-center justify-content-around">
<div class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
<i class="bi bi-star"></i>
</div>
<a class="btn item-btn" href="" data-bs-toggle="modal"
data-bs-target="#get-quote-modal">Get Quote</a>
</div>
<div class="featured_seller_detail">
<strong>NAME OF THE SELLER..</strong>
<br>
<p>City, State</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!--+======================= Footer ======================= -->
<section id="footer">
<div class="container">
<div class="row mt-5">
<div class="col-lg-4">
<div class="footer_logo">
<a href=""><img src="assets/img/homepage/Logo.png" alt=""></a>
</div>
</div>
<div class="col-lg-8">
<div class="footer_dropdown d-flex align-items-center ">
<p>Select Category</p>
<select class="form-select" aria-label="Default select example">
<option selected>Stationary & Print Supllies</option>
<option value="">Uniform & Fancy Dresses</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="footer_desc">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, voluptatibus similique
quia exercitationem cumque placeat eaque temporibus numquam, dolorem quae earum nisi
eveniet mollitia, quidem fuga laboriosam. Tempore, quo explicabo.</p>
<div class="footer_social d-flex align-items-center ">
<a href="mailto:info@skoodos.com"><img src="assets/img/homepage/footer/mail.png" alt="">
<span class="">info@skoodos.com</span> </a>
<a href="tel:+91 888 888 8888"> <img src="assets/img/homepage/footer/call.png" alt="">
<span>+91 888 888 8888</span> </a>
</div>
<div class="footer_follow">
<p>Follows us:</p>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="facebook"><i class="bi bi-youtube"></i></a>
<a href="#" class="facebook"><i class="bi bi-linkedin"></i></a>
</div>
<div class="app-store-links mt-4 d-flex ">
<a href=""><img src="assets/img/homepage/footer/appsstore.png" alt=""></a>
<a href=""> <img src="assets/img/homepage/footer/google_play.png" alt=""></a>
</div>
<div class="terms">
<a href="">
<p>Privacy Policy</p>
</a>
<p>|</p>
<a href="">
<p>Help Center</p>
</a>
</div>
</div>
</div>
<div class="col-lg-2">
<a href="">
<h5>Students Stationary</h5>
</a>
<ul>
<li><a href="">Text Book/Registers</a></li>
<li><a href="">Geomatrical Utensils</a></li>
<li><a href="">Mechnical Pencils</a></li>
<li><a href="">Pencil Boxes</a></li>
</ul>
<a href="">
<h5>Exam Related</h5>
</a>
<ul>
<li><a href="">OMR Sheets</a></li>
<li><a href="">Exam Boards</a></li>
<li><a href="">Sample Papers</a></li>
</ul>
</div>
<div class="col-lg-2">
<a href="">
<h5>Print Supplies</h5>
</a>
<ul>
<li><a href="">Printers</a></li>
<li><a href="">Tonner & Cartidges</a></li>
<li><a href="">Vinyl/Flex</a></li>
<li><a href="">Print Paper</a></li>
</ul>
<a href="">
<h5>Art Related</h5>
</a>
<ul>
<li><a href="">Paint Brushes</a></li>
<li><a href="">Calligraphic Pens</a></li>
<li><a href="">Sculpture Clay</a></li>
<li><a href="">Painting Sheets</a></li>
</ul>
</div>
<div class="col-lg-2">
<a href="">
<h5>Library</h5>
</a>
<ul>
<li><a href="">Comics/Novels</a></li>
<li><a href="">Literature Books</a></li>
<li><a href="">Course Books</a></li>
<li><a href="">Newspapers</a></li>
</ul>
</div>
<div class="col-lg-2">
<a href="">
<h5>Officer Stationary</h5>
</a>
<ul>
<li><a href="">Registers</a></li>
<li><a href="">Pen/Markers</a></li>
<li><a href="">Print Accessories</a></li>
<li><a href="Chalks & Dusters"></a></li>
<li><a href="">Exam Sheets</a></li>
</ul>
</div>
</div>
</div>
<div class="footer_bottom text-center ">
<p>© Copyright Skoodos Mart 2022, A Venture of Spherion Solutions Private Limited</p>
</div>
</section>
<!--=========== End Footer ==============-->
<!-- ---------------- Contact Seller Modal ---------------- -->
<div class="modal fade get-qoute-modal" id="contact-seller-modal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title " id="staticBackdropLabel"><img src="assets/img/quote.png" alt=""> Contact
Seller</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Please Enter Your Details & The Seller Will Get In Touch With You:</p>
<div class="mb-3 mt-3">
<label for="exampleInputText" class="form-label">Contact</label>
<div class=" d-flex align-items-center">
<span class="input-group-text" id="basic-addon1">+91</span>
<input type="text" maxlength="10" class="form-control" id="mobile"
onkeypress="return event.charCode >= 48 && event.charCode <= 57"
onpaste="return false" placeholder="Mobile" required>
</div>
</div>
<div class="mb-3">
<label for="exampleInputText" class="form-label">Your City</label>
<input type="text" class="form-control" id="exampleInputText" placeholder="Delhi" required>
</div>
<div class="alert alert-success hide seller-success">
<p>'Your query is successfully recorded. You will be contacted shortly!'</p>
</div>
</div>
<div class="modal-footer btn-wrapper d-flex">
<button class="view-btn seller-btn" id="seller-form-submit" href="">Submit</button>
<button class="view-btn btn-grey" href="" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<!-- ---------------- End Contact Seller Modal ---------------- -->
<!-- ---------------- Get Quote Modal ---------------- -->
<div class="modal fade get-qoute-modal" id="get-quote-modal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title " id="staticBackdropLabel"> <img src="assets/img/quote.png" alt=""> Get Quote
</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form>
<div class="modal-body">
<p>Please Enter Your Details & The Seller Will Get In Touch With You:</p>
<fieldset disabled>
<div class="mb-3 mt-3">
<label for="disabledTextInput" class="form-label">Product</label>
<input type="text" id="disabledTextInput" class="form-control"
value="Students Stationary">
</div>
</fieldset>
<div class="mb-3">
<label for="exampleInputText" class="form-label">Contact</label>
<div class=" d-flex align-items-center">
<span class="input-group-text" id="basic-addon1">+91</span>
<input type="text" maxlength="10" class="form-control" id="mobile"
onkeypress="return event.charCode >= 48 && event.charCode <= 57"
onpaste="return false" placeholder="Mobile" required>
</div>
</div>
<div class="mb-3">
<input type="text" class="form-control" id="exampleInputText" placeholder="Enter Your Name"
required>
</div>
<div class="mb-3">
<label for="exampleInputText" class="form-label">Your City</label>
<input type="text" class="form-control" id="exampleInputText" placeholder="Delhi" required>
</div>
</div>
<div class="modal-footer btn-wrapper d-flex">
<button type="submit" class="view-btn">Submit</button>
<button class="view-btn btn-grey" data-bs-dismiss="modal">Cancel</button>
</div>
</form>
</div>
</div>
</div>
<!-- ---------------- Get Quote Modal ---------------- -->
<!---------------------------------------Download App Modal--------------------------- -->
<div class="modal fade app-download-modal" id="download-app-modal" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Download App
<hr class="divider">
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Please enter your phone number to receive the download link.</p>
<form action="">
<div class="mb-3 d-flex align-items-center">
<span class="input-group-text" id="basic-addon1">+91</span>
<input type="text" maxlength="10" class="form-control" id="mobile"
onkeypress="return event.charCode >= 48 && event.charCode <= 57" onpaste="return false"
placeholder="Mobile" required>
</div>
<button type="submit" class="btn btn-hero ">Submit</button>
</form>
</div>
</div>
</div>
</div>
<!-- ---------------- Get profile Modal ---------------- -->
<div class="modal fade get-qoute-modal" id="get-profile-modal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title " id="staticBackdropLabel"> <img src="assets/img/quote.png" alt="">Profile
</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form>
<div class="modal-body">
<div class="profile-content">
<label for=""><b>Name:</b> Suraj Kumar Mahto</label>
<label for=""><b>Mobile:</b> +91 XXX XXX XXX</label>
<label for=""><b>Email:</b> Suraj123@gmail.com</label>
</div>
<h3>Change Password</h3>
<hr>
<div class="mb-3 mt-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">New Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Confirm New Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
</div>
<div class="modal-footer btn-wrapper d-flex">
<button type="submit" class="view-btn">Submit</button>
<button class="view-btn btn-grey" data-bs-dismiss="modal">Cancel</button>
</div>
</form>
</div>
</div>
</div>
<!-- ---------------- End Get Profile Modal ---------------- -->
<!-- ---------------- Product List Modal ---------------- -->
<div class="modal fade get-qoute-modal" id="product-list-modal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title " id="staticBackdropLabel"> <img src="assets/img/quote.png" alt="">Home
Science Lab
</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<input type="search" class="form-control" placeholder="Search">
</div>
<ul>
<li><a href="">Containers</a></li>
<li><a href="">Sauce Pan With Lid</a></li>
<li><a href="">Fry Pan</a></li>
<li><a href="">Tava</a></li>
<li><a href="">Parrat</a></li>
<li><a href="">Grater</a></li>
<li><a href="">Patila With Lid</a></li>
<li><a href="">Masala Dabba</a></li>
<li><a href="">Chimta</a></li>
<li><a href="">Jhara</a></li>
<li><a href="">Kadchhi</a></li>
<li><a href="">Knife</a></li>
<li><a href="">Peeler</a></li>
<li><a href="">Chamcha</a></li>
<li><a href="">Cutlery Set</a></li>
<li><a href="">Chakla Belan</a></li>
<li><a href="">Kadahi With Lid</a></li>
<li><a href="">Dinner Set</a></li>
<li><a href="">Bucket</a></li>
<li><a href="">Dustbin</a></li>
<li><a href="">Tub</a></li>
<li><a href="">Pressure Cooker</a></li>
<li><a href="">Lighter</a></li>
<li><a href="">Tray</a></li>
<li><a href="">Crockeries</a></li>
<li><a href="">Stiching Material</a></li>
<li><a href="">Needle Box</a></li>
<li><a href="">Channi</a></li>
<li><a href="">Gas Chula With Cylinder</a></li>
<li><a href="">Namak Dani</a></li>
<li><a href="">Caster Set</a></li>
<li><a href="">Paper Napkins</a></li>
<li><a href="">Cloth’S Napkin</a></li>
<li><a href="">Table Mat</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- ---------------- Select Location Modal ---------------- -->
<div class="modal fade current-location-modal" id="current_location" data-bs-backdrop="static"
data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="supliers" class="mdl_location">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mb-3 d-flex justify-content-around">
<input type="search" class="form-control" placeholder="Search & Select City">
<button type="submit" class="view-btn">Submit</button>
</div>
</div>
</div>
<div class="supliers_bg">
<h1 class="heading">POPULAR LOCATIONS</h1>
<hr class="divider">
<div class="cities">
<div class="row">
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/delhi.png"
alt="">
</div>
<div class="city_name">
<p>Delhi/NCR</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/mumbai.png"
alt="">
</div>
<div class="city_name">
<p>Mumbai</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/bengluru.png"
alt="">
</div>
<div class="city_name">
<p>Benguluru</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/chenai.png"
alt="">
</div>
<div class="city_name">
<p>Chennai</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/kolkata.png"
alt="">
</div>
<div class="city_name">
<p>Kolkata</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/jaipur.png"
alt="">
</div>
<div class="city_name">
<p>Jaipur</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/hydrabad.png"
alt="">
</div>
<div class="city_name">
<p>Hyderabad</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/hydrabad.png"
alt="">
</div>
<div class="city_name">
<p>Hyderabad</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/delhi.png"
alt="">
</div>
<div class="city_name">
<p>Delhi/NCR</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/mumbai.png"
alt="">
</div>
<div class="city_name">
<p>Mumbai</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/bengluru.png"
alt="">
</div>
<div class="city_name">
<p>Benguluru</p>
</div>
</div>
</a>
</div>
<div class="col-2">
<a href="#">
<div class="city_items">
<div class="city_image">
<img src="assets/img/homepage/find_seller_from_cities/navigate/chenai.png"
alt="">
</div>
<div class="city_name">
<p>Chennai</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="current location"></div> -->
<a href="javascript:void(0)" class="floating-button" data-bs-toggle="modal" data-bs-target="#current_location">
<img src="assets/img/location/Location.png" alt="">
<span class="badge bg-primary arrow__top">SELECT CITY</span>
</a>
<!-- <div id="preloader"></div> -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/slick/slick.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
</script>
<script type="text/javascript">
$(document).ready(function () {
// Enables popover
$("[data-toggle=popover]").popover();
$('.star-icon').each(function () {
$(this).hover(function () {
$(this).prevAll().addBack().css("color", "#d0de29");
}, function () {
if (!$(this).parent().attr("data-rating")) {
$(this).prevAll().addBack().css("color", "#a5a5a5");
} else {
$(this).siblings().addBack().each(function (index) {
index + 1 <= $(this).parent().attr("data-rating") ?
$(this).css("color", "#d0de29") : $(this).css("color", "#a5a5a5");
});
}
}).click(function () {
$(this).parent().attr("data-rating", $(this).prevAll().length + 1);
});
});
});
</script>
</body>
</html>