ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://themes.pixelstrap.com/multikart-app/index.html
Date Downloaded: 20-09-2023 15:19:46 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Multikart" />
<meta name="keywords" content="Multikart" />
<meta name="author" content="Multikart" />
<link rel="manifest" href="manifest.json" />
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<title>Multikart PWA App </title>
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="assets/images/favicon.png" />
<meta name="theme-color" content="#ff4c3b" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="multikart" />
<meta name="msapplication-TileImage" content="assets/images/favicon.png" />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--Google font-->
<link href="../../fonts.googleapis.com/css_e5ba3bda.css" rel="stylesheet" />
<!-- bootstrap css -->
<link rel="stylesheet" id="rtl-link" type="text/css" href="assets/css/vendors/bootstrap.css" />
<!-- slick css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css" />
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css" />
<!-- iconly css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/iconly.css" />
<!-- Theme css -->
<link rel="stylesheet" id="change-link" type="text/css" href="assets/css/style.css" />
</head>
<body>
<!-- loader strat -->
<div class="loader">
<span></span>
<span></span>
</div>
<!-- loader end -->
<!-- header start -->
<header>
<div class="nav-bar">
<img src="assets/svg/bar.svg" class="img-fluid" alt="" />
</div>
<a href="index.html" class="brand-logo">
<img src="assets/images/logo.png" class="img-fluid" alt="" />
</a>
<div class="header-option">
<ul>
<li>
<a href="search.html"><i class="iconly-Search icli"></i></a>
</li>
<li>
<a href="notification.html"><i class="iconly-Notification icli"></i></a>
</li>
<li>
<a href="wishlist.html"><i class="iconly-Heart icli"></i></a>
</li>
<li>
<a href="cart.html"><i class="iconly-Buy icli"></i></a>
</li>
</ul>
</div>
</header>
<a href="javascript:void(0)" class="overlay-sidebar"></a>
<div class="header-sidebar">
<a href="profile-setting.html" class="user-panel">
<img src="assets/images/user/1.png" class="img-fluid user-img" alt="" />
<span>Hello, Paige Turner </span>
<i class="iconly-Arrow-Right-2 icli"></i>
</a>
<div class="sidebar-content">
<ul class="link-section">
<li>
<div>
<i class="iconly-Setting icli"></i>
<div class="content toggle-sec w-100">
<div>
<h4 class="mb-0">Dark Mode </h4>
</div>
<div class="button toggle-btn ms-auto">
<input id="darkButton" type="checkbox" class="checkbox" />
<div class="knobs">
<span></span>
</div>
<div class="layer"></div>
</div>
</div>
</div>
</li>
<li>
<div>
<i class="iconly-Setting icli"></i>
<div class="content toggle-sec w-100">
<div>
<h4 class="mb-0">RTL </h4>
</div>
<div class="button toggle-btn ms-auto">
<input id="rtlButton" type="checkbox" class="checkbox" />
<div class="knobs">
<span></span>
</div>
<div class="layer"></div>
</div>
</div>
</div>
</li>
<li>
<a href="pages.html">
<i class="iconly-Paper icli"></i>
<div class="content">
<h4>Pages </h4>
<h6>Elements & Other Pages </h6>
</div>
</a>
</li>
<li>
<a href="index.html">
<i class="iconly-Home icli"></i>
<div class="content">
<h4>Home </h4>
<h6>Offers, Top Deals, Top ______ </h6>
</div>
</a>
</li>
<li>
<a href="category.html">
<i class="iconly-Category icli"></i>
<div class="content">
<h4>Shop by Category </h4>
<h6>Men, Women, Kids, Beauty.. </h6>
</div>
</a>
</li>
<li>
<a href="order-history.html">
<i class="iconly-Document icli"></i>
<div class="content">
<h4>Orders </h4>
<h6>Ongoing Orders, Recent Orders.. </h6>
</div>
</a>
</li>
<li>
<a href="wishlist.html">
<i class="iconly-Heart icli"></i>
<div class="content">
<h4>Your Wishlist </h4>
<h6>Your Save Products </h6>
</div>
</a>
</li>
<li>
<a href="profile.html">
<i class="iconly-Profile icli"></i>
<div class="content">
<h4>Your Account </h4>
<h6>Profile, Settings, Saved Cards... </h6>
</div>
</a>
</li>
<li>
<a href="#">
<img src="assets/images/flag.png" class="img-fluid" alt="" />
<div class="content">
<h4>Langauge </h4>
<h6>Select your Language here.. </h6>
</div>
</a>
</li>
<li>
<a href="notification.html">
<i class="iconly-Notification icli"></i>
<div class="content">
<h4>Notification </h4>
<h6>Offers, Order tracking messages.. </h6>
</div>
</a>
</li>
<li>
<a href="settings.html">
<i class="iconly-Setting icli"></i>
<div class="content">
<h4>Settings </h4>
<h6>Dark mode, RTL, Notification </h6>
</div>
</a>
</li>
</ul>
<div class="divider"></div>
<ul class="link-section">
<li>
<a href="about-us.html">
<i class="iconly-Info-Square icli"></i>
<div class="content">
<h4>About us </h4>
<h6>About Multikart </h6>
</div>
</a>
</li>
<li>
<a href="help.html">
<i class="iconly-Call icli"></i>
<div class="content">
<h4>Help/Customer Care </h4>
<h6>Customer Support, FAQs </h6>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- header end -->
<!-- category start -->
<section class="category-section top-space">
<ul class="category-slide">
<li>
<a href="inner-category.html" class="category-box">
<img src="assets/images/top-category/kids.png" class="img-fluid" alt="" />
<h4>Kids </h4>
</a>
</li>
<li>
<a href="inner-category.html" class="category-box">
<img src="assets/images/top-category/beauty.png" class="img-fluid" alt="" />
<h4>beauty </h4>
</a>
</li>
<li>
<a href="inner-category.html" class="category-box">
<img src="assets/images/top-category/shoes.png" class="img-fluid" alt="" />
<h4>footwear </h4>
</a>
</li>
<li>
<a href="inner-category.html" class="category-box">
<img src="assets/images/top-category/jewelry.png" class="img-fluid" alt="" />
<h4>jewelry </h4>
</a>
</li>
<li>
<a href="inner-category.html" class="category-box">
<img src="assets/images/top-category/women.png" class="img-fluid" alt="" />
<h4>Women </h4>
</a>
</li>
<li>
<a href="inner-category.html" class="category-box">
<img src="assets/images/top-category/men.png" class="img-fluid" alt="" />
<h4>men </h4>
</a>
</li>
</ul>
</section>
<div class="divider t-12 b-20"></div>
<!-- category end -->
<!-- home slider start -->
<section class="pt-0 home-section ratio_55">
<div class="home-slider slick-default theme-dots">
<div>
<div class="slider-box">
<img src="assets/images/home-slider/1.jpg" class="img-fluid bg-img" alt="" />
<div class="slider-content">
<div>
<h2>Welcome To Multikart </h2>
<h1>Flat 50% OFF </h1>
<h6>Free Shipping Till Mid _____ </h6>
<a href="shop.html" class="btn btn-solid">SHOP NOW </a>
</div>
</div>
</div>
</div>
<div>
<div class="slider-box">
<img src="assets/images/home-slider/2.jpg" class="img-fluid bg-img" alt="" />
<div class="slider-content">
<div>
<h2>Welcome To Multikart </h2>
<h1>Flat 50% OFF </h1>
<h6>Free Shipping Till Mid _____ </h6>
<a href="shop.html" class="btn btn-solid">SHOP NOW </a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- home slider end -->
<!-- deals section start -->
<section class="deals-section px-15 pt-0">
<div class="title-part">
<h2>Deals of the Day </h2>
<a href="shop.html">See All </a>
</div>
<div class="product-section">
<div class="row gy-3">
<div class="col-12">
<div class="product-inline">
<a href="product.html">
<img src="assets/images/products/1.jpg" class="img-fluid" alt="" />
</a>
<div class="product-inline-content">
<div>
<a href="product.html">
<h4>Pink Hoodie t-shirt full </h4>
</a>
<h5>by Mango </h5>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="product-inline">
<a href="product.html">
<img src="assets/images/products/2.jpg" class="img-fluid" alt="" />
</a>
<div class="product-inline-content">
<div>
<a href="product.html">
<h4>Men Blue Denim Jacket </h4>
</a>
<h5>by Zara </h5>
<div class="price">
<h4>$32.00 <span>SAVE 20% </span></h4>
</div>
</div>
</div>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="product-inline">
<a href="product.html">
<img src="assets/images/products/3.jpg" class="img-fluid" alt="" />
</a>
<div class="product-inline-content">
<div>
<a href="product.html">
<h4>Pink Hoodie t-shirt full </h4>
</a>
<h5>by H&M </h5>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- deals section end -->
<!-- tab section start -->
<section class="pt-0 tab-section">
<div class="title-section px-15">
<h2>Find your Style </h2>
<h3>Super Summer Sale </h3>
</div>
<div class="tab-section">
<ul class="nav nav-tabs theme-tab pl-15">
<li class="nav-item">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#trending" type="button">Trending
Now </button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#top" type="button">Top Picks </button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#featured" type="button">Featured
Products </button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#rated" type="button">Top Rated </button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#ship" type="button">Ready to ship </button>
</li>
</ul>
<div class="tab-content px-15">
<div class="tab-pane fade show active" id="trending">
<div class="row gy-3 gx-3">
<div class="col-md-4 col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="top">
<div class="row gy-3 gx-3">
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="featured">
<div class="row gy-3 gx-3">
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="rated">
<div class="row gy-3 gx-3">
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="ship">
<div class="row gy-3 gx-3">
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- tab section end -->
<!-- timer banner start -->
<section class="banner-timer">
<div class="banner-bg">
<div class="banner-content">
<div>
<h6>Denim Wear </h6>
<h2>Sales Starts In </h2>
<div class="counters">
<div class="counter d-none">
<span id="days">NA </span>
<p>Days </p>
</div>
<div class="counter">
<span id="hours">NA </span>
<p>Hours </p>
</div>
<div class="counter">
<span id="minutes">NA </span>
<p>Minutes </p>
</div>
<div class="counter">
<span id="seconds">NA </span>
<p>Seconds </p>
</div>
</div>
<a href="shop.html">explore now </a>
</div>
</div>
<div class="banner-img">
<img src="assets/images/banner-image.png" class="img-fluid" alt="" />
</div>
</div>
</section>
<!-- timer banner end -->
<!-- brands section start -->
<section class="brand-section pl-15">
<h2 class="title">Biggest Deals on Top ______ </h2>
<div class="brand-slider slick-default">
<div>
<a class="brand-box" href="shop.html">
<img src="assets/images/brand-logos/1.png" class="img-fluid" alt="" />
</a>
</div>
<div>
<a class="brand-box" href="shop.html">
<img src="assets/images/brand-logos/2.png" class="img-fluid" alt="" />
</a>
</div>
<div>
<a class="brand-box" href="shop.html">
<img src="assets/images/brand-logos/3.png" class="img-fluid" alt="" />
</a>
</div>
<div>
<a class="brand-box" href="shop.html">
<img src="assets/images/brand-logos/4.png" class="img-fluid" alt="" />
</a>
</div>
<div>
<a class="brand-box" href="shop.html">
<img src="assets/images/brand-logos/5.png" class="img-fluid" alt="" />
</a>
</div>
</div>
</section>
<div class="divider"></div>
<!-- brands section end -->
<!-- kids corner section start -->
<section class="pt-0 product-slider-section overflow-hidden">
<div class="title-section px-15">
<h2>The Kids Corner </h2>
<h3>Clothing for your Li’l ___’_ </h3>
</div>
<div class="product-slider slick-default pl-15">
<div>
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/9.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div>
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/10.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
<div>
<div class="product-box ratio_square">
<div class="img-part">
<a href="product.html"><img src="assets/images/products/8.jpg" alt="" class="img-fluid bg-img" /></a>
<div class="wishlist-btn">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
<div class="effect-group">
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
<span class="effect"></span>
</div>
</div>
</div>
<div class="product-content">
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
<a href="product.html">
<h4>Blue Denim Jacket </h4>
</a>
<div class="price">
<h4>$32.00 <del>$35.00 </del><span>20% </span></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- kids corner section end -->
<!-- offer corner start -->
<section class="offer-corner-section px-15">
<h2 class="title">Offer Corner </h2>
<div class="row g-3">
<div class="col-6">
<div class="offer-box">
<a href="shop.html">Under $50.00 </a>
</div>
</div>
<div class="col-6">
<div class="offer-box">
<a href="shop.html">Flat $20 OFF </a>
</div>
</div>
<div class="col-6">
<div class="offer-box">
<a href="shop.html">buy 1 get 1 </a>
</div>
</div>
<div class="col-6">
<div class="offer-box">
<a href="shop.html">upto 50% off </a>
</div>
</div>
</div>
</section>
<!-- offer corner end -->
<!-- panel space start -->
<section class="panel-space"></section>
<!-- panel space end -->
<!-- bottom panel start -->
<div class="bottom-panel">
<ul>
<li class="active">
<a href="index.html">
<div class="icon">
<i class="iconly-Home icli"></i>
<i class="iconly-Home icbo"></i>
</div>
<span>home </span>
</a>
</li>
<li>
<a href="category.html">
<div class="icon">
<i class="iconly-Category icli"></i>
<i class="iconly-Category icbo"></i>
</div>
<span>category </span>
</a>
</li>
<li>
<a href="cart.html">
<div class="icon">
<i class="iconly-Buy icli"></i>
<i class="iconly-Buy icbo"></i>
</div>
<span>cart </span>
</a>
</li>
<li>
<a href="wishlist.html">
<div class="icon">
<i class="iconly-Heart icli"></i>
<i class="iconly-Heart icbo"></i>
</div>
<span>wishlist </span>
</a>
</li>
<li>
<a href="profile.html">
<div class="icon">
<i class="iconly-Profile icli"></i>
<i class="iconly-Profile icbo"></i>
</div>
<span>profile </span>
</a>
</li>
</ul>
</div>
<!-- bottom panel end -->
<!-- pwa install app popup start -->
<div class="offcanvas offcanvas-bottom addtohome-popup" tabindex="-1" id="offcanvas">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
<div class="offcanvas-body small">
<div class="app-info">
<img src="assets/images/logo/logo48.png" class="img-fluid" alt="" />
<div class="content">
<h3>Multikart App </h3>
<a href="#">www.multikart-app.com </a>
</div>
</div>
<a href="javascript:void(0)" class="btn btn-solid install-app" id="installApp">add to home screen </a>
</div>
</div>
<!-- pwa install app popup end -->
<!-- latest jquery-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Slick js-->
<script src="assets/js/slick.js"></script>
<!-- Slick js-->
<script src="assets/js/homescreen-popup.js"></script>
<!-- timer js-->
<script src="assets/js/timer.js"></script>
<!-- offcanvas modal js -->
<script src="assets/js/offcanvas-popup.js"></script>
<!-- script js -->
<script src="assets/js/script.js"></script>
</body>
</html>
Zerion Mini Shell 1.0