2353 lines
94 KiB
HTML
2353 lines
94 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-four header-sticky">
|
|
<div class="container">
|
|
|
|
<div class="row align-items-center">
|
|
<!-- Logo Start -->
|
|
<div class="col-xl-2 col-lg-2 col-6">
|
|
<div class="logo">
|
|
<a href="index.html">
|
|
<img src="img/logo/logo2.png" alt="logo-image">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- Logo End -->
|
|
|
|
<div class="col-xl-8 col-lg-8 d-none d-lg-block">
|
|
<nav>
|
|
<ul class="header-menu-list text-center">
|
|
<li class="active">
|
|
<a class="drop-icon" href="index.html">home</a>
|
|
<!-- Home Version Dropdown Start -->
|
|
<ul class="common_ddown">
|
|
<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>
|
|
<!-- Home Version Dropdown End -->
|
|
</li>
|
|
<li class="static_class">
|
|
<a class="drop-icon" href="shop.html">All Pages</a>
|
|
<!-- Mega-Menu Start -->
|
|
<ul class="common_ddown megamenu mega_style_2">
|
|
<!-- Single Column Start -->
|
|
<li>
|
|
<ul>
|
|
<li class="menu-tile">Mega Title</li>
|
|
<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>
|
|
<!-- Single Column End -->
|
|
<!-- Single Column Start -->
|
|
<li>
|
|
<ul>
|
|
<li class="menu-tile">Mega Title</li>
|
|
<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>
|
|
<!-- Single Column End -->
|
|
<!-- Single Column Start -->
|
|
<li>
|
|
<ul>
|
|
<li class="menu-tile">Mega Title</li>
|
|
<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>
|
|
<!-- Single Column End -->
|
|
<!-- Single Column Start -->
|
|
<li>
|
|
<ul>
|
|
<li class="menu-tile">Mega Title</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>
|
|
<!-- Single Column End -->
|
|
|
|
<li class="mega_img"><a href="#"><img src="img/banner/mega_menu.png" alt="mega_menu"></a></li>
|
|
|
|
</ul>
|
|
<!-- Mega-Menu End -->
|
|
</li>
|
|
<li><a href="shop.html">Shop</a></li>
|
|
<li>
|
|
<a class="drop-icon" href="#">Products</a>
|
|
<!-- Home Version Dropdown Start -->
|
|
<ul class="common_ddown">
|
|
<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>
|
|
<!-- Home Version Dropdown End -->
|
|
</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>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- 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>
|
|
</div>
|
|
<div class="cart-content">
|
|
<h6>
|
|
<a href="product-details.html">Product Title Here 1</a>
|
|
</h6>
|
|
<span>M, Red</span>
|
|
<span class="cart-price">35.00 x 1</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>
|
|
</div>
|
|
<div class="cart-content">
|
|
<h6>
|
|
<a href="product-details.html">Product Title Here 2</a>
|
|
</h6>
|
|
<span>L, White</span>
|
|
<span class="cart-price">22.00 x 1</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>$85.00</span>
|
|
</li>
|
|
<li>Shipping
|
|
<span>$5.50</span>
|
|
</li>
|
|
<li>Total
|
|
<span>$90.50</span>
|
|
</li>
|
|
</ul>
|
|
<div class="cart-actions text-center">
|
|
<a class="cart-checkout" href="checkout.html">Checkout</a>
|
|
<a class="cart-checkout" href="cart.html">View Cart</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>
|
|
<div class="single-select-block">
|
|
<h3>My Account</h3>
|
|
<select>
|
|
<option value="1">Register</option>
|
|
<option value="2">Login</option>
|
|
<option value="3">My Account</option>
|
|
</select>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="single-select-block">
|
|
<h3>Currency</h3>
|
|
<select>
|
|
<option value="1">USD - US Dollar</option>
|
|
<option value="2">EUR - Euro</option>
|
|
<option value="3">GBP - British Pound</option>
|
|
<option value="3">Ruppe - Indian Ruppe</option>
|
|
<option value="3">Bath - Indonisan Bath</option>
|
|
<option value="3">Egitp - Misorian</option>
|
|
</select>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="single-select-block">
|
|
<h3>Language</h3>
|
|
<select>
|
|
<option value="1">English</option>
|
|
<option value="2">French</option>
|
|
<option value="3">Mandrin</option>
|
|
<option value="3">Arabic</option>
|
|
<option value="3">Turkis</option>
|
|
<option value="3">Russia</option>
|
|
</select>
|
|
</div>
|
|
</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 (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>
|
|
<!-- Home Version Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">All Products</a>
|
|
<!-- Men Accessories Dropdown Start -->
|
|
<ul class="submobile-mega-dropdown">
|
|
<li>
|
|
<a href="#">Mega Title</a>
|
|
<!-- Watches Dropdown Start -->
|
|
<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="#">Mega Title</a>
|
|
<!-- Shoes Dropdown Start -->
|
|
<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>
|
|
<!-- Shoes Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">Mega Title</a>
|
|
<!-- Bags Dropdown Start -->
|
|
<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>
|
|
<!-- Bags Dropdown End -->
|
|
</li>
|
|
<li>
|
|
<a href="#">Mega Title</a>
|
|
<!-- Bags Dropdown Start -->
|
|
<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>
|
|
<!-- Bags Dropdown End -->
|
|
</li>
|
|
</ul>
|
|
<!-- Men Accessories Dropdown End -->
|
|
</li>
|
|
<li><a href="shop.html">Shop</a></li>
|
|
<li>
|
|
<a href="#">Products</a>
|
|
<!-- Home Version Dropdown Start -->
|
|
<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>
|
|
<!-- Home Version Dropdown End -->
|
|
</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>
|
|
</nav>
|
|
</div>
|
|
<!-- Mobile Menu End Here -->
|
|
|
|
</div>
|
|
<!-- Container End -->
|
|
</header>
|
|
<!-- Header Area End Here -->
|
|
|
|
|
|
<!-- Breadcrumb Area Start Here -->
|
|
<div class="breadcrumb-area" style="background-image: url(img/bg/breadcrumb_bg_2.jpg)">
|
|
<div class="container text-center">
|
|
<h3>Breadcrumb Title</h3>
|
|
<ol class="breadcrumb breadcrumb-list">
|
|
<li class="breadcrumb-item">
|
|
<a href="index.html">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item active">Product Details-2</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<!-- Breadcrumb Area End Here -->
|
|
|
|
|
|
<!-- Product Thumbnail Start -->
|
|
<div class="main-product-thumbnail product_details_wrap_2 adp_top adp_bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-lg-6 col-md-12 col-12">
|
|
<div class="product-details-img product-details-tab product_details_2 left_side">
|
|
<div id="gallery" class="product-dec-slider-2 thumb_image_small mini_arrow_var">
|
|
<a data-image="img/products/p1.jpg" data-zoom-image="img/products/p1.jpg">
|
|
<img src="img/products/p1.jpg" alt="">
|
|
</a>
|
|
<a data-image="img/products/p2.jpg" data-zoom-image="img/products/p2.jpg">
|
|
<img src="img/products/p2.jpg" alt="">
|
|
</a>
|
|
<a data-image="img/products/p3.jpg" data-zoom-image="img/products/p3.jpg">
|
|
<img src="img/products/p3.jpg" alt="">
|
|
</a>
|
|
<a data-image="img/products/p4.jpg" data-zoom-image="img/products/p4.jpg">
|
|
<img src="img/products/p4.jpg" alt="">
|
|
</a>
|
|
<a data-image="img/products/p5.jpg" data-zoom-image="img/products/p5.jpg">
|
|
<img src="img/products/p5.jpg" alt="">
|
|
</a>
|
|
<a data-image="img/products/p6.jpg" data-zoom-image="img/products/p6.jpg">
|
|
<img src="img/products/p6.jpg" alt="">
|
|
</a>
|
|
|
|
<a data-image="img/products/p5.jpg" data-zoom-image="img/products/p5.jpg">
|
|
<img src="img/products/p5.jpg" alt="">
|
|
</a>
|
|
<a data-image="img/products/p6.jpg" data-zoom-image="img/products/p6.jpg">
|
|
<img src="img/products/p6.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="zoompro-wrap zoompro-2 thumb_image_large">
|
|
<div class="zoompro-border zoompro-span">
|
|
<img class="zoompro" src="img/products/p1.jpg" data-zoom-image="img/products/p1.jpg" alt=""/>
|
|
|
|
<div class="product-video">
|
|
<a class="video-popup" href="#">
|
|
<i class="icofont-video-alt"></i>
|
|
Explore Video
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="sticker-sale">-25%</span>
|
|
<span class="sticker-new">New</span>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Thumbnail Description Start -->
|
|
<div class="col-lg-6 col-md-12 col-12">
|
|
<div class="thubnail-desc ">
|
|
<h3 class="product-header">Details Product Name Here</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 exercitation ullamco. consectetur adipisic elit eiusm tempor.
|
|
|
|
<ul class="pro-list-features">
|
|
<li>- SKU : <a href="#">2022</a></li>
|
|
<li>- Type : <a href="#">Type 1</a></li>
|
|
<li>- Vendor : <a href="#">Apple</a></li>
|
|
</ul>
|
|
</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 class="product-ctg pv_class clearfix">
|
|
<label>Categorie :</label>
|
|
<select class="">
|
|
<option>Foreign</option>
|
|
<option>Local</option>
|
|
<option>Pets</option>
|
|
<option>Animal</option>
|
|
<option>Birds</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="size_color_wraper">
|
|
<div class="color clearfix mb-30">
|
|
<label>Color :</label>
|
|
<ul class="color-list">
|
|
<li><a style="background:red" href="#"></a></li>
|
|
<li><a style="background:green" href="#"></a></li>
|
|
<li class="active"><a style="background:yellow" href="#"></a></li>
|
|
<li><a style="background:purple" href="#"></a></li>
|
|
<li><a style="background:white" href="#"></a></li>
|
|
<li><a style="background:pink" href="#"></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="theme_size clearfix">
|
|
<label>Size :</label>
|
|
<ul class="color-list size_list">
|
|
<li><a href="#">S</a></li>
|
|
<li><a href="#">M</a></li>
|
|
<li class="active"><a href="#">L</a> </li>
|
|
<li><a href="#">XL</a></li>
|
|
<li><a href="#">XXL</a></li>
|
|
<li><a href="#">3XL</a></li>
|
|
</ul>
|
|
</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="tag_cat_wrapper">
|
|
<div class="pro-details-meta">
|
|
<span>Tag :</span>
|
|
<ul>
|
|
<li><a href="#">Cat, </a></li>
|
|
<li><a href="#">Dog,</a></li>
|
|
<li><a href="#">Horse</a></li>
|
|
<li><a href="#">Fish</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="pro-details-meta">
|
|
<span>Categories :</span>
|
|
<ul>
|
|
<li><a href="#">Foreign,</a></li>
|
|
<li><a href="#">Bird,</a></li>
|
|
<li><a href="#">Fish</a></li>
|
|
</ul>
|
|
</div>
|
|
</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="product_additional_information">
|
|
<button type="button" data-bs-toggle="modal" data-bs-target="#measurment">
|
|
<i class="icofont-ruler-pencil-alt-1"></i> Measurement
|
|
</button>
|
|
<button type="button" data-bs-toggle="modal" data-bs-target="#shipping_policy">
|
|
<i class="icofont-truck-loaded"></i> Shipping Policy
|
|
</button>
|
|
<button type="button" data-bs-toggle="modal" data-bs-target="#product_oponion">
|
|
<i class="icofont-ui-message"></i>Query About This product
|
|
</button>
|
|
</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>
|
|
<!-- Container End -->
|
|
</div>
|
|
<!-- Product Thumbnail End -->
|
|
<!-- Product Thumbnail Description Start -->
|
|
<div class="thumnail-desc">
|
|
<div class="container">
|
|
<div class="thumb-desc-inner">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<ul class="main-thumb-desc nav tabs-area" role="tablist">
|
|
<li><a class="active" data-bs-toggle="tab" href="#dtail">Description</a></li>
|
|
<li><a data-bs-toggle="tab" href="#review">Reviews</a></li>
|
|
<li><a data-bs-toggle="tab" href="#new_tab_1">Special Notes</a></li>
|
|
</ul>
|
|
<!-- Product Thumbnail Tab Content Start -->
|
|
<div class="tab-content thumb-content">
|
|
<div id="dtail" class="tab-pane fade show active">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
</div>
|
|
<div id="review" class="tab-pane fade">
|
|
<!-- Reviews Start -->
|
|
<div class="review">
|
|
<div class="group-title">
|
|
<h2>Customer Review</h2>
|
|
</div>
|
|
|
|
<div class="riview-field">
|
|
<form autocomplete="off" action="#">
|
|
<div class="form-group">
|
|
<label class="req" for="sure-name">Name</label>
|
|
<input type="text" class="form-control" id="sure-name" required="required">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="req" for="subject">Email</label>
|
|
<input type="email" class="form-control" id="subject" required="required">
|
|
</div>
|
|
|
|
<div class="rating_wrap">
|
|
<h5>Your Rating</h5>
|
|
<ul class="review-list">
|
|
<!-- Single Review List Start -->
|
|
<li>
|
|
<i class="icofont-ui-rating"></i>
|
|
<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>
|
|
</li>
|
|
<!-- Single Review List End -->
|
|
</ul>
|
|
<!-- Reviews Field Start -->
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="req" for="subject2">Title of Review</label>
|
|
<input type="text" class="form-control" id="subject2" required="required">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="req" for="comments">Your Review (1000) characters remaining </label>
|
|
<textarea class="form-control" rows="5" id="comments" required="required"></textarea>
|
|
</div>
|
|
<button type="submit" class="customer-btn">Submit</button>
|
|
</form>
|
|
</div>
|
|
<!-- Reviews Field Start -->
|
|
</div>
|
|
<!-- Reviews End -->
|
|
</div>
|
|
<div id="new_tab_1" class="tab-pane fade">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu Donec ac tempus ante.
|
|
|
|
Fusce ultricies massa massa. Fusce aliquam, purus eget sagittis vulputate, sapien libero hendrerit est, sed commodo augue nisi non neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempor, lorem et placerat vestibulum, metus nisi posuere nisl, in accumsan elit odio quis mi.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Product Thumbnail Tab Content End -->
|
|
</div>
|
|
</div>
|
|
<!-- Row End -->
|
|
</div>
|
|
</div>
|
|
<!-- Container End -->
|
|
</div>
|
|
<!-- Product Thumbnail Description End -->
|
|
|
|
|
|
<!-- collective product Area Start Here -->
|
|
<div class="collective-product adp_top adp_bottom">
|
|
<div class="container">
|
|
<!-- Section Title Start Here -->
|
|
<div class="section-title">
|
|
<span>#Our products</span>
|
|
<h2>Related 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 -->
|
|
|
|
|
|
<!-- Footer Area Start Here -->
|
|
<footer>
|
|
<div class="footer_area_wrapper footer_color_bg" style="background-color:#1d2536">
|
|
<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 -->
|
|
|
|
<div class="modal fade common_class_modal measurment_modal_wrapper" id="measurment" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header justify-content-end">
|
|
<button type="button" data-bs-dismiss="modal" aria-label="Close"><i class="icofont-close"></i> </button>
|
|
</div>
|
|
<div class="modal-body"><table class="table-size-guide responsive-table table-center">
|
|
<tbody>
|
|
<tr>
|
|
<th>INTERNATIONAL</th>
|
|
<th>XS</th>
|
|
<th>S</th>
|
|
<th>M</th>
|
|
<th>L</th>
|
|
<th>XL</th>
|
|
<th>XXL</th>
|
|
<th>XXXL</th>
|
|
</tr>
|
|
<tr>
|
|
<td>EUROPE</td>
|
|
<td>32</td>
|
|
<td>34</td>
|
|
<td>36</td>
|
|
<td>38</td>
|
|
<td>40</td>
|
|
<td>42</td>
|
|
<td>44</td>
|
|
</tr>
|
|
<tr>
|
|
<td>US</td>
|
|
<td>0</td>
|
|
<td>2</td>
|
|
<td>4</td>
|
|
<td>6</td>
|
|
<td>8</td>
|
|
<td>10</td>
|
|
<td>12</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CHEST FIT (INCHES)</td>
|
|
<td>28"</td>
|
|
<td>30"</td>
|
|
<td>32"</td>
|
|
<td>34"</td>
|
|
<td>36"</td>
|
|
<td>38"</td>
|
|
<td>40"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CHEST FIT (CM)</td>
|
|
<td>716</td>
|
|
<td>76</td>
|
|
<td>81</td>
|
|
<td>86</td>
|
|
<td>91.5</td>
|
|
<td>96.5</td>
|
|
<td>101.1</td>
|
|
</tr>
|
|
<tr>
|
|
<td>WAIST FIR (INCHES)</td>
|
|
<td>21"</td>
|
|
<td>23"</td>
|
|
<td>25"</td>
|
|
<td>27"</td>
|
|
<td>29"</td>
|
|
<td>31"</td>
|
|
<td>33"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>WAIST FIR (CM)</td>
|
|
<td>53.5</td>
|
|
<td>58.5</td>
|
|
<td>63.5</td>
|
|
<td>68.5</td>
|
|
<td>74</td>
|
|
<td>79</td>
|
|
<td>84</td>
|
|
</tr>
|
|
<tr>
|
|
<td>HIPS FIR (INCHES)</td>
|
|
<td>33"</td>
|
|
<td>34"</td>
|
|
<td>36"</td>
|
|
<td>38"</td>
|
|
<td>40"</td>
|
|
<td>42"</td>
|
|
<td>44"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>HIPS FIR (CM)</td>
|
|
<td>81.5</td>
|
|
<td>86.5</td>
|
|
<td>91.5</td>
|
|
<td>96.5</td>
|
|
<td>101</td>
|
|
<td>106.5</td>
|
|
<td>111.5</td>
|
|
</tr>
|
|
<tr>
|
|
<td>SKORT LENGTHS (SM)</td>
|
|
<td>36.5</td>
|
|
<td>38</td>
|
|
<td>39.5</td>
|
|
<td>41</td>
|
|
<td>42.5</td>
|
|
<td>44</td>
|
|
<td>45.5</td>
|
|
</tr>
|
|
</tbody>
|
|
</table></div>
|
|
</div>
|
|
</div>
|
|
</div><!-- Modal -->
|
|
|
|
<div class="modal fade common_class_modal modal_shipping_wrapper" id="shipping_policy" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header justify-content-end">
|
|
<button type="button" data-bs-dismiss="modal" aria-label="Close"><i class="icofont-close"></i> </button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h4># Shipping Policy</h4>
|
|
<ul>
|
|
<li>See the delivery FAQs for details on shipping methods</li>
|
|
<li>In-store collection available within 1 to 7 business days</li>
|
|
<li>Next-day and Express delivery options also loerm isp available</li>
|
|
<li>Purchases are delivered in an orange box tied with a Bolduc ribbon, with the exception of certain items</li>
|
|
<li>See the delivery FAQs for details on shipping methods, costs and delivery times</li>
|
|
</ul>
|
|
<h4># Return & Exchanges Policy</h4>
|
|
<ul>
|
|
<li>Easy and complimentary, within 7 days</li>
|
|
<li>See conditions and procedure in our return FAQs</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- Modal -->
|
|
|
|
<div class="modal fade common_class_modal modal_opinion_wrapper" id="product_oponion" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog modal-md modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Have Any Query?</h5>
|
|
<button type="button" data-bs-dismiss="modal" aria-label="Close"><i class="icofont-close"></i> </button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="product_oponion_form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" />
|
|
<div class="row">
|
|
<div class="col-12">
|
|
|
|
|
|
</div>
|
|
<div class="col-md-12 mb-40">
|
|
<input type="text" required placeholder="Name *" class="" name="contact[name]" id="ContactFormName" value="">
|
|
</div>
|
|
<div class="col-md-12 mb-40">
|
|
<input type="email" required placeholder="Email *" class="" name="contact[email]" id="ContactFormEmail" value="">
|
|
</div>
|
|
<div class="col-lg-12 mb-40">
|
|
<input type="text" id="ContactFormSubject" name="contact[subject]" placeholder="Phone Number *" value="">
|
|
</div>
|
|
<div class="col-lg-12 mb-40">
|
|
<textarea placeholder="Your Message *" class="custom-textarea" name="contact[body]" id="ContactFormMessage"></textarea>
|
|
</div>
|
|
<div class="col-lg-12 text-center">
|
|
<button type="submit" value="submit" class="query_button">Send Query</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 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 -->
|
|
|
|
<!-- 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> |