2648 lines
110 KiB
HTML
2648 lines
110 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="zxx">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Home || animart pet shop, pet shitter, pet food, pet care bootstrap 5 Template</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" href="img/favicon.png">
|
|
<!-- icofont css -->
|
|
<link rel="stylesheet" href="css/icofont.css">
|
|
<!-- Animate css -->
|
|
<link rel="stylesheet" href="css/animate.css">
|
|
|
|
<!-- Nice select css -->
|
|
<link rel="stylesheet" href="css/nice-select.css">
|
|
<!-- Jquery fancybox css -->
|
|
<link rel="stylesheet" href="css/jquery.fancybox.css">
|
|
<!-- Jquery ui price slider css -->
|
|
<link rel="stylesheet" href="css/jquery-ui.min.css">
|
|
<!-- Meanmenu css -->
|
|
<link rel="stylesheet" href="css/meanmenu.min.css">
|
|
<!-- Slick carousel css -->
|
|
<link rel="stylesheet" href="css/slick-slider.css">
|
|
<!-- Bootstrap css -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<!-- Custom css -->
|
|
<link rel="stylesheet" href="css/default.css">
|
|
<!-- Plugins css -->
|
|
<link rel="stylesheet" href="css/plugins.css">
|
|
<!-- Main css -->
|
|
<link rel="stylesheet" href="style.css">
|
|
<!-- Responsive css -->
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
|
|
<!-- Modernizer js -->
|
|
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!--[if lte IE 9]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
|
<![endif]-->
|
|
|
|
<!-- Main Wrapper Start Here -->
|
|
<div class="wrapper">
|
|
</div>
|
|
|
|
<!-- Header Area Start Here -->
|
|
<header class="header-area header-style-five header-sticky">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
|
|
<!-- Menu Area Start Here -->
|
|
<div class="col-xl-2 col-lg-2 click_common">
|
|
|
|
<div class="clickable-menu clickable-mainmenu-active">
|
|
<a href="#"><i class="icofont-navigation-menu"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Menu Area End Here -->
|
|
|
|
|
|
<!-- Logo Start -->
|
|
<div class="col-xl-8 col-lg-8 col-6">
|
|
<div class="logo text-center">
|
|
<a href="index.html">
|
|
<img src="img/logo/logo2.png" alt="logo-image">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- Logo End -->
|
|
|
|
|
|
<!-- Cart Box Start Here -->
|
|
<div class="col-xl-2 col-lg-2 col-6">
|
|
<div class="cart-box">
|
|
<ul>
|
|
<!-- Search Box Start Here -->
|
|
<li class="drodown-show">
|
|
<a href="#"><span class="icofont-search"></span></a>
|
|
<div class="dropdown categorie-search-box">
|
|
<form action="#">
|
|
<input type="text" name="search" placeholder="Search our item">
|
|
<button>
|
|
<span class="icofont-search"></span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
<!-- Categorie Search Box End Here -->
|
|
<li class="drodown-show">
|
|
<a href="#"><span class="icofont-cart-alt"></span><span class="total-pro">2</span></a>
|
|
<ul class="dropdown cart-box-width">
|
|
<li>
|
|
<!-- Cart Box Start -->
|
|
<div class="single-cart-box">
|
|
<div class="cart-img">
|
|
<a href="#">
|
|
<img src="img/products/p1.jpg" alt="cart-image">
|
|
</a>
|
|
<span class="pro-quantity">1X</span>
|
|
</div>
|
|
<div class="cart-content">
|
|
<h6>
|
|
<a href="product-details.html">Printed Summer Red </a>
|
|
</h6>
|
|
<span class="cart-price">27.45</span>
|
|
<span>Size: S</span>
|
|
<span>Color: Yellow</span>
|
|
</div>
|
|
<a class="del-icone" href="#">
|
|
<i class="ion-close"></i>
|
|
</a>
|
|
</div>
|
|
<!-- Cart Box End -->
|
|
<!-- Cart Box Start -->
|
|
<div class="single-cart-box">
|
|
<div class="cart-img">
|
|
<a href="#">
|
|
<img src="img/products/p2.jpg" alt="cart-image">
|
|
</a>
|
|
<span class="pro-quantity">1X</span>
|
|
</div>
|
|
<div class="cart-content">
|
|
<h6>
|
|
<a href="product-details.html">Printed Round Neck</a>
|
|
</h6>
|
|
<span class="cart-price">45.00</span>
|
|
<span>Size: XL</span>
|
|
<span>Color: Green</span>
|
|
</div>
|
|
<a class="del-icone" href="#">
|
|
<i class="ion-close"></i>
|
|
</a>
|
|
</div>
|
|
<!-- Cart Box End -->
|
|
<!-- Cart Footer Inner Start -->
|
|
<div class="cart-footer">
|
|
<ul class="price-content">
|
|
<li>Subtotal
|
|
<span>$57.95</span>
|
|
</li>
|
|
<li>Shipping
|
|
<span>$7.00</span>
|
|
</li>
|
|
<li>Taxes
|
|
<span>$0.00</span>
|
|
</li>
|
|
<li>Total
|
|
<span>$64.95</span>
|
|
</li>
|
|
</ul>
|
|
<div class="cart-actions text-center">
|
|
<a class="cart-checkout" href="checkout.html">Checkout</a>
|
|
</div>
|
|
</div>
|
|
<!-- Cart Footer Inner End -->
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="drodown-show"><a href="#"><span class="icofont-gear"></span></a>
|
|
<!-- Currency & Language Selection Start -->
|
|
<ul class="dropdown cart-box-width currency-selector">
|
|
<li>
|
|
<h3>My Account </h3>
|
|
<ul>
|
|
<li><a href="register.html">Register</a></li>
|
|
<li><a href="login.html">Login</a></li>
|
|
<li><a href="account.html">My Account</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h3>Currency: USD</h3>
|
|
<ul>
|
|
<li><a href="#">€ Euro</a></li>
|
|
<li><a href="#">£ Pound Sterling</a></li>
|
|
<li><a href="#">$ US Dollar</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h3>Language: EN-GB</h3>
|
|
<ul>
|
|
<li><a href="#"><img src="img/header/1.jpg" alt="lang-icon"> English</a></li>
|
|
<li><a href="#"><img src="img/header/2.jpg" alt="lang-icon"> Germany</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<!-- Currency & Language Selection End -->
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Cart Box End Here -->
|
|
</div>
|
|
<!-- Row End -->
|
|
<!-- Mobile Menu Start Here -->
|
|
<div class="mobile-menu d-block d-lg-none">
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">home</a>
|
|
<!-- Home Version Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">Home Style 1</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-2.html">Home Style 2</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-3.html">Home Style 3</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-4.html">Home Style 4</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Home Version Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">All Products</a>
|
|
<!-- Men Accessories Dropdown Start -->
|
|
<ul class="submobile-mega-dropdown">
|
|
<li>
|
|
<a href="#">Dron Shope</a>
|
|
<!-- Watches Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html">Integrated Systems</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">DJI</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Power Vision</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Ryze Tech</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Yuneec</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Watches Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">Stroller Shop</a>
|
|
<!-- Shoes Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html">cats_tab</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">dogs_tab</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">birds_tab</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">pets_tab</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Travel Systems</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Shoes Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">smartwatch Shop</a>
|
|
<!-- Bags Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html">Men's Watches</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Ladies Watches</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Sport Watch</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Wrist Watches</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Watch Bands</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Bags Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">Mega Title</a>
|
|
<!-- Bags Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html">Pro Scooters</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Custom Scooters</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Kids Scooters</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Dirt Scooters</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop.html">Adult / Commuter Scooters</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Bags Dropdown End -->
|
|
</li>
|
|
</ul>
|
|
<!-- Men Accessories Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">shop</a>
|
|
<!-- Mobile Menu Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html">Shop</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details.html">product details</a>
|
|
</li>
|
|
<li>
|
|
<a href="compare.html">compare</a>
|
|
</li>
|
|
<li>
|
|
<a href="cart.html">cart</a>
|
|
</li>
|
|
<li>
|
|
<a href="checkout.html">checkout</a>
|
|
</li>
|
|
<li>
|
|
<a href="wishlist.html">wishlist</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Mobile Menu Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">Blog</a>
|
|
<!-- Mobile Menu Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="blog.html">blog</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-details.html">Blog Details</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Mobile Menu Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">pages</a>
|
|
<!-- Mobile Menu Dropdown Start -->
|
|
<ul>
|
|
<li>
|
|
<a href="about.html">about us</a>
|
|
</li>
|
|
<li>
|
|
<a href="account.html">My account</a>
|
|
</li>
|
|
<li>
|
|
<a href="register.html">register</a>
|
|
</li>
|
|
<li>
|
|
<a href="login.html">Login</a>
|
|
</li>
|
|
<li>
|
|
<a href="404.html">404</a>
|
|
</li>
|
|
<li>
|
|
<a href="forgot-password.html">forgot password</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Mobile Menu Dropdown End -->
|
|
</li>
|
|
<li><a href="about.html">About Us</a></li>
|
|
<li><a href="contact.html">Contact Us</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<!-- Mobile Menu End Here -->
|
|
</div>
|
|
<!-- Container End -->
|
|
</header>
|
|
<!-- Header Area End Here -->
|
|
|
|
|
|
<!-- Slider Area Start -->
|
|
<div class="slider-area slider_common_style fixed-height special_minimal_slider default_arrow ">
|
|
<!-- Slider Area Start Here -->
|
|
<div class="main-slider-active">
|
|
<!-- Start Single Slide -->
|
|
<div class="single-slide slider_animate_style-01" style="background:url(img/slider/slider_13.jpg)">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="slider-content text-center">
|
|
<h4>#Super & Cute Baby !... </h4>
|
|
<h1>Supper Pets Collection <span>2022</span></h1>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
|
|
<div class="slide-btn small-btn">
|
|
<a href="shop.html">Explore Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Single Slide -->
|
|
<!-- Start Single Slide -->
|
|
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/slider_5.jpg)">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="slider-content text-start">
|
|
<h4>#Came Form Africa... </h4>
|
|
<h1>Cute Animal <span>Beautiful</span> Pets.</h1>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
|
|
<div class="slide-btn small-btn">
|
|
<a href="shop.html">Explore Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Single Slide -->
|
|
<!-- Start Single Slide -->
|
|
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/slider_3.jpg)">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="slider-content text-end">
|
|
<h4>#Always Super Service... </h4>
|
|
<h1>Best Pet Care <span>Happy</span> Always</h1>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
|
|
<div class="slide-btn small-btn">
|
|
<a href="shop.html">Explore Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Single Slide -->
|
|
</div>
|
|
<!-- Slider Area End Here -->
|
|
</div>
|
|
<!-- Slider Area End -->
|
|
|
|
|
|
<!-- Food Categry Area Start -->
|
|
<div class="food-category-area adp_top adp_bottom">
|
|
<div class="container text-center">
|
|
<div class="section-title">
|
|
<span>#Main Categories</span>
|
|
<h2>Feature Categories</h2>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="featured-ctg-slider row">
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_1.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Bird's</a></h4>
|
|
<span>(19 items)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_2.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Dog's</a></h4>
|
|
<span>(11 items)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_3.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Girgity's</a></h4>
|
|
<span>(09 items)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_4.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Rabbit's</a></h4>
|
|
<span>(16 items)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_5.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Fish's</a></h4>
|
|
<span>(18 items)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_6.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Cat's</a></h4>
|
|
<span>(15 items)</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<div class="single-food-category">
|
|
<a href="shop.html" class="food-cat-img">
|
|
<img src="img/icons/ctg_7.png" alt="">
|
|
</a>
|
|
<h4><a href="shop.html">Other's</a></h4>
|
|
<span>(11 items)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Food Categry Area End -->
|
|
|
|
<!-- collective product Area Start Here -->
|
|
<div class="collective-product adp_bottom">
|
|
<div class="container">
|
|
<!-- Section Title Start Here -->
|
|
<div class="section-title">
|
|
<span>#Featured Items</span>
|
|
<h2>Collective Products</h2>
|
|
</div>
|
|
<!-- Section Title End Here -->
|
|
<div class="feature-pro-active-wrapper">
|
|
<div class="collective-product-active-4 row default_arrow small_arrow">
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<ul class="grid_color_image">
|
|
<li>
|
|
<div class="variant_img">
|
|
<a class="active" href="img/products/p1.jpg">
|
|
<img src="img/products/p1.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<div class="variant_img">
|
|
<a href="img/products/p2.jpg">
|
|
<img src="img/products/p2.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<div class="variant_img">
|
|
<a href="img/products/p3.jpg">
|
|
<img src="img/products/p3.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Product Image End -->
|
|
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product sold_out_grid">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product sold_out_grid">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<ul class="grid_color_image">
|
|
<li>
|
|
<div class="variant_img">
|
|
<a class="active" href="img/products/p11.jpg">
|
|
<img src="img/products/p11.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<div class="variant_img">
|
|
<a href="img/products/p12.jpg">
|
|
<img src="img/products/p12.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<div class="variant_img">
|
|
<a href="img/products/p13.jpg">
|
|
<img src="img/products/p13.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product sold_out_grid">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<ul class="grid_color_image">
|
|
<li>
|
|
<div class="variant_img">
|
|
<a class="active" href="img/products/p17.jpg">
|
|
<img src="img/products/p17.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<div class="variant_img">
|
|
<a href="img/products/p18.jpg">
|
|
<img src="img/products/p18.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<div class="variant_img">
|
|
<a href="img/products/p19.jpg">
|
|
<img src="img/products/p19.jpg" alt="Varient Img">
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
<!-- Single Product Start -->
|
|
<div class="col-xl-3 col-lg-4 col-md-6">
|
|
<div class="single-template-product">
|
|
<!-- Product Image Start -->
|
|
<div class="pro-img">
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
<a href="product-details.html">
|
|
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
|
|
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
|
|
</a>
|
|
|
|
<div class="item_quick_link">
|
|
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
|
|
</div>
|
|
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Image End -->
|
|
<!-- Product Content Start -->
|
|
<div class="product_content_wrap">
|
|
<div class="product_content">
|
|
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<div class="product_grid_varient">
|
|
|
|
<div class="grid_size">
|
|
<span class="active">S</span>
|
|
<span>M</span>
|
|
<span>L</span>
|
|
<span>XL</span>
|
|
<span>XXL</span>
|
|
</div>
|
|
|
|
<div class="grid_color">
|
|
<span class="active" style="background-color: #ffb2b0"></span>
|
|
<span style="background-color: #0271bc"></span>
|
|
<span style="background-color: #efc87c"></span>
|
|
<span style="background-color: #00c183"></span>
|
|
<span style="background-color: PowderBlue"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid_price">
|
|
<span class="regular-price">$100.50</span>
|
|
<del class="discount_price">$75.50</del>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_add_cart">
|
|
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
|
|
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
|
|
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- Product Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Single Product End -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- collective product Area Start Here -->
|
|
|
|
<!-- countdown_promotion_banner Start Here -->
|
|
<div class="countdown_promotion_banner" style="background:url(img/bg/app_bg.jpg)">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="stroller-content">
|
|
<h4>#Best New Feature Product.</h4>
|
|
<h3>Discount 30% Off</h3>
|
|
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
|
|
<div class="product-count-wrap">
|
|
<div class="product-countdown" data-countdown="2022/06/01"></div>
|
|
</div>
|
|
<div class="small-btn">
|
|
<a href="shop.html">Explore More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="stroller-img">
|
|
<a href="#"><img src="img/bg/countdown_img.png" alt="countdown-img"></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- countdown_promotion_banner End Here -->
|
|
|
|
|
|
<!-- product widget area -->
|
|
<div class="product-widget-area small_with_banner adp_top adp_bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="product-widget-wrapper">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<div class="product-widget-chunk-wrapper">
|
|
<!--======= widget product list title =======-->
|
|
<div class="widget-product-title-wrapper">
|
|
<h3 class="widget-product-title">Most View Products</h3>
|
|
</div>
|
|
<!--======= End of widget product list title =======-->
|
|
|
|
<!--======= widget product list wrapper =======-->
|
|
<div class="small-list-wrapper">
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p1.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$150.00</span>
|
|
<span class="dis-price">$250.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p2.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$150.00</span>
|
|
<span class="dis-price">$200.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p3.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$170.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p4.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$100.00</span>
|
|
<span class="dis-price">$200.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p5.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$190.00</span>
|
|
<span class="dis-price">$250.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p6.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$150.00</span>
|
|
<span class="dis-price">$250.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= End of widget product list wrapper =======-->
|
|
</div>
|
|
<!--======= End of product widget chunk wrapper =======-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<div class="product-widget-chunk-wrapper">
|
|
<!--======= widget product list title =======-->
|
|
<div class="widget-product-title-wrapper">
|
|
<h3 class="widget-product-title">Special Products</h3>
|
|
</div>
|
|
<!--======= End of widget product list title =======-->
|
|
|
|
<!--======= widget product list wrapper =======-->
|
|
<div class="small-list-wrapper">
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p5.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$190.00</span>
|
|
<span class="dis-price">$250.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p6.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$150.00</span>
|
|
<span class="dis-price">$250.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p1.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$150.00</span>
|
|
<span class="dis-price">$250.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p2.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$150.00</span>
|
|
<span class="dis-price">$200.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p3.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$170.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
<!--======= single widget product =======-->
|
|
<div class="small-list-product">
|
|
<div class="small-list-inner">
|
|
<div class="small-list-img">
|
|
<a href="single-product.html">
|
|
<img src="img/products/p4.jpg" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="small-list-content">
|
|
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
|
|
<p class="small-list-price">
|
|
<span class="regular-price">$100.00</span>
|
|
<span class="dis-price">$200.00</span>
|
|
</p>
|
|
|
|
<div class="product-rating">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</div>
|
|
|
|
<ul class="small-list-icons">
|
|
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
|
|
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
|
|
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
|
|
<li>
|
|
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single widget product =======-->
|
|
|
|
|
|
<!--======= End of widget product list wrapper =======-->
|
|
</div>
|
|
<!--======= End of product widget chunk wrapper =======-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6 col-12">
|
|
<div class="small_banner_area">
|
|
<a href="shop.html" tabindex="0">
|
|
<img src="img/banner/product_banner_4.png" class="img-fluid" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of product widget area -->
|
|
|
|
<!--Banner area Start-->
|
|
<div class="banner-area adp_bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
<div class="single-banner">
|
|
<a href="#">
|
|
<img src="img/banner/banner_5.png" alt="Banner Image">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
<div class="single-banner">
|
|
<a href="#">
|
|
<img src="img/banner/banner_6.png" alt="Banner Image">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
<div class="single-banner">
|
|
<a href="#">
|
|
<img src="img/banner/banner_7.png" alt="Banner Image">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Banner area end-->
|
|
|
|
<div class="feature-logo-area adp_bottom">
|
|
<div class="container-fluid ">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<!--======= feature logo wrapper =======-->
|
|
<div class="feature-logo-wrapper">
|
|
<div class="row">
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<!--======= single feature logo =======-->
|
|
<div class="single-feature-logo">
|
|
<div class="single-feature-logo__image">
|
|
<img src="img/icons/service_1.png" class="service" alt="">
|
|
</div>
|
|
<div class="single-feature-logo__content">
|
|
<h4 class="title">FREE SHIPPING</h4>
|
|
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single feature logo =======-->
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<!--======= single feature logo =======-->
|
|
<div class="single-feature-logo">
|
|
<div class="single-feature-logo__image">
|
|
<img src="img/icons/service_2.png" class="service" alt="">
|
|
</div>
|
|
<div class="single-feature-logo__content">
|
|
<h4 class="title">CASH ON DELIVERY</h4>
|
|
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single feature logo =======-->
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<!--======= single feature logo =======-->
|
|
<div class="single-feature-logo">
|
|
<div class="single-feature-logo__image">
|
|
<img src="img/icons/service_3.png" class="service" alt="">
|
|
</div>
|
|
<div class="single-feature-logo__content">
|
|
<h4 class="title">ONLINE SUPPORT 24/7</h4>
|
|
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
|
|
</div>
|
|
</div>
|
|
<!--======= End of single feature logo =======-->
|
|
</div>
|
|
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
|
|
<div class="single-feature-logo">
|
|
<div class="single-feature-logo__image">
|
|
<img src="img/icons/service_4.png" class="service" alt="">
|
|
</div>
|
|
<div class="single-feature-logo__content">
|
|
<h4 class="title">MONEY BACK GURANTEE</h4>
|
|
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!--======= End of feature logo wrapper =======-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Footer Area Start Here -->
|
|
<footer>
|
|
<div class="footer_area_wrapper">
|
|
<div class="container">
|
|
<!-- Footer Middle Start -->
|
|
<div class="footer-top adp_top adp_bottom">
|
|
<div class="row">
|
|
|
|
<!-- Single Footer Start -->
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="footer_widget">
|
|
<h4 class="footer-title">Contact Us</h4>
|
|
<div class="footer-content">
|
|
<p>Lorem Ipsum is simply dummy text printing.</p>
|
|
<ul class="footer_contact">
|
|
<li><i class="icofont-home"></i><span>Address :</span> Unkisn, New York, USA - 23584</li>
|
|
<li><i class="icofont-ui-dial-phone"></i><span>Phone :</span> 010 32654 8564</li>
|
|
<li><i class="icofont-fax"></i><span>FAX :</span> 003 85648 158954</li>
|
|
<li><i class="icofont-email"></i><span>Email :</span> support@example.com</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Footer Start -->
|
|
|
|
<!-- Single Footer Start -->
|
|
<div class="col-lg-2 col-md-6">
|
|
<div class="footer_widget">
|
|
<h4 class="footer-title">Infomation</h4>
|
|
<div class="footer-content">
|
|
<ul class="footer-list">
|
|
<li><a href="#">About Us</a></li>
|
|
<li><a href="#">Contact Us</a></li>
|
|
<li><a href="#">Privacy Policy</a></li>
|
|
<li><a href="#">Terms & Conditions</a></li>
|
|
<li><a href="#">Shipping Policies</a></li>
|
|
<li><a href="#">Term & Conditions</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Footer Start -->
|
|
|
|
<!-- Single Footer Start -->
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="footer_widget">
|
|
<h4 class="footer-title">Instagram Gallery</h4>
|
|
<div class="footer-content">
|
|
<ul class="instagram-img">
|
|
<li><a class="img-popup" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
|
|
<li><a class="img-popup" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
|
|
<li><a class="img-popup" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
|
|
<li><a class="img-popup" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
|
|
<li><a class="img-popup" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
|
|
<li><a class="img-popup" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Footer Start -->
|
|
|
|
<!-- Single Footer Start -->
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="footer_widget">
|
|
<h4 class="footer-title">Newsletter With Apps</h4>
|
|
<p>Lorem Ipsum is simply dummy text.</p>
|
|
<div class="subscribtion_form">
|
|
<form action="#" method="post">
|
|
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
|
|
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
|
|
</form>
|
|
</div>
|
|
<div class="single_footer_apps">
|
|
<div class="footer_heading">
|
|
<h6>Download our Mobile Apps</h6>
|
|
</div>
|
|
<div class="apps_download">
|
|
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
|
|
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Footer Start -->
|
|
|
|
</div>
|
|
<!-- Row End -->
|
|
</div>
|
|
<!-- Footer Middle End -->
|
|
</div>
|
|
<!-- Footer Bottom Start -->
|
|
<div class="footer-bottom ">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-4">
|
|
<div class="footer-copyright ">
|
|
<p>Copyright © 2025 Example Company. All Rights Reserved.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="footer-bottom-right text-center">
|
|
<ul class="footer-social-icon ">
|
|
<li><a href="#"><i class="icofont-facebook"></i></a></li>
|
|
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
|
|
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
|
|
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
|
|
<li><a href="#"><i class="icofont-twitter"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="support_pay text-end">
|
|
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer Bottom End -->
|
|
</div>
|
|
</footer>
|
|
<!-- Footer Area End Here -->
|
|
|
|
|
|
<!-- Quick View Content Start -->
|
|
<div class="main-product-thumbnail quick-thumb-content">
|
|
<div class="container">
|
|
<!-- The Modal -->
|
|
<div class="modal fade" id="myModal">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<!-- Modal Header -->
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-bs-dismiss="modal">×</button>
|
|
</div>
|
|
<!-- Modal body -->
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="product-details product_details_1">
|
|
<div class="product-details-img">
|
|
<div class="tab-content main_large_img product-details-large">
|
|
<div id="shop-details-1" class="tab-pane large-img-style">
|
|
<img src="img/products/p1.jpg" alt="">
|
|
</div>
|
|
<div id="shop-details-2" class="tab-pane active large-img-style">
|
|
<img src="img/products/p2.jpg" alt="">
|
|
</div>
|
|
<div id="shop-details-3" class="tab-pane large-img-style">
|
|
<img src="img/products/p3.jpg" alt="">
|
|
</div>
|
|
<div id="shop-details-4" class="tab-pane large-img-style">
|
|
<img src="img/products/p4.jpg" alt="">
|
|
</div>
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
</div>
|
|
|
|
<div class="shop-details-tab nav product-details-small">
|
|
<a class="shop-details-overly" href="#shop-details-1" data-bs-toggle="tab">
|
|
<img src="img/products/p1.jpg" alt="">
|
|
</a>
|
|
<a class="shop-details-overly active" href="#shop-details-2" data-bs-toggle="tab">
|
|
<img src="img/products/p2.jpg" alt="">
|
|
</a>
|
|
<a class="shop-details-overly" href="#shop-details-3" data-bs-toggle="tab">
|
|
<img src="img/products/p3.jpg" alt="">
|
|
</a>
|
|
<a class="shop-details-overly" href="#shop-details-4" data-bs-toggle="tab">
|
|
<img src="img/products/p4.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Thumbnail Description Start -->
|
|
<div class="col-md-6">
|
|
<div class="thubnail-desc ">
|
|
<h3 class="product-header"><a href="#">Details Product Name Here</a></h3>
|
|
<ul class="rating-summary">
|
|
<li class="rating-pro">
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rating"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
<i class="icofont-ui-rate-blank"></i>
|
|
</li>
|
|
<li class="read-review"><a href="#">View Reviews (2)</a></li>
|
|
<li class="write-review"><a href="#">Write Review</a></li>
|
|
</ul>
|
|
<div class="pro-thumb-price mt-20">
|
|
<span class="regular-price">$98.25</span><del class="discount_price">$72.00</del>
|
|
</div>
|
|
|
|
|
|
<div class="pro-desc-details">Lorem ipsum dolor sit amet, consectetur adipisic elit eiusm tempor incidid ut labore et dolore magna aliqua. Ut enim ad minim venialo quis nostrud ullamco. Enim ad minim venialo quis nostrud ullamco.
|
|
</div>
|
|
|
|
<div class="product-varient-wrapper">
|
|
<div class="product-color pv_class clearfix">
|
|
<label>Color :</label>
|
|
<select class="">
|
|
<option>Red</option>
|
|
<option>Green</option>
|
|
<option>Blue</option>
|
|
<option>Black</option>
|
|
<option>Yellow</option>
|
|
<option>Pink</option>
|
|
</select>
|
|
</div>
|
|
<div class="product-size pv_class clearfix">
|
|
<label>Size :</label>
|
|
<select class="">
|
|
<option>S</option>
|
|
<option>M</option>
|
|
<option>L</option>
|
|
<option>XL</option>
|
|
<option>XXL</option>
|
|
<option>3XL</option>
|
|
</select>
|
|
</div>
|
|
<div class="product-tag pv_class clearfix">
|
|
<label>Tags :</label>
|
|
<select class="">
|
|
<option>Cat</option>
|
|
<option>Dog</option>
|
|
<option>Fish</option>
|
|
<option>Horse</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="details_action_wraper">
|
|
<ul>
|
|
|
|
<li class="box-quantity">
|
|
<form action="#">
|
|
<input class="quantity" type="number" min="1" value="1">
|
|
</form>
|
|
</li>
|
|
<li>
|
|
<a class="details_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0">Add To Cart</a>
|
|
</li>
|
|
<li>
|
|
<a class="details_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a>
|
|
</li>
|
|
<li>
|
|
<a class="details_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="pro-details-social">
|
|
<ul>
|
|
<li><a class="facebook" href="#" title="facebook"><i class="icofont-facebook"></i> Like</a></li>
|
|
<li><a class="twitter" href="#" title="twitter"><i class="icofont-twitter"></i> tweet</a></li>
|
|
<li><a class="pinterest" href="#" title="pinterest"><i class="icofont-pinterest"></i> save</a></li>
|
|
<li><a class="google-plus" href="#" title="google +"><i class="icofont-google-plus"></i> share</a></li>
|
|
<li><a class="linkedin" href="#" title="linkedin"><i class="icofont-linkedin"></i> linked</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="secure_pay">
|
|
<h6>Guaranteed safe Pay :</h6>
|
|
<img src="img/icons/secure_pay.jpg" alt="single-product">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Thumbnail Description End -->
|
|
|
|
|
|
</div>
|
|
<!-- Row End -->
|
|
</div>
|
|
<!-- Modal footer -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Quick View Content End -->
|
|
|
|
</div>
|
|
<!-- Main Wrapper End Here -->
|
|
|
|
<div class="clickable-mainmenu">
|
|
<div class="clickable-mainmenu-icon">
|
|
<button class="clickable-mainmenu-close">
|
|
<i class="icofont-close-line-circled"></i>
|
|
</button>
|
|
</div>
|
|
<div class="side-logo">
|
|
<a href="index.html">
|
|
<img alt="" src="img/logo/logo2.png">
|
|
</a>
|
|
</div>
|
|
<div id="menu" class="text-start clickable-menu-style">
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">home</a>
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">Home (Default)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-2(pet_shop).html">Home-2 (Pet Shop 2)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-3(pet_care).html">Home-3 (Pet Care)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-4(pet_care2).html">Home-4 (Pet Care 2)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-5(food_shop).html">Home-5 (Food Shop)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-6(food_shop2).html">Home-6 (Food Shop 2)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-7(pet_acc).html">Home-7 (Pet Acc)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-8(pet_acc2).html">Home-8 (Pet Acc 2)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-9(lookbook).html">Home-9 (Lookbook)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-10(minimal).html">Home-10 (Minimal)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-11(box).html">Home-11 (Box)</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-12(all_section).html">Home-12 (All Section)</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">All Pages</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">shop grid</a>
|
|
<ul>
|
|
<li>
|
|
<a href="about.html">About Us</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog.html">Blog Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-details.html">Blog Details</a>
|
|
</li>
|
|
<li>
|
|
<a href="contact.html">Contact Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="faq.html">FAQ Page</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">shop list</a>
|
|
<ul>
|
|
<li>
|
|
<a href="shop.html">Shop Grid</a>
|
|
</li>
|
|
<li>
|
|
<a href="shop-list.html">Shop List</a>
|
|
</li>
|
|
<li>
|
|
<a href="cart.html">Cart Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="compare.html">Compare Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="checkout.html">Checkout Page</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">shop list</a>
|
|
<ul>
|
|
<li>
|
|
<a href="wishlist.html">Wishlist Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="login.html">Login Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="register.html">Register Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="404.html">Error Page</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details.html">Product Details</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">shop list</a>
|
|
<ul>
|
|
<li>
|
|
<a href="product-details-2.html">Product Details-2</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-3.html">Product Details-3</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-4.html">Product Details-4</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-5.html">Product Details-5</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-6.html">Product Details-6</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">product details</a>
|
|
<ul>
|
|
<li>
|
|
<a href="product-details.html">Product Details</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-2.html">Product Details-2</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-3.html">Product Details-3</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-4.html">Product Details-4</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-5.html">Product Details-5</a>
|
|
</li>
|
|
<li>
|
|
<a href="product-details-6.html">Product Details-6</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="about.html">about us</a></li>
|
|
<li><a href="contact.html">Contact us</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="side-social">
|
|
|
|
<h4>About Shop</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisic elit eiusm tempor incidid ut labore et dolore magna aliqua.
|
|
|
|
|
|
<ul>
|
|
<li><a class="facebook" href="#"><i class="icofont-facebook"></i></a></li>
|
|
<li><a class="twitter" href="#"><i class="icofont-twitter"></i></a></li>
|
|
<li><a class="linkedin" href="#"><i class="icofont-linkedin"></i></a></li>
|
|
<li><a class="dribbble" href="#"><i class="icofont-dribbble"></i></a></li>
|
|
<li><a class="pinterest" href="#"><i class="icofont-pinterest"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jquery 3.3.1 -->
|
|
<script src="js/vendor/jquery-3.3.1.min.js"></script>
|
|
<!-- Mobile menu js -->
|
|
<script src="js/jquery.meanmenu.min.js"></script>
|
|
<!-- ScrollUp js -->
|
|
<script src="js/jquery.scrollUp.js"></script>
|
|
<!-- Jquery nice select js -->
|
|
<script src="js/jquery.nice-select.min.js"></script>
|
|
<!-- Jquery ui price slider js -->
|
|
<script src="js/jquery-ui.min.js"></script>
|
|
<!-- Bootstrap popper js -->
|
|
<script src="js/popper.min.js"></script>
|
|
<!-- Bootstrap js -->
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<!-- Plugin js -->
|
|
<script src="js/plugins.js"></script>
|
|
<!-- Main activaion js -->
|
|
<script src="js/main.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |