| 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>Product & Services</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" href="index.html">Home</a></li>
<li><a class="nav-link scrollto" href="about.html">About</a></li>
<li><a class="nav-link scrollto active" 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 href="register.html">Register</a>
</div>
</div>
</header>
<!-- End Header -->
<!-- =========== -->
<div id="breadcrumbs">
<div class="container">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="#">Product & Supplies</a></li>
<li class="breadcrumb-item active">Stationary & Print Supplies</li>
</ol>
</nav>
</div>
</div>
<!-- ======= 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="">Services</a></li>
<li><a class="active" href="categories.html">Stationary & Print Supplies</a></li>
<li><a href="">Uniforms & Fancy Dresses</a></li>
<li><a href="">Interior Decor & Furnitures</a></li>
<li><a href="">Electronics & Heavy Equipments</a></li>
<li><a href="">Lab & Tech Equipments</a></li>
<li><a href="">Hygiene & Cleaning Supplies</a></li>
<li><a href="">Green Supplies</a></li>
<li class="sports"><a href="">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="categories_banner">
<div class="banner_text">
<!-- <p>One Stop Shop for all your</p>
<h3>Stationary and Print <br> Supplies</h3> -->
</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">
<!--+======================= Stationary & Prints ======================= -->
<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 & Services : <span> 350 </span> </p>
</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>
</div>
<div class="card_text">
<a href="explore_products.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="explore_products.html">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 class="">45 Products</p></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</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 class="">115 Products</p></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 class="">20 Products</p></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 class="">30 Products</p></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 class="">25 Products</p></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>
<!-- ============Stationary & Prints================= -->
<!--+================== Top Seller ================== -->
<section id="top_seller">
<div class="container">
<div class="top_bar">
<h1 class="heading top_seller-heading">Top Sellers</h1>
<hr class="divider top_seller-divider mb-4">
<div class="row">
<div class="col-lg-3">
<div class="left_box">
<div class="image_box">
<img src="assets/img/Categories/upsana.jpg" 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">
<div class="top_seller-content">
<a href="">
<h2>Upasana Book Enterprisers</h2>
</a>
<div class="top_seller_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="top_seller_text">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis neque magni
tempora asperiores praesentium, vitae voluptas sint autem deleniti nesciunt
voluptate incidunt ratione nobis sunt aperiam commodi ipsam excepturi
exercitationem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam
dignissimos quasi ex aliquam atque aspernatur, voluptatem quam distinctio, aut
at fugiat hic ut est aliquid similique eveniet, provident nulla! Consectetur!
</p>
</div>
<div class="top_seller_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/Categories/notebook/notebook-1.jpg"
alt="..."></a>
</div>
<div class="item_body">
<a href="">
<h5 class="item-title">Public School Notebook</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/Categories/notebook/notebook-2.jpg"
alt="..."></a>
</div>
<div class="item_body">
<a href="">
<h5 class="item-title">A4 School Notebbok</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/Categories/notebook/notebook-3.jpg"
alt="..."></a>
</div>
<div class="item_body">
<h5 class="item-title">Student Writing Notebook</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/Categories/notebook/notebook-4.jpg"
alt="..."></a>
</div>
<div class="item_body">
<h5 class="item-title">School Notebooks</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>
<hr class="mb-5">
<div class="row">
<div class="col-lg-3">
<div class="left_box seller_left_box">
<div class="image_box">
<img src="assets/img/Categories/casper.jpg" 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">
<div class="top_seller-content">
<a href="">
<h2>Casper Stationary Trading</h2>
</a>
<div class="top_seller_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="top_seller_text">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis neque magni
tempora asperiores praesentium, vitae voluptas sint autem deleniti nesciunt
voluptate incidunt ratione nobis sunt aperiam commodi ipsam excepturi
exercitationem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam
dignissimos quasi ex aliquam atque aspernatur, voluptatem quam distinctio, aut
at fugiat hic ut est aliquid similique eveniet, provident nulla! Consectetur!
</p>
</div>
<div class="top_seller_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/Categories/Casper Stationary Trading/c1.jpg"
alt="..."></a>
</div>
<div class="item_body">
<a href="">
<h5 class="item-title">KK 12 Pencil Box</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/Categories/Casper Stationary Trading/c2.jpg"
alt="..."></a>
</div>
<div class="item_body">
<a href="">
<h5 class="item-title">Neon Prime Stationery Kit</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/Categories/Casper Stationary Trading/c3.jpg"
alt="..."></a>
</div>
<div class="item_body">
<h5 class="item-title">Sharp Gel Ink Highlighter</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/Categories/Casper Stationary Trading/c4.jpg"
alt="..."></a>
</div>
<div class="item_body">
<h5 class="item-title">Camel Metel Geometry Boxes</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>
</div>
</div>
</div>
</div>
</section>
<!--==================End top_seller Seller================== -->
</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>Stationery & 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>
<!-- ---------------- End 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>
<!-- <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>