2340 lines
152 KiB
HTML
2340 lines
152 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
||
|
||
<title>oBanana B2B - Elevate Your Business</title>
|
||
<meta name="keywords"
|
||
content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
|
||
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
|
||
<meta name="author" content="ashishmaraviya">
|
||
|
||
<!-- site Favicon -->
|
||
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
|
||
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
|
||
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
|
||
|
||
<!-- css Icon Font -->
|
||
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
|
||
|
||
<!-- css All Plugins Files -->
|
||
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
|
||
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
|
||
|
||
<!-- Main Style -->
|
||
<link rel="stylesheet" href="assets/css/style.css" />
|
||
<link rel="stylesheet" href="assets/css/responsive.css" />
|
||
|
||
<!-- Background css -->
|
||
<link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
|
||
</head>
|
||
<body class="product_page">
|
||
<div id="ec-overlay">
|
||
<div class="ec-ellipsis">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Header start -->
|
||
<header class="ec-header">
|
||
<!--Ec Header Top Start -->
|
||
<div class="header-top">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<!-- Header Top social Start -->
|
||
<div class="col text-left header-top-left d-none d-lg-block">
|
||
<div class="header-top-social">
|
||
<span class="social-text text-upper">Follow us on:</span>
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item"><a class="hdr-facebook" href="#"><i
|
||
class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-twitter" href="#"><i
|
||
class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-instagram" href="#"><i
|
||
class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-linkedin" href="#"><i
|
||
class="ecicon eci-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Header Top social End -->
|
||
<!-- Header Top Message Start -->
|
||
<div class="col text-center header-top-center">
|
||
<div class="header-top-message text-upper">
|
||
<span>Free Shipping</span>This Week Order Over - $75
|
||
</div>
|
||
</div>
|
||
<!-- Header Top Message End -->
|
||
<!-- Header Top Language Currency -->
|
||
<div class="col header-top-right d-none d-lg-block">
|
||
<div class="header-top-lan-curr d-flex justify-content-end">
|
||
<!-- Currency Start -->
|
||
<div class="header-top-curr dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Currency <i
|
||
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">USD $</a></li>
|
||
<li><a class="dropdown-item" href="#">EUR €</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Currency End -->
|
||
<!-- Language Start -->
|
||
<div class="header-top-lan dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i
|
||
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">English</a></li>
|
||
<li><a class="dropdown-item" href="#">Italiano</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Language End -->
|
||
|
||
</div>
|
||
</div>
|
||
<!-- Header Top Language Currency -->
|
||
<!-- Header Top responsive Action -->
|
||
<div class="col d-lg-none ">
|
||
<div class="ec-header-bottons">
|
||
<!-- Header User Start -->
|
||
<div class="ec-header-user dropdown">
|
||
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i
|
||
class="fi-rr-user"></i></button>
|
||
<ul class="dropdown-menu dropdown-menu-right">
|
||
<li><a class="dropdown-item" href="register.php">Register</a></li>
|
||
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
|
||
<li><a class="dropdown-item" href="login.php">Login</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Header User End -->
|
||
<!-- Header Cart Start -->
|
||
<a href="wishlist.html" class="ec-header-btn ec-header-wishlist">
|
||
<div class="header-icon"><i class="fi-rr-heart"></i></div>
|
||
<span class="ec-header-count">4</span>
|
||
</a>
|
||
<!-- Header Cart End -->
|
||
<!-- Header Cart Start -->
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
|
||
<span class="ec-header-count cart-count-lable">3</span>
|
||
</a>
|
||
<!-- Header Cart End -->
|
||
<!-- Header menu Start -->
|
||
<a href="#ec-mobile-menu" class="ec-header-btn ec-side-toggle d-lg-none">
|
||
<i class="fi fi-rr-menu-burger"></i>
|
||
</a>
|
||
<!-- Header menu End -->
|
||
</div>
|
||
</div>
|
||
<!-- Header Top responsive Action -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Top End -->
|
||
<!-- Ec Header Bottom Start -->
|
||
<div class="ec-header-bottom d-none d-lg-block">
|
||
<div class="container position-relative">
|
||
<div class="row">
|
||
<div class="ec-flex">
|
||
<!-- Ec Header Logo Start -->
|
||
<div class="align-self-center">
|
||
<div class="header-logo">
|
||
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
|
||
class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo"
|
||
style="display: none;" /></a>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Logo End -->
|
||
|
||
<!-- Ec Header Search Start -->
|
||
<div class="align-self-center">
|
||
<div class="header-search">
|
||
<form class="ec-btn-group-form" action="#">
|
||
<input class="form-control ec-search-bar" placeholder="Search products..."
|
||
type="text">
|
||
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Search End -->
|
||
|
||
<!-- Ec Header Button Start -->
|
||
<div class="align-self-center">
|
||
<div class="ec-header-bottons">
|
||
|
||
<!-- Header User Start -->
|
||
<div class="ec-header-user dropdown">
|
||
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i
|
||
class="fi-rr-user"></i></button>
|
||
<ul class="dropdown-menu dropdown-menu-right">
|
||
<li><a class="dropdown-item" href="register.php">Register</a></li>
|
||
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
|
||
<li><a class="dropdown-item" href="login.php">Login</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Header User End -->
|
||
<!-- Header wishlist Start -->
|
||
<a href="wishlist.html" class="ec-header-btn ec-header-wishlist">
|
||
<div class="header-icon"><i class="fi-rr-heart"></i></div>
|
||
<span class="ec-header-count">4</span>
|
||
</a>
|
||
<!-- Header wishlist End -->
|
||
<!-- Header Cart Start -->
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
|
||
<span class="ec-header-count cart-count-lable">3</span>
|
||
</a>
|
||
<!-- Header Cart End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Button End -->
|
||
<!-- Header responsive Bottom Start -->
|
||
<div class="ec-header-bottom d-lg-none">
|
||
<div class="container position-relative">
|
||
<div class="row ">
|
||
|
||
<!-- Ec Header Logo Start -->
|
||
<div class="col">
|
||
<div class="header-logo">
|
||
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img
|
||
class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo"
|
||
style="display: none;" /></a>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Logo End -->
|
||
<!-- Ec Header Search Start -->
|
||
<div class="col">
|
||
<div class="header-search">
|
||
<form class="ec-btn-group-form" action="#">
|
||
<input class="form-control ec-search-bar" placeholder="Search products..." type="text">
|
||
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Search End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Header responsive Bottom End -->
|
||
<!-- EC Main Menu Start -->
|
||
<div id="ec-main-menu-desk" class="d-none d-lg-block sticky-nav">
|
||
<div class="container position-relative">
|
||
<div class="row">
|
||
<div class="col-md-12 align-self-center">
|
||
<div class="ec-main-menu">
|
||
<ul>
|
||
<li><a href="index.php">Home</a></li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Categories</a>
|
||
<ul class="mega-menu d-block">
|
||
<li class="d-flex">
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">Classic
|
||
Variation</a></li>
|
||
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a>
|
||
</li>
|
||
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a>
|
||
</li>
|
||
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a>
|
||
</li>
|
||
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a>
|
||
</li>
|
||
<li><a href="shop-full-width.html">Full width 4 column</a></li>
|
||
</ul>
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">Classic
|
||
Variation</a></li>
|
||
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
|
||
column</a></li>
|
||
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
|
||
column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar
|
||
3 column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar
|
||
4 column</a></li>
|
||
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">Columns
|
||
Variation</a></li>
|
||
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
|
||
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">List Variation</a>
|
||
</li>
|
||
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
|
||
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
|
||
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a>
|
||
</li>
|
||
<li><a href="shop-list-banner-right-sidebar.html">Banner right
|
||
sidebar</a></li>
|
||
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<ul class="ec-main-banner w-100">
|
||
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
|
||
class="img-responsive" src="assets/images/menu-banner/1.jpg"
|
||
alt=""></a></li>
|
||
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
|
||
class="img-responsive" src="assets/images/menu-banner/2.jpg"
|
||
alt=""></a></li>
|
||
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
|
||
class="img-responsive" src="assets/images/menu-banner/3.jpg"
|
||
alt=""></a></li>
|
||
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
|
||
class="img-responsive" src="assets/images/menu-banner/4.jpg"
|
||
alt=""></a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Products</a>
|
||
<ul class="sub-menu">
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product page
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
|
||
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product 360
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
|
||
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product video
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="product-video-left-sidebar.html">Video left sidebar</a>
|
||
</li>
|
||
<li><a href="product-video-right-sidebar.html">Video right sidebar</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product
|
||
gallery
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a>
|
||
</li>
|
||
<li><a href="product-gallery-right-sidebar.html">Gallery right
|
||
sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="product-full-width.html">Product full width</a></li>
|
||
<li><a href="product-360-full-width.html">360 full width</a></li>
|
||
<li><a href="product-video-full-width.html">Video full width</a></li>
|
||
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="about-us.html">About Us</a></li>
|
||
<li><a href="contact-us.html">Contact Us</a></li>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
<li><a href="compare.html">Compare</a></li>
|
||
<li><a href="faq.html">FAQ</a></li>
|
||
<li><a href="login.php">Login</a></li>
|
||
<li><a href="register.php">Register</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="terms-condition.html">Terms Condition</a></li>
|
||
<li><a href="privacy-policy.html">Privacy Policy</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><span class="main-label-note-new" data-toggle="tooltip"
|
||
title="NEW"></span><a href="javascript:void(0)">Others</a>
|
||
<ul class="sub-menu">
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Mail
|
||
Confirmation
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
|
||
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
|
||
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
|
||
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
|
||
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Mail Reset
|
||
password
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="email-template-forgot-password-1.html">Reset password 1</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-2.html">Reset password 2</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-3.html">Reset password 3</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-4.html">Reset password 4</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-5.html">Reset password 5</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Mail
|
||
Promotional
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="email-template-offers-1.html">Offer mail 1</a></li>
|
||
<li><a href="email-template-offers-2.html">Offer mail 2</a></li>
|
||
<li><a href="email-template-offers-3.html">Offer mail 3</a></li>
|
||
<li><a href="email-template-offers-4.html">Offer mail 4</a></li>
|
||
<li><a href="email-template-offers-5.html">Offer mail 5</a></li>
|
||
<li><a href="email-template-offers-6.html">Offer mail 6</a></li>
|
||
<li><a href="email-template-offers-7.html">Offer mail 7</a></li>
|
||
<li><a href="email-template-offers-8.html">Offer mail 8</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static">
|
||
<span class="label-note-hot"></span>
|
||
<a href="javascript:void(0)">Vendor account pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="vendor-dashboard.html">Vendor Dashboard</a></li>
|
||
<li><a href="vendor-profile.html">Vendor Profile</a></li>
|
||
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
|
||
<li><a href="vendor-settings.html">Vendor Settings</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static">
|
||
<span class="label-note-trending"></span>
|
||
<a href="javascript:void(0)">User account pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="user-profile.html">User Profile</a></li>
|
||
<li><a href="user-history.html">History</a></li>
|
||
<li><a href="wishlist.html">Wishlist</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="user-invoice.html">Invoice</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Construction
|
||
pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="404-error-page.html">404 error page</a></li>
|
||
<li><a href="under-maintenance.html">maintanence page</a></li>
|
||
<li><a href="coming-soon.html">Coming soon page</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static">
|
||
<span class="label-note-new"></span>
|
||
<a href="javascript:void(0)">Vendor Catalog pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
|
||
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
|
||
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
|
||
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
|
||
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
|
||
<li><a href="blog-full-width.html">Blog full width</a></li>
|
||
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="elemets-products.html">Products</a></li>
|
||
<li><a href="elemets-typography.html">Typography</a></li>
|
||
<li><a href="elemets-title.html">Titles</a></li>
|
||
<li><a href="elemets-categories.html">Categories</a></li>
|
||
<li><a href="elemets-buttons.html">Buttons</a></li>
|
||
<li><a href="elemets-tabs.html">Tabs</a></li>
|
||
<li><a href="elemets-accordions.html">Accordions</a></li>
|
||
<li><a href="elemets-blog.html">Blogs</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="offer.html">Hot Offers</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Main Menu End -->
|
||
<!-- ekka Mobile Menu Start -->
|
||
<div id="ec-mobile-menu" class="ec-side-cart ec-mobile-menu">
|
||
<div class="ec-menu-title">
|
||
<span class="menu_title">My Menu</span>
|
||
<button class="ec-close">×</button>
|
||
</div>
|
||
<div class="ec-menu-inner">
|
||
<div class="ec-menu-content">
|
||
<ul>
|
||
<li><a href="index.php">Home</a></li>
|
||
<li><a href="javascript:void(0)">Categories</a>
|
||
<ul class="sub-menu">
|
||
<li>
|
||
<a href="javascript:void(0)">Classic Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a></li>
|
||
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a></li>
|
||
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a></li>
|
||
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a></li>
|
||
<li><a href="shop-full-width.html">Full width 4 column</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">Classic Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
|
||
column</a></li>
|
||
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
|
||
column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar 3
|
||
column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar 4
|
||
column</a></li>
|
||
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">Columns Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
|
||
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">List Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
|
||
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
|
||
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a></li>
|
||
<li><a href="shop-list-banner-right-sidebar.html">Banner right sidebar</a></li>
|
||
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive"
|
||
src="assets/images/menu-banner/1.jpg" alt=""></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Products</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="javascript:void(0)">Product page</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
|
||
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Product 360</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
|
||
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Product vodeo</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="product-video-left-sidebar.html">vodeo left sidebar</a></li>
|
||
<li><a href="product-video-right-sidebar.html">vodeo right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Product gallery</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a></li>
|
||
<li><a href="product-gallery-right-sidebar.html">Gallery right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="product-full-width.html">Product full width</a></li>
|
||
<li><a href="product-360-full-width.html">360 full width</a></li>
|
||
<li><a href="product-video-full-width.html">Video full width</a></li>
|
||
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Others</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="javascript:void(0)">Mail Confirmation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
|
||
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
|
||
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
|
||
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
|
||
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Mail Reset password</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="email-template-forgot-password-1.html">Reset password 1</a></li>
|
||
<li><a href="email-template-forgot-password-2.html">Reset password 2</a></li>
|
||
<li><a href="email-template-forgot-password-3.html">Reset password 3</a></li>
|
||
<li><a href="email-template-forgot-password-4.html">Reset password 4</a></li>
|
||
<li><a href="email-template-forgot-password-5.html">Reset password 5</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Mail Promotional</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="email-template-offers-1.html">Offer Mail 1</a></li>
|
||
<li><a href="email-template-offers-2.html">Offer Mail 2</a></li>
|
||
<li><a href="email-template-offers-3.html">Offer Mail 3</a></li>
|
||
<li><a href="email-template-offers-4.html">Offer Mail 4</a></li>
|
||
<li><a href="email-template-offers-5.html">Offer Mail 5</a></li>
|
||
<li><a href="email-template-offers-6.html">Offer Mail 6</a></li>
|
||
<li><a href="email-template-offers-7.html">Offer Mail 7</a></li>
|
||
<li><a href="email-template-offers-8.html">Offer Mail 8</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Vendor Account Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="vendor-dashboard.html">Vendor Dashboard</a></li>
|
||
<li><a href="vendor-profile.html">Vendor Profile</a></li>
|
||
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
|
||
<li><a href="vendor-settings.html">Vendor Settings</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">User Account Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="user-profile.html">User Profile</a></li>
|
||
<li><a href="user-history.html">User History</a></li>
|
||
<li><a href="wishlist.html">Wishlist</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="user-invoice.html">User Invoice</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Construction Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="404-error-page.html">404 Error Page</a></li>
|
||
<li><a href="under-maintenance.html">Maintenance Page</a></li>
|
||
<li><a href="coming-soon.html">Comming Soon Page</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Vendor Catalog Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
|
||
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="about-us.html">About Us</a></li>
|
||
<li><a href="contact-us.html">Contact Us</a></li>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
<li><a href="compare.html">Compare</a></li>
|
||
<li><a href="faq.html">FAQ</a></li>
|
||
<li><a href="login.php">Login</a></li>
|
||
<li><a href="register.php">Register</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="terms-condition.html">Terms Condition</a></li>
|
||
<li><a href="privacy-policy.html">Privacy Policy</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
|
||
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
|
||
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
|
||
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
|
||
<li><a href="blog-full-width.html">Blog full width</a></li>
|
||
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="elemets-products.html">Products</a></li>
|
||
<li><a href="elemets-typography.html">Typography</a></li>
|
||
<li><a href="elemets-title.html">Titles</a></li>
|
||
<li><a href="elemets-categories.html">Categories</a></li>
|
||
<li><a href="elemets-buttons.html">Buttons</a></li>
|
||
<li><a href="elemets-tabs.html">Tabs</a></li>
|
||
<li><a href="elemets-accordions.html">Accordions</a></li>
|
||
<li><a href="elemets-blog.html">Blogs</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="offer.html">Hot Offers</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="header-res-lan-curr">
|
||
<div class="header-top-lan-curr">
|
||
<!-- Language Start -->
|
||
<div class="header-top-lan dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i
|
||
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">English</a></li>
|
||
<li><a class="dropdown-item" href="#">Italiano</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Language End -->
|
||
<!-- Currency Start -->
|
||
<div class="header-top-curr dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Currency <i
|
||
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">USD $</a></li>
|
||
<li><a class="dropdown-item" href="#">EUR €</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Currency End -->
|
||
</div>
|
||
<!-- Social Start -->
|
||
<div class="header-res-social">
|
||
<div class="header-top-social">
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item"><a class="hdr-facebook" href="#"><i
|
||
class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-twitter" href="#"><i
|
||
class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-instagram" href="#"><i
|
||
class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-linkedin" href="#"><i
|
||
class="ecicon eci-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Social End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ekka mobile Menu End -->
|
||
</header>
|
||
<!-- Header End -->
|
||
|
||
<!-- ekka Cart Start -->
|
||
<div class="ec-side-cart-overlay"></div>
|
||
<div id="ec-side-cart" class="ec-side-cart">
|
||
<div class="ec-cart-inner">
|
||
<div class="ec-cart-top">
|
||
<div class="ec-cart-title">
|
||
<span class="cart_title">My Cart</span>
|
||
<button class="ec-close">×</button>
|
||
</div>
|
||
<ul class="eccart-pro-items">
|
||
<li>
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/6_1.jpg" alt="product"></a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
|
||
<span class="cart-price"><span>$76.00</span> x 1</span>
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<a href="javascript:void(0)" class="remove">×</a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/12_1.jpg" alt="product"></a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
|
||
<span class="cart-price"><span>$64.00</span> x 1</span>
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<a href="javascript:void(0)" class="remove">×</a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/3_1.jpg" alt="product"></a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
|
||
<span class="cart-price"><span>$59.00</span> x 1</span>
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<a href="javascript:void(0)" class="remove">×</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-cart-bottom">
|
||
<div class="cart-sub-total">
|
||
<table class="table cart-table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-left">Sub-Total :</td>
|
||
<td class="text-right">$300.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-left">VAT (20%) :</td>
|
||
<td class="text-right">$60.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-left">Total :</td>
|
||
<td class="text-right primary-color">$360.00</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="cart_btn">
|
||
<a href="cart.html" class="btn btn-primary">View Cart</a>
|
||
<a href="checkout.html" class="btn btn-secondary">Checkout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ekka Cart End -->
|
||
|
||
<!-- Ec breadcrumb start -->
|
||
<div class="sticky-header-next-sec ec-breadcrumb section-space-mb">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="row ec_breadcrumb_inner">
|
||
<div class="col-md-6 col-sm-12">
|
||
<h2 class="ec-breadcrumb-title">Single Products</h2>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12">
|
||
<!-- ec-breadcrumb-list start -->
|
||
<ul class="ec-breadcrumb-list">
|
||
<li class="ec-breadcrumb-item"><a href="index.php">Home</a></li>
|
||
<li class="ec-breadcrumb-item active">Products</li>
|
||
</ul>
|
||
<!-- ec-breadcrumb-list end -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec breadcrumb end -->
|
||
|
||
<!-- Sart Single product -->
|
||
<section class="ec-page-content section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="ec-pro-rightside ec-common-rightside col-lg-9 order-lg-last col-md-12 order-md-first">
|
||
|
||
<!-- Single product content Start -->
|
||
<div class="single-pro-block">
|
||
<div class="single-pro-inner">
|
||
<div class="row">
|
||
<div class="single-pro-img">
|
||
<div class="single-product-scroll">
|
||
<a class="ec-360-lbl" data-link-action="quickview" title="360 view" data-bs-toggle="modal" data-bs-target="#ec_360_view_modal">
|
||
<img src="assets/images/icons/360-degrees.png" alt="view image">
|
||
</a>
|
||
<div class="single-product-cover">
|
||
<div class="single-slide zoom-image-hover">
|
||
<img class="img-responsive" src="assets/images/product-360/1_1.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide zoom-image-hover">
|
||
<img class="img-responsive" src="assets/images/product-360/1_2.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide zoom-image-hover">
|
||
<img class="img-responsive" src="assets/images/product-360/1_3.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide zoom-image-hover">
|
||
<img class="img-responsive" src="assets/images/product-360/1_4.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide zoom-image-hover">
|
||
<img class="img-responsive" src="assets/images/product-360/1_5.jpg"
|
||
alt="">
|
||
</div>
|
||
</div>
|
||
<div class="single-nav-thumb">
|
||
<div class="single-slide">
|
||
<img class="img-responsive" src="assets/images/product-360/1_1.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide">
|
||
<img class="img-responsive" src="assets/images/product-360/1_2.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide">
|
||
<img class="img-responsive" src="assets/images/product-360/1_3.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide">
|
||
<img class="img-responsive" src="assets/images/product-360/1_4.jpg"
|
||
alt="">
|
||
</div>
|
||
<div class="single-slide">
|
||
<img class="img-responsive" src="assets/images/product-360/1_5.jpg"
|
||
alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="single-pro-desc">
|
||
<div class="single-pro-content">
|
||
<h5 class="ec-single-title">Women Leather Heels Sandal</h5>
|
||
<div class="ec-single-rating-wrap">
|
||
<div class="ec-single-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
</div>
|
||
<span class="ec-read-review"><a href="#ec-spt-nav-review">Be the first to
|
||
review this product</a></span>
|
||
</div>
|
||
<div class="ec-single-desc">Lorem Ipsum is simply dummy text of the printing and
|
||
typesetting industry. Lorem Ipsum has been the industry's standard dummy
|
||
text ever since the 1990</div>
|
||
|
||
<div class="ec-single-sales">
|
||
<div class="ec-single-sales-inner">
|
||
<div class="ec-single-sales-title">sales accelerators</div>
|
||
<div class="ec-single-sales-visitor">real time <span>24</span> visitor
|
||
right now!</div>
|
||
<div class="ec-single-sales-progress">
|
||
<span class="ec-single-progress-desc">Hurry up!left 29 in
|
||
stock</span>
|
||
<span class="ec-single-progressbar"></span>
|
||
</div>
|
||
<div class="ec-single-sales-countdown">
|
||
<div class="ec-single-countdown"><span
|
||
id="ec-single-countdown"></span></div>
|
||
<div class="ec-single-count-desc">Time is Running Out!</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-single-price-stoke">
|
||
<div class="ec-single-price">
|
||
<span class="ec-single-ps-title">As low as</span>
|
||
<span class="new-price">$68.00</span>
|
||
</div>
|
||
<div class="ec-single-stoke">
|
||
<span class="ec-single-ps-title">IN STOCK</span>
|
||
<span class="ec-single-sku">SKU#: WH12</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ec-pro-variation">
|
||
<div class="ec-pro-variation-inner ec-pro-variation-size">
|
||
<span>SIZE</span>
|
||
<div class="ec-pro-variation-content">
|
||
<ul>
|
||
<li class="active"><span>7</span></li>
|
||
<li><span>8</span></li>
|
||
<li><span>9</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-variation-inner ec-pro-variation-color">
|
||
<span>Color</span>
|
||
<div class="ec-pro-variation-content">
|
||
<ul>
|
||
<li class="active"><span
|
||
style="background-color:#23839c;"></span></li>
|
||
<li><span style="background-color:#000;"></span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="ec-single-qty">
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<div class="ec-single-cart ">
|
||
<button class="btn btn-primary">Add To Cart</button>
|
||
</div>
|
||
<div class="ec-single-wishlist">
|
||
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
|
||
</div>
|
||
<div class="ec-single-quickview">
|
||
<a href="#" class="ec-btn-group quickview" data-link-action="quickview"
|
||
title="Quick view" data-bs-toggle="modal"
|
||
data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="ec-single-social">
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item facebook"><a href="#"><i
|
||
class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item twitter"><a href="#"><i
|
||
class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item instagram"><a href="#"><i
|
||
class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item youtube-play"><a href="#"><i
|
||
class="ecicon eci-youtube-play"></i></a></li>
|
||
<li class="list-inline-item behance"><a href="#"><i
|
||
class="ecicon eci-behance"></i></a></li>
|
||
<li class="list-inline-item whatsapp"><a href="#"><i
|
||
class="ecicon eci-whatsapp"></i></a></li>
|
||
<li class="list-inline-item plus"><a href="#"><i
|
||
class="ecicon eci-plus"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Single product content End -->
|
||
<!-- Single product tab start -->
|
||
<div class="ec-single-pro-tab">
|
||
<div class="ec-single-pro-tab-wrapper">
|
||
<div class="ec-single-pro-tab-nav">
|
||
<ul class="nav nav-tabs">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" data-bs-toggle="tab"
|
||
data-bs-target="#ec-spt-nav-details" role="tablist">Detail</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#ec-spt-nav-info"
|
||
role="tablist">More Information</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#ec-spt-nav-review"
|
||
role="tablist">Reviews</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-content ec-single-pro-tab-content">
|
||
<div id="ec-spt-nav-details" class="tab-pane fade show active">
|
||
<div class="ec-single-pro-tab-desc">
|
||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||
Lorem Ipsum has been the industry's standard 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.
|
||
</p>
|
||
<ul>
|
||
<li>Any Product types that You want - Simple, Configurable</li>
|
||
<li>Downloadable/Digital Products, Virtual Products</li>
|
||
<li>Inventory Management with Backordered items</li>
|
||
<li>Flatlock seams throughout.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="ec-spt-nav-info" class="tab-pane fade">
|
||
<div class="ec-single-pro-tab-moreinfo">
|
||
<ul>
|
||
<li><span>Weight</span> 1000 g</li>
|
||
<li><span>Dimensions</span> 35 × 30 × 7 cm</li>
|
||
<li><span>Color</span> Black, Pink, Red, White</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="ec-spt-nav-review" class="tab-pane fade">
|
||
<div class="row">
|
||
<div class="ec-t-review-wrapper">
|
||
<div class="ec-t-review-item">
|
||
<div class="ec-t-review-avtar">
|
||
<img src="assets/images/review-image/1.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-t-review-content">
|
||
<div class="ec-t-review-top">
|
||
<div class="ec-t-review-name">Jeny Doe</div>
|
||
<div class="ec-t-review-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ec-t-review-bottom">
|
||
<p>Lorem Ipsum is simply dummy text of the printing and
|
||
typesetting industry. Lorem Ipsum has been the industry's
|
||
standard dummy text ever since the 1500s, when an unknown
|
||
printer took a galley of type and scrambled it to make a
|
||
type specimen.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-t-review-item">
|
||
<div class="ec-t-review-avtar">
|
||
<img src="assets/images/review-image/2.jpg" alt="" />
|
||
</div>
|
||
<div class="ec-t-review-content">
|
||
<div class="ec-t-review-top">
|
||
<div class="ec-t-review-name">Linda Morgus</div>
|
||
<div class="ec-t-review-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ec-t-review-bottom">
|
||
<p>Lorem Ipsum is simply dummy text of the printing and
|
||
typesetting industry. Lorem Ipsum has been the industry's
|
||
standard dummy text ever since the 1500s, when an unknown
|
||
printer took a galley of type and scrambled it to make a
|
||
type specimen.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="ec-ratting-content">
|
||
<h3>Add a Review</h3>
|
||
<div class="ec-ratting-form">
|
||
<form action="#">
|
||
<div class="ec-ratting-star">
|
||
<span>Your rating:</span>
|
||
<div class="ec-t-review-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
<i class="ecicon eci-star-o"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ec-ratting-input">
|
||
<input name="your-name" placeholder="Name" type="text" />
|
||
</div>
|
||
<div class="ec-ratting-input">
|
||
<input name="your-email" placeholder="Email*" type="email"
|
||
required />
|
||
</div>
|
||
<div class="ec-ratting-input form-submit">
|
||
<textarea name="your-commemt"
|
||
placeholder="Enter Your Comment"></textarea>
|
||
<button class="btn btn-primary" type="submit"
|
||
value="Submit">Submit</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- product details description area end -->
|
||
</div>
|
||
<!-- Sidebar Area Start -->
|
||
<div class="ec-pro-leftside ec-common-leftside col-lg-3 order-lg-first col-md-12 order-md-last">
|
||
<div class="ec-sidebar-wrap">
|
||
<!-- Sidebar Category Block -->
|
||
<div class="ec-sidebar-block">
|
||
<div class="ec-sb-title">
|
||
<h3 class="ec-sidebar-title">Category</h3>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">clothes</div>
|
||
<ul style="display: block;">
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">shoes</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">bag</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">cosmetics</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">electronics</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">phone</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-sb-block-content">
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-block-item">accessories</div>
|
||
<ul>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Men <span>-25</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Women <span>-52</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Boy <span>-40</span></a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="ec-sidebar-sub-item"><a href="#">Girl <span>-35</span></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Category Block -->
|
||
</div>
|
||
<div class="ec-sidebar-slider">
|
||
<div class="ec-sb-slider-title">Best Sellers</div>
|
||
<div class="ec-sb-pro-sl">
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/1_1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Beautiful Teddy Bear</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/2_1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Gym Backpack</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/3_1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Beautiful Purse for Women</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/4_1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Wool Felt Long Brim Hat</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/5_1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Black Leather Belt</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/6_2.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Beautiful Tee for Women</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/7_1.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Cotton Shirt for Men</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="ec-sb-pro-sl-item">
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/8_2.jpg" alt="product" /></a>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">I Watch for Men</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Sidebar Area Start -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Single product -->
|
||
|
||
<!-- Related Product Start -->
|
||
<section class="section ec-releted-product section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<div class="section-title">
|
||
<h2 class="ec-bg-title">Related products</h2>
|
||
<h2 class="ec-title">Related products</h2>
|
||
<p class="sub-title">Browse The Collection of Top Products</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row margin-minus-b-30">
|
||
<!-- Related Product Content -->
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
|
||
<div class="ec-product-inner">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image">
|
||
<img class="main-image"
|
||
src="assets/images/product-image/6_1.jpg" alt="Product" />
|
||
<img class="hover-image"
|
||
src="assets/images/product-image/6_2.jpg" alt="Product" />
|
||
</a>
|
||
<span class="percentage">20%</span>
|
||
<a href="#" class="quickview" data-link-action="quickview" title="Quick view"
|
||
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
|
||
<div class="ec-pro-actions">
|
||
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i
|
||
class="fi fi-rr-arrows-repeat"></i></a>
|
||
<button title="Add To Cart" class="add-to-cart"><i
|
||
class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Round Neck T-Shirt</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dutmmy text ever since the 1500s, when an unknown printer took a galley.</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$27.00</span>
|
||
<span class="new-price">$22.00</span>
|
||
</span>
|
||
<div class="ec-pro-option">
|
||
<div class="ec-pro-color">
|
||
<span class="ec-pro-opt-label">Color</span>
|
||
<ul class="ec-opt-swatch ec-change-img">
|
||
<li class="active"><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/6_1.jpg"
|
||
data-src-hover="assets/images/product-image/6_1.jpg"
|
||
data-tooltip="Gray"><span
|
||
style="background-color:#e8c2ff;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/6_2.jpg"
|
||
data-src-hover="assets/images/product-image/6_2.jpg"
|
||
data-tooltip="Orange"><span
|
||
style="background-color:#9cfdd5;"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-pro-size">
|
||
<span class="ec-pro-opt-label">Size</span>
|
||
<ul class="ec-opt-size">
|
||
<li class="active"><a href="#" class="ec-opt-sz"
|
||
data-old="$25.00" data-new="$20.00"
|
||
data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$27.00"
|
||
data-new="$22.00" data-tooltip="Medium">M</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$35.00"
|
||
data-new="$30.00" data-tooltip="Extra Large">XL</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
|
||
<div class="ec-product-inner">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image">
|
||
<img class="main-image"
|
||
src="assets/images/product-image/7_1.jpg" alt="Product" />
|
||
<img class="hover-image"
|
||
src="assets/images/product-image/7_2.jpg" alt="Product" />
|
||
</a>
|
||
<span class="percentage">20%</span>
|
||
<span class="flags">
|
||
<span class="sale">Sale</span>
|
||
</span>
|
||
<a href="#" class="quickview" data-link-action="quickview" title="Quick view"
|
||
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
|
||
<div class="ec-pro-actions">
|
||
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i
|
||
class="fi fi-rr-arrows-repeat"></i></a>
|
||
<button title="Add To Cart" class="add-to-cart"><i
|
||
class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Full Sleeve Shirt</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dutmmy text ever since the 1500s, when an unknown printer took a galley.</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$12.00</span>
|
||
<span class="new-price">$10.00</span>
|
||
</span>
|
||
<div class="ec-pro-option">
|
||
<div class="ec-pro-color">
|
||
<span class="ec-pro-opt-label">Color</span>
|
||
<ul class="ec-opt-swatch ec-change-img">
|
||
<li class="active"><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/7_1.jpg"
|
||
data-src-hover="assets/images/product-image/7_1.jpg"
|
||
data-tooltip="Gray"><span
|
||
style="background-color:#01f1f1;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/7_2.jpg"
|
||
data-src-hover="assets/images/product-image/7_2.jpg"
|
||
data-tooltip="Orange"><span
|
||
style="background-color:#b89df8;"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-pro-size">
|
||
<span class="ec-pro-opt-label">Size</span>
|
||
<ul class="ec-opt-size">
|
||
<li class="active"><a href="#" class="ec-opt-sz"
|
||
data-old="$12.00" data-new="$10.00"
|
||
data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$15.00"
|
||
data-new="$12.00" data-tooltip="Medium">M</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$20.00"
|
||
data-new="$17.00" data-tooltip="Extra Large">XL</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
|
||
<div class="ec-product-inner">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image">
|
||
<img class="main-image"
|
||
src="assets/images/product-image/1_1.jpg" alt="Product" />
|
||
<img class="hover-image"
|
||
src="assets/images/product-image/1_2.jpg" alt="Product" />
|
||
</a>
|
||
<span class="percentage">20%</span>
|
||
<span class="flags">
|
||
<span class="sale">Sale</span>
|
||
</span>
|
||
<a href="#" class="quickview" data-link-action="quickview" title="Quick view"
|
||
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
|
||
<div class="ec-pro-actions">
|
||
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i
|
||
class="fi fi-rr-arrows-repeat"></i></a>
|
||
<button title="Add To Cart" class="add-to-cart"><i
|
||
class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Cute Baby Toy's</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dutmmy text ever since the 1500s, when an unknown printer took a galley.</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$40.00</span>
|
||
<span class="new-price">$30.00</span>
|
||
</span>
|
||
<div class="ec-pro-option">
|
||
<div class="ec-pro-color">
|
||
<span class="ec-pro-opt-label">Color</span>
|
||
<ul class="ec-opt-swatch ec-change-img">
|
||
<li class="active"><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/1_1.jpg"
|
||
data-src-hover="assets/images/product-image/1_1.jpg"
|
||
data-tooltip="Gray"><span
|
||
style="background-color:#90cdf7;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/1_2.jpg"
|
||
data-src-hover="assets/images/product-image/1_2.jpg"
|
||
data-tooltip="Orange"><span
|
||
style="background-color:#ff3b66;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/1_3.jpg"
|
||
data-src-hover="assets/images/product-image/1_3.jpg"
|
||
data-tooltip="Green"><span
|
||
style="background-color:#ffc476;"></span></a></li>
|
||
<li><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/1_4.jpg"
|
||
data-src-hover="assets/images/product-image/1_4.jpg"
|
||
data-tooltip="Sky Blue"><span
|
||
style="background-color:#1af0ba;"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-pro-size">
|
||
<span class="ec-pro-opt-label">Size</span>
|
||
<ul class="ec-opt-size">
|
||
<li class="active"><a href="#" class="ec-opt-sz"
|
||
data-old="$40.00" data-new="$30.00"
|
||
data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-old="$50.00"
|
||
data-new="$40.00" data-tooltip="Medium">M</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 pro-gl-content">
|
||
<div class="ec-product-inner">
|
||
<div class="ec-pro-image-outer">
|
||
<div class="ec-pro-image">
|
||
<a href="shop-left-sidebar-col-4.php" class="image">
|
||
<img class="main-image"
|
||
src="assets/images/product-image/2_1.jpg" alt="Product" />
|
||
<img class="hover-image"
|
||
src="assets/images/product-image/2_2.jpg" alt="Product" />
|
||
</a>
|
||
<span class="percentage">20%</span>
|
||
<span class="flags">
|
||
<span class="new">New</span>
|
||
</span>
|
||
<a href="#" class="quickview" data-link-action="quickview" title="Quick view"
|
||
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
|
||
<div class="ec-pro-actions">
|
||
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i
|
||
class="fi fi-rr-arrows-repeat"></i></a>
|
||
<button title="Add To Cart" class="add-to-cart"><i
|
||
class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-content">
|
||
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Jumbo Carry Bag</a></h5>
|
||
<div class="ec-pro-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
<div class="ec-pro-list-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dutmmy text ever since the 1500s, when an unknown printer took a galley.</div>
|
||
<span class="ec-price">
|
||
<span class="old-price">$50.00</span>
|
||
<span class="new-price">$40.00</span>
|
||
</span>
|
||
<div class="ec-pro-option">
|
||
<div class="ec-pro-color">
|
||
<span class="ec-pro-opt-label">Color</span>
|
||
<ul class="ec-opt-swatch ec-change-img">
|
||
<li class="active"><a href="#" class="ec-opt-clr-img"
|
||
data-src="assets/images/product-image/2_1.jpg"
|
||
data-src-hover="assets/images/product-image/2_2.jpg"
|
||
data-tooltip="Gray"><span
|
||
style="background-color:#fdbf04;"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Related Product end -->
|
||
|
||
<!-- Footer Start -->
|
||
<footer class="ec-footer section-space-mt">
|
||
<div class="footer-container">
|
||
<div class="footer-offer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="text-center footer-off-msg">
|
||
<span>Win a contest! Get this limited-editon</span><a href="#" target="_blank">View
|
||
Detail</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-top section-space-footer-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-12 col-lg-3 ec-footer-contact">
|
||
<div class="ec-footer-widget">
|
||
<div class="ec-footer-logo"><a href="#"><img src="assets/images/logo/footer-logo.png"
|
||
alt=""><img class="dark-footer-logo" src="assets/images/logo/dark-logo.png"
|
||
alt="Site Logo" style="display: none;" /></a></div>
|
||
<h4 class="ec-footer-heading">Contact us</h4>
|
||
<div class="ec-footer-links">
|
||
<ul class="align-items-center">
|
||
<li class="ec-footer-link">71 Pilgrim Avenue Chevy Chase, east california.</li>
|
||
<li class="ec-footer-link"><span>Call Us:</span><a href="tel:+440123456789">+44
|
||
0123 456 789</a></li>
|
||
<li class="ec-footer-link"><span>Email:</span><a
|
||
href="mailto:example@ec-email.com">+example@ec-email.com</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 col-lg-2 ec-footer-info">
|
||
<div class="ec-footer-widget">
|
||
<h4 class="ec-footer-heading">Information</h4>
|
||
<div class="ec-footer-links">
|
||
<ul class="align-items-center">
|
||
<li class="ec-footer-link"><a href="about-us.html">About us</a></li>
|
||
<li class="ec-footer-link"><a href="faq.html">FAQ</a></li>
|
||
<li class="ec-footer-link"><a href="#">Delivery Information</a></li>
|
||
<li class="ec-footer-link"><a href="contact-us.html">Contact us</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 col-lg-2 ec-footer-account">
|
||
<div class="ec-footer-widget">
|
||
<h4 class="ec-footer-heading">Account</h4>
|
||
<div class="ec-footer-links">
|
||
<ul class="align-items-center">
|
||
<li class="ec-footer-link"><a href="#">My Account</a></li>
|
||
<li class="ec-footer-link"><a href="track-order.html">Order History</a></li>
|
||
<li class="ec-footer-link"><a href="#">Wish List</a></li>
|
||
<li class="ec-footer-link"><a href="#">Specials</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 col-lg-2 ec-footer-service">
|
||
<div class="ec-footer-widget">
|
||
<h4 class="ec-footer-heading">Services</h4>
|
||
<div class="ec-footer-links">
|
||
<ul class="align-items-center">
|
||
<li class="ec-footer-link"><a href="#">Discount Returns</a></li>
|
||
<li class="ec-footer-link"><a href="#">Policy & policy </a></li>
|
||
<li class="ec-footer-link"><a href="#">Customer Service</a></li>
|
||
<li class="ec-footer-link"><a href="terms-condition.html">Term & condition</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 col-lg-3 ec-footer-news">
|
||
<div class="ec-footer-widget">
|
||
<h4 class="ec-footer-heading">Newsletter</h4>
|
||
<div class="ec-footer-links">
|
||
<ul class="align-items-center">
|
||
<li class="ec-footer-link">Get instant updates about our new products and
|
||
special promos!</li>
|
||
</ul>
|
||
<div class="ec-subscribe-form">
|
||
<form id="ec-newsletter-form" name="ec-newsletter-form" method="post"
|
||
action="#">
|
||
<div id="ec_news_signup" class="ec-form">
|
||
<input class="ec-email" type="email" required=""
|
||
placeholder="Enter your email here..." name="ec-email" value="" />
|
||
<button id="ec-news-btn" class="button btn-primary" type="submit"
|
||
name="subscribe" value=""><i class="ecicon eci-paper-plane-o"
|
||
aria-hidden="true"></i></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<!-- Footer social Start -->
|
||
<div class="col text-left footer-bottom-left">
|
||
<div class="footer-bottom-social">
|
||
<span class="social-text text-upper">Follow us on:</span>
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item"><a class="hdr-facebook" href="#"><i class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-twitter" href="#"><i class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-instagram" href="#"><i class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-linkedin" href="#"><i class="ecicon eci-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Footer social End -->
|
||
<!-- Footer Copyright Start -->
|
||
<div class="col text-center footer-copy">
|
||
<div class="footer-bottom-copy ">
|
||
<div class="ec-copy">Copyright © 2023 <a class="site-name text-upper"
|
||
href="#">ekka<span>.</span></a>. All Rights Reserved</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer Copyright End -->
|
||
<!-- Footer payment -->
|
||
<div class="col footer-bottom-right">
|
||
<div class="footer-bottom-payment d-flex justify-content-end">
|
||
<div class="payment-link">
|
||
<img src="assets/images/icons/payment.png" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- Footer payment -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Footer Area End -->
|
||
|
||
<!-- 360 Modal -->
|
||
<div class="modal fade" id="ec_360_view_modal" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<div class="row ec-product-360">
|
||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||
<div class="ec-360-panel ec-360-panel-default">
|
||
<a class="btn btn-default ec-360-btn qty_close" data-bs-dismiss="modal"
|
||
aria-label="Close">×</a>
|
||
<div class="ec-360-panel-body">
|
||
<div id="circlr" class="ec-circlr">
|
||
<img data-src="assets/images/product-360/00.jpg" src="assets/images/product-360/00.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/01.jpg" src="assets/images/product-360/01.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/02.jpg" src="assets/images/product-360/02.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/03.jpg" src="assets/images/product-360/03.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/04.jpg" src="assets/images/product-360/04.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/05.jpg" src="assets/images/product-360/05.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/06.jpg" src="assets/images/product-360/06.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/07.jpg" src="assets/images/product-360/07.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/08.jpg" src="assets/images/product-360/08.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/09.jpg" src="assets/images/product-360/09.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/10.jpg" src="assets/images/product-360/10.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/11.jpg" src="assets/images/product-360/11.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/12.jpg" src="assets/images/product-360/12.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/13.jpg" src="assets/images/product-360/13.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/14.jpg" src="assets/images/product-360/14.jpg" alt="product image">
|
||
<img data-src="assets/images/product-360/15.jpg" src="assets/images/product-360/15.jpg" alt="product image">
|
||
<div id="loader" class="ec-img-loader"></div>
|
||
</div>
|
||
</div>
|
||
<p class="ec-tool-play">
|
||
<a href="#" class="btn btn-default ec-360-btn"
|
||
onclick="crl.play(); return false;"><i class="fi-rr-play"></i></a>
|
||
<a href="#" class="btn btn-default ec-360-btn"
|
||
onclick="crl.stop(); return false;"><i class="fi-rr-stop"></i></a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal end -->
|
||
|
||
<!-- Modal -->
|
||
<div class="modal fade" id="ec_quickview_modal" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<button type="button" class="btn-close qty_close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col-md-5 col-sm-12 col-xs-12">
|
||
<!-- Swiper -->
|
||
<div class="qty-product-cover">
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="qty-nav-thumb">
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_1.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_2.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_3.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_4.jpg" alt="">
|
||
</div>
|
||
<div class="qty-slide">
|
||
<img class="img-responsive" src="assets/images/product-image/3_5.jpg" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7 col-sm-12 col-xs-12">
|
||
<div class="quickview-pro-content">
|
||
<h5 class="ec-quick-title"><a href="shop-left-sidebar-col-4.php">Handbag leather purse for women</a>
|
||
</h5>
|
||
<div class="ec-quickview-rating">
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star fill"></i>
|
||
<i class="ecicon eci-star"></i>
|
||
</div>
|
||
|
||
<div class="ec-quickview-desc">Lorem Ipsum is simply dummy text of the printing and
|
||
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
||
since the 1500s,</div>
|
||
<div class="ec-quickview-price">
|
||
<span class="old-price">$100.00</span>
|
||
<span class="new-price">$80.00</span>
|
||
</div>
|
||
|
||
<div class="ec-pro-variation">
|
||
<div class="ec-pro-variation-inner ec-pro-variation-color">
|
||
<span>Color</span>
|
||
<div class="ec-pro-color">
|
||
<ul class="ec-opt-swatch">
|
||
<li><span style="background-color:#696d62;"></span></li>
|
||
<li><span style="background-color:#d73808;"></span></li>
|
||
<li><span style="background-color:#577023;"></span></li>
|
||
<li><span style="background-color:#2ea1cd;"></span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="ec-pro-variation-inner ec-pro-variation-size ec-pro-size">
|
||
<span>Size</span>
|
||
<div class="ec-pro-variation-content">
|
||
<ul class="ec-opt-size">
|
||
<li class="active"><a href="#" class="ec-opt-sz"
|
||
data-tooltip="Small">S</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-tooltip="Medium">M</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-tooltip="Large">X</a></li>
|
||
<li><a href="#" class="ec-opt-sz" data-tooltip="Extra Large">XL</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-quickview-qty">
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<div class="ec-quickview-cart ">
|
||
<button class="btn btn-primary"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal end -->
|
||
|
||
<!-- Footer navigation panel for responsive display -->
|
||
<div class="ec-nav-toolbar">
|
||
<div class="container">
|
||
<div class="ec-nav-panel">
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i
|
||
class="fi-rr-menu-burger"></i></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i
|
||
class="fi-rr-shopping-bag"></i><span
|
||
class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span
|
||
class="ec-cart-noti">4</span></a>
|
||
</div>
|
||
<div class="ec-nav-panel-icons">
|
||
<a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer navigation panel for responsive display end -->
|
||
|
||
<!-- Recent Purchase Popup -->
|
||
<div class="recent-purchase">
|
||
<img src="assets/images/product-image/1.jpg" alt="payment image">
|
||
<div class="detail">
|
||
<p>Someone in new just bought</p>
|
||
<h6>stylish baby shoes</h6>
|
||
<p>10 Minutes ago</p>
|
||
</div>
|
||
<a href="javascript:void(0)" class="icon-btn recent-close">×</a>
|
||
</div>
|
||
<!-- Recent Purchase Popup end -->
|
||
|
||
<!-- Cart Floating Button -->
|
||
<div class="ec-cart-float">
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-basket"></i>
|
||
</div>
|
||
<span class="ec-cart-count cart-count-lable">3</span>
|
||
</a>
|
||
</div>
|
||
<!-- Cart Floating Button end -->
|
||
|
||
<!-- Whatsapp -->
|
||
<div class="ec-style ec-right-bottom">
|
||
<!-- Start Floating Panel Container -->
|
||
<div class="ec-panel">
|
||
<!-- Panel Header -->
|
||
<div class="ec-header">
|
||
<strong>Need Help?</strong>
|
||
<p>Chat with us on WhatsApp</p>
|
||
</div>
|
||
<!-- Panel Content -->
|
||
<div class="ec-body">
|
||
<ul>
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266"
|
||
data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<span class="ec-status-icon"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Sahar Darya</span>
|
||
<p>Sahar left 7 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266"
|
||
data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<span class="ec-status-icon ec-online"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Yolduz Rafi</span>
|
||
<p>Yolduz is online</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266"
|
||
data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<span class="ec-status-icon ec-offline"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Nargis Hawa</span>
|
||
<p>Nargis left 30 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
<!-- Start Single Contact List -->
|
||
<li>
|
||
<a class="ec-list" data-number="918866774266"
|
||
data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
||
<div class="d-flex bd-highlight">
|
||
<!-- Profile Picture -->
|
||
<div class="ec-img-cont">
|
||
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<span class="ec-status-icon ec-offline"></span>
|
||
</div>
|
||
<!-- Display Name & Last Seen -->
|
||
<div class="ec-user-info">
|
||
<span>Khadija Mehr</span>
|
||
<p>Khadija left 50 mins ago</p>
|
||
</div>
|
||
<!-- Chat iCon -->
|
||
<div class="ec-chat-icon">
|
||
<i class="fa fa-whatsapp"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<!--/ End Single Contact List -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--/ End Floating Panel Container -->
|
||
<!-- Start Right Floating Button-->
|
||
<div class="ec-right-bottom">
|
||
<div class="ec-box">
|
||
<div class="ec-button rotateBackward">
|
||
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/ End Right Floating Button-->
|
||
</div>
|
||
<!-- Whatsapp end -->
|
||
|
||
<!-- Feature tools -->
|
||
<div class="ec-tools-sidebar-overlay"></div>
|
||
<div class="ec-tools-sidebar">
|
||
<div class="tool-title">
|
||
<h3>Features</h3>
|
||
</div>
|
||
<a href="#" class="ec-tools-sidebar-toggle in-out">
|
||
<img alt="icon" src="assets/images/common/settings.png" />
|
||
</a>
|
||
<div class="ec-tools-detail">
|
||
<div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
|
||
<h3>Color Scheme</h3>
|
||
<ul class="bg-panel">
|
||
<li class="active" data-color="01"><a href="#" class="colorcode1"></a></li>
|
||
<li data-color="02"><a href="#" class="colorcode2"></a></li>
|
||
<li data-color="03"><a href="#" class="colorcode3"></a></li>
|
||
<li data-color="04"><a href="#" class="colorcode4"></a></li>
|
||
<li data-color="05"><a href="#" class="colorcode5"></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Backgrounds</h3>
|
||
<ul class="bg-panel">
|
||
<li class="bg"><a class="back-bg-1" id="bg-1">Background-1</a></li>
|
||
<li class="bg"><a class="back-bg-2" id="bg-2">Background-2</a></li>
|
||
<li class="bg"><a class="back-bg-3" id="bg-3">Background-3</a></li>
|
||
<li class="bg"><a class="back-bg-4" id="bg-4">Default</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Full Screen mode</h3>
|
||
<div class="ec-fullscreen-mode">
|
||
<div class="ec-fullscreen-switch">
|
||
<div class="ec-fullscreen-btn">Mode</div>
|
||
<div class="ec-fullscreen-on">On</div>
|
||
<div class="ec-fullscreen-off">Off</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Dark mode</h3>
|
||
<div class="ec-change-mode">
|
||
<div class="ec-mode-switch">
|
||
<div class="ec-mode-btn">Mode</div>
|
||
<div class="ec-mode-on">On</div>
|
||
<div class="ec-mode-off">Off</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>RTL mode</h3>
|
||
<div class="ec-change-rtl">
|
||
<div class="ec-rtl-switch">
|
||
<div class="ec-rtl-btn">Rtl</div>
|
||
<div class="ec-rtl-on">On</div>
|
||
<div class="ec-rtl-off">Off</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-tools-sidebar-content">
|
||
<h3>Clear local storage</h3>
|
||
<a class="clear-cach" href="javascript:void(0)">Clear Cache & Default</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Feature tools end -->
|
||
|
||
<!-- Vendor JS -->
|
||
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
||
<script src="assets/js/vendor/popper.min.js"></script>
|
||
<script src="assets/js/vendor/bootstrap.min.js"></script>
|
||
<script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
|
||
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
|
||
|
||
<!--Plugins JS-->
|
||
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
|
||
<script src="assets/js/plugins/countdownTimer.min.js"></script>
|
||
<script src="assets/js/plugins/scrollup.js"></script>
|
||
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
|
||
<script src="assets/js/plugins/slick.min.js"></script>
|
||
<script src="assets/js/plugins/infiniteslidev2.js"></script>
|
||
<script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
|
||
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
|
||
<script src="assets/js/plugins/product-360.js"></script>
|
||
|
||
<!-- Main Js -->
|
||
<script src="assets/js/vendor/index.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
|
||
</body>
|
||
</html> |