Mini Shell
Mini Shell
| Direktori : /proc/self/root/home2/selectio/www/ramali.in/html/ |
| Current File : //proc/self/root/home2/selectio/www/ramali.in/html/vendor-wcfm-store-product-grid.html |
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from portotheme.com/html/wolmart/vendor-wcfm-store-product-grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 02 Aug 2023 07:36:52 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Wolmart eCommmerce Marketplace HTML Template</title>
<meta name="keywords" content="Marketplace ecommerce responsive HTML5 Template" />
<meta name="description" content="Wolmart is powerful marketplace & ecommerce responsive Html5 Template.">
<meta name="author" content="D-THEMES">
<!-- Favicon -->
<link rel="icon" type="image/png" href="assets/images/icons/favicon.png">
<!-- WebFont.js -->
<script>
WebFontConfig = {
google: { families: ['Poppins:400,500,600,700'] }
};
(function (d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'assets/js/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<link rel="preload" href="assets/vendor/fontawesome-free/webfonts/fa-regular-400.woff2" as="font" type="font/woff2"
crossorigin="anonymous">
<link rel="preload" href="assets/vendor/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" type="font/woff2"
crossorigin="anonymous">
<!-- Vendor CSS -->
<link rel="stylesheet" type="text/css" href="assets/vendor/fontawesome-free/css/all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/animate/animate.min.css">
<!-- preloading link
<link rel="preload" href="assets/fonts/venedor.woff" as="font" type="font/woff" crossorigin="anonymous"> -->
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/vendor/swiper/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/animate/animate.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/magnific-popup/magnific-popup.min.css">
<!-- Default CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.min.css">
</head>
<body>
<!-- Start of Pgae Wrapper -->
<div class="page-wrapper">
<h1 class="d-none">Wolmart - Responsive Marketplace HTML Template</h1>
<!-- Start of Header -->
<header class="header header-border">
<div class="header-top">
<div class="container">
<div class="header-left">
<p class="welcome-msg">Welcome to Wolmart Store message or remove it!</p>
</div>
<div class="header-right">
<div class="dropdown">
<a href="#currency">USD</a>
<div class="dropdown-box">
<a href="#USD">USD</a>
<a href="#EUR">EUR</a>
</div>
</div>
<!-- End of DropDown Menu -->
<div class="dropdown">
<a href="#language"><img src="assets/images/flags/eng.png" alt="ENG Flag" width="14"
height="8" class="dropdown-image" /> ENG</a>
<div class="dropdown-box">
<a href="#ENG">
<img src="assets/images/flags/eng.png" alt="ENG Flag" width="14" height="8"
class="dropdown-image" />
ENG
</a>
<a href="#FRA">
<img src="assets/images/flags/fra.png" alt="FRA Flag" width="14" height="8"
class="dropdown-image" />
FRA
</a>
</div>
</div>
<!-- End of Dropdown Menu -->
<span class="divider d-lg-show"></span>
<a href="blog.html" class="d-lg-show">Blog</a>
<a href="contact-us.html" class="d-lg-show">Contact Us</a>
<a href="my-account.html" class="d-lg-show">My Account</a>
<a href="assets/ajax/login.html" class="d-lg-show login sign-in"><i
class="w-icon-account"></i>Sign In</a>
<span class="delimiter d-lg-show">/</span>
<a href="assets/ajax/login.html" class="ml-0 d-lg-show login register">Register</a>
</div>
</div>
</div>
<!-- End of Header Top -->
<div class="header-middle">
<div class="container">
<div class="header-left mr-md-4">
<a href="#" class="mobile-menu-toggle w-icon-hamburger" aria-label="menu-toggle">
</a>
<a href="demo1.html" class="logo ml-lg-0">
<img src="assets/images/logo.png" alt="logo" width="144" height="45" />
</a>
<form method="get" action="#" class="header-search hs-expanded hs-round d-none d-md-flex input-wrapper">
<div class="select-box">
<select id="category" name="category">
<option value="">All Categories</option>
<option value="4">Fashion</option>
<option value="5">Furniture</option>
<option value="6">Shoes</option>
<option value="7">Sports</option>
<option value="8">Games</option>
<option value="9">Computers</option>
<option value="10">Electronics</option>
<option value="11">Kitchen</option>
<option value="12">Clothing</option>
</select>
</div>
<input type="text" class="form-control" name="search" id="search"
placeholder="Search in..." required />
<button class="btn btn-search" type="submit"><i class="w-icon-search"></i>
</button>
</form>
</div>
<div class="header-right ml-4">
<div class="header-call d-xs-show d-lg-flex align-items-center">
<a href="tel:#" class="w-icon-call"></a>
<div class="call-info d-lg-show">
<h4 class="chat font-weight-normal font-size-md text-normal ls-normal text-light mb-0">
<a href="https://portotheme.com/cdn-cgi/l/email-protection#b291" class="text-capitalize">Live Chat</a> or :</h4>
<a href="tel:#" class="phone-number font-weight-bolder ls-50">0(800)123-456</a>
</div>
</div>
<a class="wishlist label-down link d-xs-show" href="wishlist.html">
<i class="w-icon-heart"></i>
<span class="wishlist-label d-lg-show">Wishlist</span>
</a>
<a class="compare label-down link d-xs-show" href="compare.html">
<i class="w-icon-compare"></i>
<span class="compare-label d-lg-show">Compare</span>
</a>
<div class="dropdown cart-dropdown cart-offcanvas mr-0 mr-lg-2">
<div class="cart-overlay"></div>
<a href="#" class="cart-toggle label-down link">
<i class="w-icon-cart">
<span class="cart-count">2</span>
</i>
<span class="cart-label">Cart</span>
</a>
<div class="dropdown-box">
<div class="cart-header">
<span>Shopping Cart</span>
<a href="#" class="btn-close">Close<i class="w-icon-long-arrow-right"></i></a>
</div>
<div class="products">
<div class="product product-cart">
<div class="product-detail">
<a href="product-default.html" class="product-name">Beige knitted
elas<br>tic
runner shoes</a>
<div class="price-box">
<span class="product-quantity">1</span>
<span class="product-price">$25.68</span>
</div>
</div>
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/cart/product-1.jpg" alt="product" height="84"
width="94" />
</a>
</figure>
<button class="btn btn-link btn-close" aria-label="button">
<i class="fas fa-times"></i>
</button>
</div>
<div class="product product-cart">
<div class="product-detail">
<a href="product-default.html" class="product-name">Blue utility
pina<br>fore
denim dress</a>
<div class="price-box">
<span class="product-quantity">1</span>
<span class="product-price">$32.99</span>
</div>
</div>
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/cart/product-2.jpg" alt="product" width="84"
height="94" />
</a>
</figure>
<button class="btn btn-link btn-close" aria-label="button">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="cart-total">
<label>Subtotal:</label>
<span class="price">$58.67</span>
</div>
<div class="cart-action">
<a href="cart.html" class="btn btn-dark btn-outline btn-rounded">View Cart</a>
<a href="checkout.html" class="btn btn-primary btn-rounded">Checkout</a>
</div>
</div>
<!-- End of Dropdown Box -->
</div>
</div>
</div>
</div>
<!-- End of Header Middle -->
<div class="header-bottom sticky-content fix-top sticky-header">
<div class="container">
<div class="inner-wrap">
<div class="header-left">
<div class="dropdown category-dropdown has-border" data-visible="true">
<a href="#" class="category-toggle" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="true" data-display="static"
title="Browse Categories">
<i class="w-icon-category"></i>
<span>Browse Categories</span>
</a>
<div class="dropdown-box">
<ul class="menu vertical-menu category-menu">
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-tshirt2"></i>Fashion
</a>
<ul class="megamenu">
<li>
<h4 class="menu-title">Women</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">New Arrivals</a>
</li>
<li><a href="shop-fullwidth-banner.html">Best Sellers</a>
</li>
<li><a href="shop-fullwidth-banner.html">Trending</a></li>
<li><a href="shop-fullwidth-banner.html">Clothing</a></li>
<li><a href="shop-fullwidth-banner.html">Shoes</a></li>
<li><a href="shop-fullwidth-banner.html">Bags</a></li>
<li><a href="shop-fullwidth-banner.html">Accessories</a>
</li>
<li><a href="shop-fullwidth-banner.html">Jewlery &
Watches</a></li>
<li><a href="shop-fullwidth-banner.html">Sale</a></li>
</ul>
</li>
<li>
<h4 class="menu-title">Men</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">New Arrivals</a>
</li>
<li><a href="shop-fullwidth-banner.html">Best Sellers</a>
</li>
<li><a href="shop-fullwidth-banner.html">Trending</a></li>
<li><a href="shop-fullwidth-banner.html">Clothing</a></li>
<li><a href="shop-fullwidth-banner.html">Shoes</a></li>
<li><a href="shop-fullwidth-banner.html">Bags</a></li>
<li><a href="shop-fullwidth-banner.html">Accessories</a>
</li>
<li><a href="shop-fullwidth-banner.html">Jewlery &
Watches</a></li>
</ul>
</li>
<li>
<div class="banner-fixed menu-banner menu-banner2">
<figure>
<img src="assets/images/menu/banner-2.jpg" alt="Menu Banner"
width="235" height="347" />
</figure>
<div class="banner-content">
<div class="banner-price-info mb-1 ls-normal">Get up to
<strong
class="text-primary text-uppercase">20%Off</strong>
</div>
<h3 class="banner-title ls-normal">Hot Sales</h3>
<a href="shop-banner-sidebar.html"
class="btn btn-dark btn-sm btn-link btn-slide-right btn-icon-right">
Shop Now<i class="w-icon-long-arrow-right"></i>
</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-home"></i>Home & Garden
</a>
<ul class="megamenu">
<li>
<h4 class="menu-title">Bedroom</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Beds, Frames &
Bases</a></li>
<li><a href="shop-fullwidth-banner.html">Dressers</a></li>
<li><a href="shop-fullwidth-banner.html">Nightstands</a>
</li>
<li><a href="shop-fullwidth-banner.html">Kid's Beds &
Headboards</a></li>
<li><a href="shop-fullwidth-banner.html">Armoires</a></li>
</ul>
<h4 class="menu-title mt-1">Living Room</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Coffee Tables</a>
</li>
<li><a href="shop-fullwidth-banner.html">Chairs</a></li>
<li><a href="shop-fullwidth-banner.html">Tables</a></li>
<li><a href="shop-fullwidth-banner.html">Futons & Sofa
Beds</a></li>
<li><a href="shop-fullwidth-banner.html">Cabinets &
Chests</a></li>
</ul>
</li>
<li>
<h4 class="menu-title">Office</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Office Chairs</a>
</li>
<li><a href="shop-fullwidth-banner.html">Desks</a></li>
<li><a href="shop-fullwidth-banner.html">Bookcases</a></li>
<li><a href="shop-fullwidth-banner.html">File Cabinets</a>
</li>
<li><a href="shop-fullwidth-banner.html">Breakroom
Tables</a></li>
</ul>
<h4 class="menu-title mt-1">Kitchen & Dining</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Dining Sets</a>
</li>
<li><a href="shop-fullwidth-banner.html">Kitchen Storage
Cabinets</a></li>
<li><a href="shop-fullwidth-banner.html">Bashers Racks</a>
</li>
<li><a href="shop-fullwidth-banner.html">Dining Chairs</a>
</li>
<li><a href="shop-fullwidth-banner.html">Dining Room
Tables</a></li>
<li><a href="shop-fullwidth-banner.html">Bar Stools</a></li>
</ul>
</li>
<li>
<div class="menu-banner banner-fixed menu-banner3">
<figure>
<img src="assets/images/menu/banner-3.jpg" alt="Menu Banner"
width="235" height="461" />
</figure>
<div class="banner-content">
<h4
class="banner-subtitle font-weight-normal text-white mb-1">
Restroom</h4>
<h3
class="banner-title font-weight-bolder text-white ls-normal">
Furniture Sale</h3>
<div
class="banner-price-info text-white font-weight-normal ls-25">
Up to <span
class="text-secondary text-uppercase font-weight-bold">25%
Off</span></div>
<a href="shop-banner-sidebar.html"
class="btn btn-white btn-link btn-sm btn-slide-right btn-icon-right">
Shop Now<i class="w-icon-long-arrow-right"></i>
</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-electronics"></i>Electronics
</a>
<ul class="megamenu">
<li>
<h4 class="menu-title">Laptops & Computers</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Desktop
Computers</a></li>
<li><a href="shop-fullwidth-banner.html">Monitors</a></li>
<li><a href="shop-fullwidth-banner.html">Laptops</a></li>
<li><a href="shop-fullwidth-banner.html">Hard Drives &
Storage</a></li>
<li><a href="shop-fullwidth-banner.html">Computer
Accessories</a></li>
</ul>
<h4 class="menu-title mt-1">TV & Video</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">TVs</a></li>
<li><a href="shop-fullwidth-banner.html">Home Audio
Speakers</a></li>
<li><a href="shop-fullwidth-banner.html">Projectors</a></li>
<li><a href="shop-fullwidth-banner.html">Media Streaming
Devices</a></li>
</ul>
</li>
<li>
<h4 class="menu-title">Digital Cameras</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Digital SLR
Cameras</a></li>
<li><a href="shop-fullwidth-banner.html">Sports & Action
Cameras</a></li>
<li><a href="shop-fullwidth-banner.html">Camera Lenses</a>
</li>
<li><a href="shop-fullwidth-banner.html">Photo Printer</a>
</li>
<li><a href="shop-fullwidth-banner.html">Digital Memory
Cards</a></li>
</ul>
<h4 class="menu-title mt-1">Cell Phones</h4>
<hr class="divider">
<ul>
<li><a href="shop-fullwidth-banner.html">Carrier Phones</a>
</li>
<li><a href="shop-fullwidth-banner.html">Unlocked Phones</a>
</li>
<li><a href="shop-fullwidth-banner.html">Phone & Cellphone
Cases</a></li>
<li><a href="shop-fullwidth-banner.html">Cellphone
Chargers</a></li>
</ul>
</li>
<li>
<div class="menu-banner banner-fixed menu-banner4">
<figure>
<img src="assets/images/menu/banner-4.jpg" alt="Menu Banner"
width="235" height="433" />
</figure>
<div class="banner-content">
<h4 class="banner-subtitle font-weight-normal">Deals Of The
Week</h4>
<h3 class="banner-title text-white">Save On Smart EarPhone
</h3>
<div
class="banner-price-info text-secondary font-weight-bolder text-uppercase text-secondary">
20% Off</div>
<a href="shop-banner-sidebar.html"
class="btn btn-white btn-outline btn-sm btn-rounded">Shop
Now</a>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-furniture"></i>Furniture
</a>
<ul class="megamenu type2">
<li class="row">
<div class="col-md-3 col-lg-3 col-6">
<h4 class="menu-title">Furniture</h4>
<hr class="divider" />
<ul>
<li><a href="shop-fullwidth-banner.html">Sofas & Couches</a>
</li>
<li><a href="shop-fullwidth-banner.html">Armchairs</a></li>
<li><a href="shop-fullwidth-banner.html">Bed Frames</a></li>
<li><a href="shop-fullwidth-banner.html">Beside Tables</a>
</li>
<li><a href="shop-fullwidth-banner.html">Dressing Tables</a>
</li>
</ul>
</div>
<div class="col-md-3 col-lg-3 col-6">
<h4 class="menu-title">Lighting</h4>
<hr class="divider" />
<ul>
<li><a href="shop-fullwidth-banner.html">Light Bulbs</a>
</li>
<li><a href="shop-fullwidth-banner.html">Lamps</a></li>
<li><a href="shop-fullwidth-banner.html">Celling Lights</a>
</li>
<li><a href="shop-fullwidth-banner.html">Wall Lights</a>
</li>
<li><a href="shop-fullwidth-banner.html">Bathroom
Lighting</a></li>
</ul>
</div>
<div class="col-md-3 col-lg-3 col-6">
<h4 class="menu-title">Home Accessories</h4>
<hr class="divider" />
<ul>
<li><a href="shop-fullwidth-banner.html">Decorative
Accessories</a></li>
<li><a href="shop-fullwidth-banner.html">Candals &
Holders</a></li>
<li><a href="shop-fullwidth-banner.html">Home Fragrance</a>
</li>
<li><a href="shop-fullwidth-banner.html">Mirrors</a></li>
<li><a href="shop-fullwidth-banner.html">Clocks</a></li>
</ul>
</div>
<div class="col-md-3 col-lg-3 col-6">
<h4 class="menu-title">Garden & Outdoors</h4>
<hr class="divider" />
<ul>
<li><a href="shop-fullwidth-banner.html">Garden
Furniture</a></li>
<li><a href="shop-fullwidth-banner.html">Lawn Mowers</a>
</li>
<li><a href="shop-fullwidth-banner.html">Pressure
Washers</a></li>
<li><a href="shop-fullwidth-banner.html">All Garden
Tools</a></li>
<li><a href="shop-fullwidth-banner.html">Outdoor Dining</a>
</li>
</ul>
</div>
</li>
<li class="row">
<div class="col-6">
<div class="banner banner-fixed menu-banner5 br-xs">
<figure>
<img src="assets/images/menu/banner-5.jpg" alt="Banner"
width="410" height="123"
style="background-color: #D2D2D2;" />
</figure>
<div class="banner-content text-right y-50">
<h4
class="banner-subtitle font-weight-normal text-default text-capitalize">
New Arrivals</h4>
<h3
class="banner-title font-weight-bolder text-capitalize ls-normal">
Amazing Sofa</h3>
<div
class="banner-price-info font-weight-normal ls-normal">
Starting at <strong>$125.00</strong></div>
</div>
</div>
</div>
<div class="col-6">
<div class="banner banner-fixed menu-banner5 br-xs">
<figure>
<img src="assets/images/menu/banner-6.jpg" alt="Banner"
width="410" height="123"
style="background-color: #9F9888;" />
</figure>
<div class="banner-content y-50">
<h4
class="banner-subtitle font-weight-normal text-white text-capitalize">
Best Seller</h4>
<h3
class="banner-title font-weight-bolder text-capitalize text-white ls-normal">
Chair & Lamp</h3>
<div
class="banner-price-info font-weight-normal ls-normal text-white">
From <strong>$165.00</strong></div>
</div>
</div>
</div>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-heartbeat"></i>Healthy & Beauty
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-gift"></i>Gift Ideas
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-gamepad"></i>Toy & Games
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-ice-cream"></i>Cooking
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-ios"></i>Smart Phones
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-camera"></i>Cameras & Photo
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-ruby"></i>Accessories
</a>
</li>
<li>
<a href="shop-banner-sidebar.html"
class="font-weight-bold text-primary text-uppercase ls-25">
View All Categories<i class="w-icon-angle-right"></i>
</a>
</li>
</ul>
</div>
</div>
<nav class="main-nav">
<ul class="menu active-underline">
<li>
<a href="demo1.html">Home</a>
</li>
<li>
<a href="shop-banner-sidebar.html">Shop</a>
<!-- Start of Megamenu -->
<ul class="megamenu">
<li>
<h4 class="menu-title">Shop Pages</h4>
<ul>
<li><a href="shop-banner-sidebar.html">Banner With Sidebar</a></li>
<li><a href="shop-boxed-banner.html">Boxed Banner</a></li>
<li><a href="shop-fullwidth-banner.html">Full Width Banner</a></li>
<li><a href="shop-horizontal-filter.html">Horizontal Filter<span
class="tip tip-hot">Hot</span></a></li>
<li><a href="shop-off-canvas.html">Off Canvas Sidebar<span
class="tip tip-new">New</span></a></li>
<li><a href="shop-infinite-scroll.html">Infinite Ajax Scroll</a>
</li>
<li><a href="shop-right-sidebar.html">Right Sidebar</a></li>
<li><a href="shop-both-sidebar.html">Both Sidebar</a></li>
</ul>
</li>
<li>
<h4 class="menu-title">Shop Layouts</h4>
<ul>
<li><a href="shop-grid-3cols.html">3 Columns Mode</a></li>
<li><a href="shop-grid-4cols.html">4 Columns Mode</a></li>
<li><a href="shop-grid-5cols.html">5 Columns Mode</a></li>
<li><a href="shop-grid-6cols.html">6 Columns Mode</a></li>
<li><a href="shop-grid-7cols.html">7 Columns Mode</a></li>
<li><a href="shop-grid-8cols.html">8 Columns Mode</a></li>
<li><a href="shop-list.html">List Mode</a></li>
<li><a href="shop-list-sidebar.html">List Mode With Sidebar</a></li>
</ul>
</li>
<li>
<h4 class="menu-title">Product Pages</h4>
<ul>
<li><a href="product-variable.html">Variable Product</a></li>
<li><a href="product-featured.html">Featured & Sale</a></li>
<li><a href="product-accordion.html">Data In Accordion</a></li>
<li><a href="product-section.html">Data In Sections</a></li>
<li><a href="product-swatch.html">Image Swatch</a></li>
<li><a href="product-extended.html">Extended Info</a>
</li>
<li><a href="product-without-sidebar.html">Without Sidebar</a></li>
<li><a href="product-video.html">360<sup>o</sup> & Video<span
class="tip tip-new">New</span></a></li>
</ul>
</li>
<li>
<h4 class="menu-title">Product Layouts</h4>
<ul>
<li><a href="product-default.html">Default<span
class="tip tip-hot">Hot</span></a></li>
<li><a href="product-vertical.html">Vertical Thumbs</a></li>
<li><a href="product-grid.html">Grid Images</a></li>
<li><a href="product-masonry.html">Masonry</a></li>
<li><a href="product-gallery.html">Gallery</a></li>
<li><a href="product-sticky-info.html">Sticky Info</a></li>
<li><a href="product-sticky-thumb.html">Sticky Thumbs</a></li>
<li><a href="product-sticky-both.html">Sticky Both</a></li>
</ul>
</li>
</ul>
<!-- End of Megamenu -->
</li>
<li class="active">
<a href="vendor-dokan-store.html">Vendor</a>
<ul>
<li>
<a href="vendor-dokan-store-list.html">Store Listing</a>
<ul>
<li><a href="vendor-dokan-store-list.html">Store listing 1</a></li>
<li><a href="vendor-wcfm-store-list.html">Store listing 2</a></li>
<li><a href="vendor-wcmp-store-list.html">Store listing 3</a></li>
<li><a href="vendor-wc-store-list.html">Store listing 4</a></li>
</ul>
</li>
<li>
<a href="vendor-dokan-store.html">Vendor Store</a>
<ul>
<li><a href="vendor-dokan-store.html">Vendor Store 1</a></li>
<li><a href="vendor-wcfm-store-product-grid.html">Vendor Store 2</a>
</li>
<li><a href="vendor-wcmp-store-product-grid.html">Vendor Store 3</a>
</li>
<li><a href="vendor-wc-store-product-grid.html">Vendor Store 4</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="blog.html">Blog</a>
<ul>
<li><a href="blog.html">Classic</a></li>
<li><a href="blog-listing.html">Listing</a></li>
<li>
<a href="blog-grid-3cols.html">Grid</a>
<ul>
<li><a href="blog-grid-2cols.html">Grid 2 columns</a></li>
<li><a href="blog-grid-3cols.html">Grid 3 columns</a></li>
<li><a href="blog-grid-4cols.html">Grid 4 columns</a></li>
<li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
</ul>
</li>
<li>
<a href="blog-masonry-3cols.html">Masonry</a>
<ul>
<li><a href="blog-masonry-2cols.html">Masonry 2 columns</a></li>
<li><a href="blog-masonry-3cols.html">Masonry 3 columns</a></li>
<li><a href="blog-masonry-4cols.html">Masonry 4 columns</a></li>
<li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
</ul>
</li>
<li>
<a href="blog-mask-grid.html">Mask</a>
<ul>
<li><a href="blog-mask-grid.html">Blog mask grid</a></li>
<li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
</ul>
</li>
<li>
<a href="post-single.html">Single Post</a>
</li>
</ul>
</li>
<li>
<a href="about-us.html">Pages</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="become-a-vendor.html">Become A Vendor</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-404.html">Error 404</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="compare.html">Compare</a></li>
</ul>
</li>
<li>
<a href="elements.html">Elements</a>
<ul>
<li><a href="element-accordions.html">Accordions</a></li>
<li><a href="element-alerts.html">Alert & Notification</a></li>
<li><a href="element-blog-posts.html">Blog Posts</a></li>
<li><a href="element-buttons.html">Buttons</a></li>
<li><a href="element-cta.html">Call to Action</a></li>
<li><a href="element-icons.html">Icons</a></li>
<li><a href="element-icon-boxes.html">Icon Boxes</a></li>
<li><a href="element-instagrams.html">Instagrams</a></li>
<li><a href="element-categories.html">Product Category</a></li>
<li><a href="element-products.html">Products</a></li>
<li><a href="element-tabs.html">Tabs</a></li>
<li><a href="element-testimonials.html">Testimonials</a></li>
<li><a href="element-titles.html">Titles</a></li>
<li><a href="element-typography.html">Typography</a></li>
<li><a href="element-vendors.html">Vendors</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header-right">
<a href="#" class="d-xl-show"><i class="w-icon-map-marker mr-1"></i>Track Order</a>
<a href="#"><i class="w-icon-sale"></i>Daily Deals</a>
</div>
</div>
</div>
</div>
</header>
<!-- End of Header -->
<!-- Start of Main -->
<main class="main">
<!-- Start of Breadcrumb -->
<nav class="breadcrumb-nav">
<div class="container">
<ul class="breadcrumb bb-no">
<li><a href="demo1.html">Home</a></li>
<li><a href="#">Vendor</a></li>
<li><a href="#">WCFM</a></li>
<li>Store</li>
</ul>
</div>
</nav>
<!-- End of Breadcrumb -->
<!-- Start of Pgae Contetn -->
<div class="page-content mb-8">
<div class="container">
<div class="store store-wcfm-banner">
<figure class="store-media">
<img src="assets/images/vendor/wcfm/1.jpg" alt="Vendor" width="1240" height="460"
style="background-color: #40475e;" />
</figure>
<div class="store-content">
<div class="store-content-left mr-auto">
<div class="personal-info">
<figure class="seller-brand">
<img src="assets/images/vendor/brand/2-100x100.png" alt="Brand" width="100"
height="100" />
</figure>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
<div class="address-info">
<h4 class="store-title">Vendor 1</h4>
<ul class="seller-info-list list-style-none">
<li class="store-address">
<i class="w-icon-map-marker"></i>
Street1, Street2, Great Area, California, United States (US), 92090El
Carjon,
</li>
<li class="store-phone">
<a href="tel:123456789">
<i class="w-icon-phone"></i>
0(800)123-456
</a>
</li>
<li class="store-email">
<a href="email:#">
<i class="far fa-envelope"></i>
<span class="__cf_email__" data-cfemail="a1d6c2e1d7c4cfc5ced38fc2cecc">[email protected]</span>
</a>
</li>
</ul>
</div>
</div>
<div class="store-content-right">
<div class="btn btn-white btn-rounded btn-icon-left btn-inquiry"><i
class="far fa-question-circle"></i>Inquiry</div>
<div class="social-icons social-icons-colored border-thin">
<a href="#" class="social-icon social-facebook w-icon-facebook"></a>
<a href="#" class="social-icon social-twitter w-icon-twitter"></a>
<a href="#" class="social-icon social-linkedin fab fa-linkedin"></a>
<a href="#" class="social-icon social-youtube w-icon-youtube"></a>
<a href="#" class="social-icon social-instagram w-icon-instagram"></a>
</div>
</div>
</div>
</div>
<!-- End of Store WCMP Banner -->
<div class="row gutter-lg">
<aside class="sidebar left-sidebar vendor-sidebar sticky-sidebar-wrapper sidebar-fixed">
<!-- Start of Sidebar Overlay -->
<div class="sidebar-overlay"></div>
<a class="sidebar-close" href="#"><i class="close-icon"></i></a>
<a href="#" class="sidebar-toggle"><i class="w-icon-angle-right"></i></a>
<div class="sidebar-content">
<div class="sticky-sidebar">
<div class="widget widget-collapsible widget-categories">
<h3 class="widget-title"><span>All Categories</span></h3>
<ul class="widget-body filter-items search-ul">
<li>
<a href="#">Clothing</a>
<ul>
<li><a href="#">Men's</a></li>
</ul>
</li>
<li><a href="#">Fashion</a></li>
<li><a href="#">Healthy & Beauty</a></li>
<li><a href="#">Home & Kitchen</a></li>
<li>
<a href="#">Jewelry & Watch</a>
<ul>
<li><a href="#">Smart Watch</a></li>
<li><a href="#">Watch</a></li>
</ul>
</li>
<li>
<a href="#">Office Electronics</a>
<ul>
<li><a href="#">Accessories</a></li>
</ul>
</li>
</ul>
</div>
<!-- End of Widget -->
<div class="widget widget-collapsible widget-coupons">
<h3 class="widget-title"><span>Store Coupons</span></h3>
<div class="widget-body">
<div class="coupon">
First Shopping Coupon
<div class="coupon-tip">
<div class="coupon-info-title">FREE Shipping Coupon</div>
<div class="coupon-info-date">April 30, 2021</div>
<div>Test coupon for vendor page</div>
</div>
</div>
</div>
</div>
<!-- End of Widget -->
<div class="widget widget-collapsible widget-time">
<h3 class="widget-title"><span><i class="far fa-clock"></i>Store Time</span>
</h3>
<ul class="widget-body">
<li>
<span>Monday:</span>9:00 - 10:00 pm
</li>
<li>
<span>Tuesday:</span>9:00 - 10:00 pm
</li>
<li>
<span>Wednesday:</span>9:00 - 10:00 pm
</li>
<li>
<span>Thursday:</span>9:00 - 2:00 pm
</li>
<li>
<span>Friday:</span>9:00 - 10:00 pm
</li>
<li>
<span>Saturday:</span>9:00 - 10:00 pm
</li>
<li>
<span>Sunday:</span>9:00 - 10:00 pm
</li>
</ul>
</div>
<!-- End of Widget -->
<div class="widget widget-collapsible">
<h3 class="widget-title"><span><i class="w-icon-truck"></i>Shipping Rules</span>
</h3>
<div class="widget-body">
<p class="mb-0">Delivery Time: 1-2 business days</p>
</div>
</div>
<!-- End of Widget -->
<div class="widget widget-collapsible widget-location">
<h3 class="widget-title"><span>Store Location</span></h3>
<div class="widget-body">
<div class="google-map" id="googlemaps"></div>
</div>
</div>
<!-- End of Widget -->
<div class="widget widget-collapsible widget-products">
<h3 class="widget-title"><span>Best Selling</span></h3>
<div class="widget-body">
<div class="product product-widget">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/1.jpg" alt="Product" width="100"
height="106" />
</a>
</figure>
<div class="product-details">
<h4 class="product-name">
<a href="product-default.html">3D Television</a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
<div class="product-price">$220.00</div>
</div>
</div>
<div class="product product-widget">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/2-1.jpg" alt="Product" width="100"
height="106" />
</a>
</figure>
<div class="product-details">
<h4 class="product-name">
<a href="product-default.html">Alarm Clock With Lamp</a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
<div class="product-price">
<ins class="new-price">$30.00</ins><del
class="old-price">$60.00</del>
</div>
</div>
</div>
<div class="product product-widget">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/3.jpg" alt="Product" width="100"
height="106" />
</a>
</figure>
<div class="product-details">
<h4 class="product-name">
<a href="product-default.html">Apple Laptop</a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
<div class="product-price">$1,000.00</div>
</div>
</div>
</div>
</div>
<!-- End of Widget -->
</div>
</div>
</aside>
<!-- End of Sidebar -->
<div class="main-content">
<div class="tab tab-nav-underline tab-nav-boxed tab-vendor-wcfm">
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="#tab-1" class="nav-link active">Products</a>
</li>
<li class="nav-item">
<a href="#tab-2" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#tab-3" class="nav-link">Policies</a>
</li>
<li class="nav-item">
<a href="#tab-4" class="nav-link">Reviews(1)</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-1">
<nav class="toolbox sticky-toolbox sticky-content fix-top">
<div class="toolbox-left">
<div class="toolbox-item toolbox-sort select-box text-dark">
<label>Sort By :</label>
<select name="orderby" class="form-control">
<option value="default" selected="selected">Default sorting
</option>
<option value="popularity">Sort by popularity</option>
<option value="rating">Sort by average rating</option>
<option value="date">Sort by latest</option>
<option value="price-low">Sort by pric: low to high</option>
<option value="price-high">Sort by price: high to low</option>
</select>
</div>
</div>
<div class="toolbox-right">
<div class="toolbox-item toolbox-show select-box">
<select name="count" class="form-control">
<option value="9">Show 9</option>
<option value="12" selected="selected">Show 12</option>
<option value="24">Show 24</option>
<option value="36">Show 36</option>
</select>
</div>
<div class="toolbox-item toolbox-layout">
<a href="vendor-wcfm-store-product-grid.html"
class="icon-mode-grid btn-layout active">
<i class="w-icon-grid"></i>
</a>
<a href="vendor-wcfm-store-product-list.html"
class="icon-mode-list btn-layout">
<i class="w-icon-list"></i>
</a>
</div>
</div>
</nav>
<div class="product-wrapper row cols-md-3 cols-sm-2 cols-2">
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/1.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">3D
Television</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(3
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$220.00 - $230.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/2-1.jpg" alt="Product"
width="300" height="338" />
<img src="assets/images/shop/2-2.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Alarm
Clock With Lamp</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(10
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">
<ins class="new-price">$30.00</ins><del
class="old-price">$60.00</del>
</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/3.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Apple
Laptop</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 80%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(5
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$1,000.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/4.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a
href="product-default.html">Attachable Charge Alarm</a>
</h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 60%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(7
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$15.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/5.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Best
Travel Bag</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 80%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(4
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$83.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/6.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Black
Stunt Motor</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(12
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$374.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/7-1.jpg" alt="Product"
width="300" height="338" />
<img src="assets/images/shop/7-2.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Blue Sky
Trunk</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(9
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$85.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/8.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Bodycare
Smooth Powder</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 60%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(4
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$25.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/9.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Bright
Green IPhone</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 80%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(4
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$950.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/10.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Cavin
Fashion Suede Handbag</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 80%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(4
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$163.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/11-1.jpg" alt="Product"
width="300" height="338" />
<img src="assets/images/shop/11-2.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Charming
Design Watch</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(10
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$30.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="product-wrap">
<div class="product product-simple text-center">
<figure class="product-media">
<a href="product-default.html">
<img src="assets/images/shop/12.jpg" alt="Product"
width="300" height="338" />
</a>
<div class="product-action-vertical">
<a href="#"
class="btn-product-icon btn-wishlist w-icon-heart"
title="Add to wishlist"></a>
<a href="#"
class="btn-product-icon btn-compare w-icon-compare"
title="Add to Compare"></a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview"
title="Quick View">Quick
View</a>
</div>
</figure>
<div class="product-details">
<h4 class="product-name"><a href="product-default.html">Classic
Simple Backpack</a></h4>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product-default.html" class="rating-reviews">(9
reviews)</a>
</div>
<div class="product-pa-wrapper">
<div class="product-price">$85.00</div>
<div class="product-action">
<a href="#"
class="btn-cart btn-product btn btn-icon-right btn-link btn-underline">Add
To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-2">
<p class="mb-4"><strong>L</strong>orem ipsum dolor sit amet, consectetur
adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Venenatis tellus in metus vulputate eu scelerisque felis. Vel
pretium lectus quam id leo in vitae turpis massa. Nunc id cursus
metus aliquam. Libero id faucibus nisl tincidunt eget. Aliquam
id diam maecenas ultricies mi eget mauris.</p>
<p><strong>L</strong>orem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt tellus in metus vulputate eu scelerisque
felis. Vel pretium lectus quam id leo. id faucibus nisl tincidunt eget.
Aliquam id diam maecenas ultricies mi eget mauris. ut labore et dolore magna
aliqua. Venenatis.</p>
</div>
<div class="tab-pane" id="tab-3">
<div class="policies-area">
<h3 class="title">Shipping Policy</h3>
<p><strong>L</strong>orem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt arcu cursus. Sagittis id consectetur
purus
ut. Tellus rutrum tellus pelle.</p>
</div>
<div class="policies-area">
<h3 class="title">Refund Policy</h3>
<p><strong>L</strong>orem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt arcu cursus. Sagittis id consectetur
purus ut. Tellus rutrum tellus pelle.</p>
</div>
<div class="policies-area">
<h3 class="title text-left">Cancellation / Return / Exchange Policy</h3>
<p><strong>L</strong>orem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt arcu cursus. Sagittis id consectetur
purus ut. Tellus rutrum tellus pelle.</p>
</div>
</div>
<div class="tab-pane" id="tab-4">
<div class="review-area">
<h3 class="title font-weight-bold mb-5">Write A Review</h3>
<input name="review" type="text" class="form-control"
placeholder="your review">
<button class="btn btn-rounded">Add Your Review</button>
</div>
<!-- End of Reveiw Area -->
<div class="review-area">
<h3 class="title font-weight-bold mb-5">Reviews</h3>
<div class="reviewers d-flex align-items-center flex-wrap mb-7">
<div class="reviewers-picture d-flex mr-2">
<figure>
<img src="assets/images/vendor/wcfm/avatar.png" alt="Avatar"
width="113" height="112" />
</figure>
<figure>
<img src="assets/images/vendor/wcfm/avatar.png" alt="Avatar"
width="113" height="112" />
</figure>
<figure>
<img src="assets/images/vendor/wcfm/avatar.png" alt="Avatar"
width="113" height="112" />
</figure>
</div>
<div class="reviewer-name">
<a href="#" class="font-weight-bold mr-1">John Doe</a>has reviewed
this store
</div>
</div>
<!-- End of Reviewers -->
<div class="review-ratings">
<div class="review-ratings-left mr-auto">
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Feature</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Varity</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Flexibility</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Delivery</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Support</label>
</div>
</div>
<!-- End of Review Ratings Left -->
<div class="review-ratings-right">
<div class="average-rating">5.0<sub>/5</sub></div>
<div class="ratings-container">
<div class="ratings-full mr-0">
<span class="ratings" style="width: 100%;"></span>
</div>
</div>
</div>
<!-- End of Review Ratings Right -->
</div>
<!-- End of Review Ratings -->
<div class="user-wrap">
<div class="user-photo">
<figure>
<img src="assets/images/vendor/wcfm/avatar.png" alt="Avatar"
width="113" height="112" />
</figure>
<div class="rated text-center">
<label>Rated</label>
<span class="score">5.0</span>
</div>
</div>
<!-- End of User Photo -->
<div class="user-info">
<h4 class="user-name">John Doe</h4>
<div class="user-date mb-7">
<span>1 Reviews</span>
<span>April 1, 2021 12:12 Pm</span>
</div>
<p>Diam in arcu cursus euismod quis. Eget sit amet tellusvitae
sapien pellentesque habitant morbi tristique senectus et.
Cras adipiscing enim ermentum et sollicitudin ac orci phasellus.
</p>
</div>
<!-- End of User Info -->
<div class="review-ratings">
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Feature</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Varity</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Flexibility</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Delivery</label>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 100%;"></span>
</div>
<label>5.0 Support</label>
</div>
</div>
</div>
<!-- End of User Wrap -->
</div>
<!-- End of Reveiw Area -->
</div>
</div>
</div>
</div>
<!-- End of Main Content -->
</div>
</div>
</div>
<!-- End of Page Content -->
</main>
<!-- End of Main -->
<!-- Start of Footer -->
<footer class="footer appear-animate" data-animation-options="{
'name': 'fadeIn'
}">
<div class="footer-newsletter bg-primary pt-6 pb-6">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-xl-5 col-lg-6">
<div class="icon-box icon-box-side text-white">
<div class="icon-box-icon d-inline-flex">
<i class="w-icon-envelop3"></i>
</div>
<div class="icon-box-content">
<h4 class="icon-box-title text-white text-uppercase mb-0">Subscribe To Our
Newsletter</h4>
<p class="text-white">Get all the latest information on Events, Sales and Offers.
</p>
</div>
</div>
</div>
<div class="col-xl-7 col-lg-6 col-md-9 mt-4 mt-lg-0 ">
<form action="#" method="get"
class="input-wrapper input-wrapper-inline input-wrapper-rounded">
<input type="email" class="form-control mr-2 bg-white" name="email" id="email"
placeholder="Your E-mail Address" />
<button class="btn btn-dark btn-rounded" type="submit">Subscribe<i
class="w-icon-long-arrow-right"></i></button>
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="footer-top">
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="widget widget-about">
<a href="demo1.html" class="logo-footer">
<img src="assets/images/logo_footer.png" alt="logo-footer" width="144"
height="45" />
</a>
<div class="widget-body">
<p class="widget-about-title">Got Question? Call us 24/7</p>
<a href="tel:18005707777" class="widget-about-call">1-800-570-7777</a>
<p class="widget-about-desc">Register now to get updates on pronot get up icons
& coupons ster now toon.
</p>
<div class="social-icons social-icons-colored">
<a href="#" class="social-icon social-facebook w-icon-facebook"></a>
<a href="#" class="social-icon social-twitter w-icon-twitter"></a>
<a href="#" class="social-icon social-instagram w-icon-instagram"></a>
<a href="#" class="social-icon social-youtube w-icon-youtube"></a>
<a href="#" class="social-icon social-pinterest w-icon-pinterest"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="widget">
<h3 class="widget-title">Company</h3>
<ul class="widget-body">
<li><a href="about-us.html">About Us</a></li>
<li><a href="#">Team Member</a></li>
<li><a href="#">Career</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="#">Affilate</a></li>
<li><a href="#">Order History</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="widget">
<h4 class="widget-title">My Account</h4>
<ul class="widget-body">
<li><a href="#">Track My Order</a></li>
<li><a href="cart.html">View Cart</a></li>
<li><a href="login.html">Sign In</a></li>
<li><a href="#">Help</a></li>
<li><a href="wishlist.html">My Wishlist</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="widget">
<h4 class="widget-title">Customer Service</h4>
<ul class="widget-body">
<li><a href="#">Payment Methods</a></li>
<li><a href="#">Money-back guarantee!</a></li>
<li><a href="#">Product Returns</a></li>
<li><a href="#">Support Center</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Term and Conditions</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-middle">
<div class="widget widget-category">
<div class="category-box">
<h6 class="category-name">Consumer Electric:</h6>
<a href="#">TV Television</a>
<a href="#">Air Condition</a>
<a href="#">Refrigerator</a>
<a href="#">Washing Machine</a>
<a href="#">Audio Speaker</a>
<a href="#">Security Camera</a>
<a href="#">View All</a>
</div>
<div class="category-box">
<h6 class="category-name">Clothing & Apparel:</h6>
<a href="#">Men's T-shirt</a>
<a href="#">Dresses</a>
<a href="#">Men's Sneacker</a>
<a href="#">Leather Backpack</a>
<a href="#">Watches</a>
<a href="#">Jeans</a>
<a href="#">Sunglasses</a>
<a href="#">Boots</a>
<a href="#">Rayban</a>
<a href="#">Accessories</a>
</div>
<div class="category-box">
<h6 class="category-name">Home, Garden & Kitchen:</h6>
<a href="#">Sofa</a>
<a href="#">Chair</a>
<a href="#">Bed Room</a>
<a href="#">Living Room</a>
<a href="#">Cookware</a>
<a href="#">Utensil</a>
<a href="#">Blender</a>
<a href="#">Garden Equipments</a>
<a href="#">Decor</a>
<a href="#">Library</a>
</div>
<div class="category-box">
<h6 class="category-name">Health & Beauty:</h6>
<a href="#">Skin Care</a>
<a href="#">Body Shower</a>
<a href="#">Makeup</a>
<a href="#">Hair Care</a>
<a href="#">Lipstick</a>
<a href="#">Perfume</a>
<a href="#">View all</a>
</div>
<div class="category-box">
<h6 class="category-name">Jewelry & Watches:</h6>
<a href="#">Necklace</a>
<a href="#">Pendant</a>
<a href="#">Diamond Ring</a>
<a href="#">Silver Earing</a>
<a href="#">Leather Watcher</a>
<a href="#">Rolex</a>
<a href="#">Gucci</a>
<a href="#">Australian Opal</a>
<a href="#">Ammolite</a>
<a href="#">Sun Pyrite</a>
</div>
<div class="category-box">
<h6 class="category-name">Computer & Technologies:</h6>
<a href="#">Laptop</a>
<a href="#">iMac</a>
<a href="#">Smartphone</a>
<a href="#">Tablet</a>
<a href="#">Apple</a>
<a href="#">Asus</a>
<a href="#">Drone</a>
<a href="#">Wireless Speaker</a>
<a href="#">Game Controller</a>
<a href="#">View all</a>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-left">
<p class="copyright">Copyright © 2021 Wolmart Store. All Rights Reserved.</p>
</div>
<div class="footer-right">
<span class="payment-label mr-lg-8">We're using safe payment for</span>
<figure class="payment">
<img src="assets/images/payment.png" alt="payment" width="159" height="25" />
</figure>
</div>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
<!-- End of Page-wrapper -->
<!-- Start of Sticky Footer -->
<div class="sticky-footer sticky-content fix-bottom">
<a href="demo1.html" class="sticky-link active">
<i class="w-icon-home"></i>
<p>Home</p>
</a>
<a href="shop-banner-sidebar.html" class="sticky-link">
<i class="w-icon-category"></i>
<p>Shop</p>
</a>
<a href="my-account.html" class="sticky-link">
<i class="w-icon-account"></i>
<p>Account</p>
</a>
<div class="cart-dropdown dir-up">
<a href="cart.html" class="sticky-link">
<i class="w-icon-cart"></i>
<p>Cart</p>
</a>
<div class="dropdown-box">
<div class="products">
<div class="product product-cart">
<div class="product-detail">
<h3 class="product-name">
<a href="product-default.html">Beige knitted elas<br>tic
runner shoes</a>
</h3>
<div class="price-box">
<span class="product-quantity">1</span>
<span class="product-price">$25.68</span>
</div>
</div>
<figure class="product-media">
<a href="#">
<img src="assets/images/cart/product-1.jpg" alt="product" height="84" width="94" />
</a>
</figure>
<button class="btn btn-link btn-close" aria-label="button">
<i class="fas fa-times"></i>
</button>
</div>
<div class="product product-cart">
<div class="product-detail">
<h3 class="product-name">
<a href="https://www.portotheme.com/html/wolmart/product.html">Blue utility pina<br>fore
denim dress</a>
</h3>
<div class="price-box">
<span class="product-quantity">1</span>
<span class="product-price">$32.99</span>
</div>
</div>
<figure class="product-media">
<a href="#">
<img src="assets/images/cart/product-2.jpg" alt="product" width="84" height="94" />
</a>
</figure>
<button class="btn btn-link btn-close" aria-label="button">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="cart-total">
<label>Subtotal:</label>
<span class="price">$58.67</span>
</div>
<div class="cart-action">
<a href="cart.html" class="btn btn-dark btn-outline btn-rounded">View Cart</a>
<a href="checkout.html" class="btn btn-primary btn-rounded">Checkout</a>
</div>
</div>
<!-- End of Dropdown Box -->
</div>
<div class="header-search hs-toggle dir-up">
<a href="#" class="search-toggle sticky-link">
<i class="w-icon-search"></i>
<p>Search</p>
</a>
<form action="#" class="input-wrapper">
<input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search"
required />
<button class="btn btn-search" type="submit">
<i class="w-icon-search"></i>
</button>
</form>
</div>
</div>
<!-- End of Sticky Footer -->
<!-- Start of Scroll Top -->
<a id="scroll-top" class="scroll-top" href="#top" title="Top" role="button"> <i class="w-icon-angle-up"></i> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"> <circle id="progress-indicator" fill="transparent" stroke="#000000" stroke-miterlimit="10" cx="35" cy="35" r="34" style="stroke-dasharray: 16.4198, 400;"></circle> </svg> </a>
<!-- End of Scroll Top -->
<!-- Start of Mobile Menu -->
<div class="mobile-menu-wrapper">
<div class="mobile-menu-overlay"></div>
<!-- End of .mobile-menu-overlay -->
<a href="#" class="mobile-menu-close"><i class="close-icon"></i></a>
<!-- End of .mobile-menu-close -->
<div class="mobile-menu-container scrollable">
<form action="#" method="get" class="input-wrapper">
<input type="text" class="form-control" name="search" autocomplete="off" placeholder="Search"
required />
<button class="btn btn-search" type="submit">
<i class="w-icon-search"></i>
</button>
</form>
<!-- End of Search Form -->
<div class="tab">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a href="#main-menu" class="nav-link active">Main Menu</a>
</li>
<li class="nav-item">
<a href="#categories" class="nav-link">Categories</a>
</li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="main-menu">
<ul class="mobile-menu">
<li><a href="demo1.html">Home</a></li>
<li>
<a href="shop-banner-sidebar.html">Shop</a>
<ul>
<li>
<a href="#">Shop Pages</a>
<ul>
<li><a href="shop-banner-sidebar.html">Banner With Sidebar</a></li>
<li><a href="shop-boxed-banner.html">Boxed Banner</a></li>
<li><a href="shop-fullwidth-banner.html">Full Width Banner</a></li>
<li><a href="shop-horizontal-filter.html">Horizontal Filter<span
class="tip tip-hot">Hot</span></a></li>
<li><a href="shop-off-canvas.html">Off Canvas Sidebar<span
class="tip tip-new">New</span></a></li>
<li><a href="shop-infinite-scroll.html">Infinite Ajax Scroll</a></li>
<li><a href="shop-right-sidebar.html">Right Sidebar</a></li>
<li><a href="shop-both-sidebar.html">Both Sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Shop Layouts</a>
<ul>
<li><a href="shop-grid-3cols.html">3 Columns Mode</a></li>
<li><a href="shop-grid-4cols.html">4 Columns Mode</a></li>
<li><a href="shop-grid-5cols.html">5 Columns Mode</a></li>
<li><a href="shop-grid-6cols.html">6 Columns Mode</a></li>
<li><a href="shop-grid-7cols.html">7 Columns Mode</a></li>
<li><a href="shop-grid-8cols.html">8 Columns Mode</a></li>
<li><a href="shop-list.html">List Mode</a></li>
<li><a href="shop-list-sidebar.html">List Mode With Sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Product Pages</a>
<ul>
<li><a href="product-variable.html">Variable Product</a></li>
<li><a href="product-featured.html">Featured & Sale</a></li>
<li><a href="product-accordion.html">Data In Accordion</a></li>
<li><a href="product-section.html">Data In Sections</a></li>
<li><a href="product-swatch.html">Image Swatch</a></li>
<li><a href="product-extended.html">Extended Info</a>
</li>
<li><a href="product-without-sidebar.html">Without Sidebar</a></li>
<li><a href="product-video.html">360<sup>o</sup> & Video<span
class="tip tip-new">New</span></a></li>
</ul>
</li>
<li>
<a href="#">Product Layouts</a>
<ul>
<li><a href="product-default.html">Default<span
class="tip tip-hot">Hot</span></a></li>
<li><a href="product-vertical.html">Vertical Thumbs</a></li>
<li><a href="product-grid.html">Grid Images</a></li>
<li><a href="product-masonry.html">Masonry</a></li>
<li><a href="product-gallery.html">Gallery</a></li>
<li><a href="product-sticky-info.html">Sticky Info</a></li>
<li><a href="product-sticky-thumb.html">Sticky Thumbs</a></li>
<li><a href="product-sticky-both.html">Sticky Both</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="vendor-dokan-store.html">Vendor</a>
<ul>
<li>
<a href="#">Store Listing</a>
<ul>
<li><a href="vendor-dokan-store-list.html">Store listing 1</a></li>
<li><a href="vendor-wcfm-store-list.html">Store listing 2</a></li>
<li><a href="vendor-wcmp-store-list.html">Store listing 3</a></li>
<li><a href="vendor-wc-store-list.html">Store listing 4</a></li>
</ul>
</li>
<li>
<a href="#">Vendor Store</a>
<ul>
<li><a href="vendor-dokan-store.html">Vendor Store 1</a></li>
<li><a href="vendor-wcfm-store-product-grid.html">Vendor Store 2</a></li>
<li><a href="vendor-wcmp-store-product-grid.html">Vendor Store 3</a></li>
<li><a href="vendor-wc-store-product-grid.html">Vendor Store 4</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="blog.html">Blog</a>
<ul>
<li><a href="blog.html">Classic</a></li>
<li><a href="blog-listing.html">Listing</a></li>
<li>
<a href="https://www.portotheme.com/html/wolmart/blog-grid.html">Grid</a>
<ul>
<li><a href="blog-grid-2cols.html">Grid 2 columns</a></li>
<li><a href="blog-grid-3cols.html">Grid 3 columns</a></li>
<li><a href="blog-grid-4cols.html">Grid 4 columns</a></li>
<li><a href="blog-grid-sidebar.html">Grid sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Masonry</a>
<ul>
<li><a href="blog-masonry-2cols.html">Masonry 2 columns</a></li>
<li><a href="blog-masonry-3cols.html">Masonry 3 columns</a></li>
<li><a href="blog-masonry-4cols.html">Masonry 4 columns</a></li>
<li><a href="blog-masonry-sidebar.html">Masonry sidebar</a></li>
</ul>
</li>
<li>
<a href="#">Mask</a>
<ul>
<li><a href="blog-mask-grid.html">Blog mask grid</a></li>
<li><a href="blog-mask-masonry.html">Blog mask masonry</a></li>
</ul>
</li>
<li>
<a href="post-single.html">Single Post</a>
</li>
</ul>
</li>
<li>
<a href="about-us.html">Pages</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="become-a-vendor.html">Become A Vendor</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="error-404.html">Error 404</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">My Account</a></li>
</ul>
</li>
<li>
<a href="elements.html">Elements</a>
<ul>
<li><a href="element-products.html">Products</a></li>
<li><a href="element-titles.html">Titles</a></li>
<li><a href="element-typography.html">Typography</a></li>
<li><a href="element-categories.html">Product Category</a></li>
<li><a href="element-buttons.html">Buttons</a></li>
<li><a href="element-accordions.html">Accordions</a></li>
<li><a href="element-alerts.html">Alert & Notification</a></li>
<li><a href="element-tabs.html">Tabs</a></li>
<li><a href="element-testimonials.html">Testimonials</a></li>
<li><a href="element-blog-posts.html">Blog Posts</a></li>
<li><a href="element-instagrams.html">Instagrams</a></li>
<li><a href="element-cta.html">Call to Action</a></li>
<li><a href="element-vendors.html">Vendors</a></li>
<li><a href="element-icon-boxes.html">Icon Boxes</a></li>
<li><a href="element-icons.html">Icons</a></li>
</ul>
</li>
</ul>
</div>
<div class="tab-pane" id="categories">
<ul class="mobile-menu">
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-tshirt2"></i>Fashion
</a>
<ul>
<li>
<a href="#">Women</a>
<ul>
<li><a href="shop-fullwidth-banner.html">New Arrivals</a>
</li>
<li><a href="shop-fullwidth-banner.html">Best Sellers</a>
</li>
<li><a href="shop-fullwidth-banner.html">Trending</a></li>
<li><a href="shop-fullwidth-banner.html">Clothing</a></li>
<li><a href="shop-fullwidth-banner.html">Shoes</a></li>
<li><a href="shop-fullwidth-banner.html">Bags</a></li>
<li><a href="shop-fullwidth-banner.html">Accessories</a>
</li>
<li><a href="shop-fullwidth-banner.html">Jewlery &
Watches</a></li>
<li><a href="shop-fullwidth-banner.html">Sale</a></li>
</ul>
</li>
<li>
<a href="#">Men</a>
<ul>
<li><a href="shop-fullwidth-banner.html">New Arrivals</a>
</li>
<li><a href="shop-fullwidth-banner.html">Best Sellers</a>
</li>
<li><a href="shop-fullwidth-banner.html">Trending</a></li>
<li><a href="shop-fullwidth-banner.html">Clothing</a></li>
<li><a href="shop-fullwidth-banner.html">Shoes</a></li>
<li><a href="shop-fullwidth-banner.html">Bags</a></li>
<li><a href="shop-fullwidth-banner.html">Accessories</a>
</li>
<li><a href="shop-fullwidth-banner.html">Jewlery &
Watches</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-home"></i>Home & Garden
</a>
<ul>
<li>
<a href="#">Bedroom</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Beds, Frames &
Bases</a></li>
<li><a href="shop-fullwidth-banner.html">Dressers</a></li>
<li><a href="shop-fullwidth-banner.html">Nightstands</a>
</li>
<li><a href="shop-fullwidth-banner.html">Kid's Beds &
Headboards</a></li>
<li><a href="shop-fullwidth-banner.html">Armoires</a></li>
</ul>
</li>
<li>
<a href="#">Living Room</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Coffee Tables</a>
</li>
<li><a href="shop-fullwidth-banner.html">Chairs</a></li>
<li><a href="shop-fullwidth-banner.html">Tables</a></li>
<li><a href="shop-fullwidth-banner.html">Futons & Sofa
Beds</a></li>
<li><a href="shop-fullwidth-banner.html">Cabinets &
Chests</a></li>
</ul>
</li>
<li>
<a href="#">Office</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Office Chairs</a>
</li>
<li><a href="shop-fullwidth-banner.html">Desks</a></li>
<li><a href="shop-fullwidth-banner.html">Bookcases</a></li>
<li><a href="shop-fullwidth-banner.html">File Cabinets</a>
</li>
<li><a href="shop-fullwidth-banner.html">Breakroom
Tables</a></li>
</ul>
</li>
<li>
<a href="#">Kitchen & Dining</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Dining Sets</a>
</li>
<li><a href="shop-fullwidth-banner.html">Kitchen Storage
Cabinets</a></li>
<li><a href="shop-fullwidth-banner.html">Bashers Racks</a>
</li>
<li><a href="shop-fullwidth-banner.html">Dining Chairs</a>
</li>
<li><a href="shop-fullwidth-banner.html">Dining Room
Tables</a></li>
<li><a href="shop-fullwidth-banner.html">Bar Stools</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-electronics"></i>Electronics
</a>
<ul>
<li>
<a href="#">Laptops & Computers</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Desktop
Computers</a></li>
<li><a href="shop-fullwidth-banner.html">Monitors</a></li>
<li><a href="shop-fullwidth-banner.html">Laptops</a></li>
<li><a href="shop-fullwidth-banner.html">Hard Drives &
Storage</a></li>
<li><a href="shop-fullwidth-banner.html">Computer
Accessories</a></li>
</ul>
</li>
<li>
<a href="#">TV & Video</a>
<ul>
<li><a href="shop-fullwidth-banner.html">TVs</a></li>
<li><a href="shop-fullwidth-banner.html">Home Audio
Speakers</a></li>
<li><a href="shop-fullwidth-banner.html">Projectors</a></li>
<li><a href="shop-fullwidth-banner.html">Media Streaming
Devices</a></li>
</ul>
</li>
<li>
<a href="#">Digital Cameras</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Digital SLR
Cameras</a></li>
<li><a href="shop-fullwidth-banner.html">Sports & Action
Cameras</a></li>
<li><a href="shop-fullwidth-banner.html">Camera Lenses</a>
</li>
<li><a href="shop-fullwidth-banner.html">Photo Printer</a>
</li>
<li><a href="shop-fullwidth-banner.html">Digital Memory
Cards</a></li>
</ul>
</li>
<li>
<a href="#">Cell Phones</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Carrier Phones</a>
</li>
<li><a href="shop-fullwidth-banner.html">Unlocked Phones</a>
</li>
<li><a href="shop-fullwidth-banner.html">Phone & Cellphone
Cases</a></li>
<li><a href="shop-fullwidth-banner.html">Cellphone
Chargers</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-furniture"></i>Furniture
</a>
<ul>
<li>
<a href="#">Furniture</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Sofas & Couches</a>
</li>
<li><a href="shop-fullwidth-banner.html">Armchairs</a></li>
<li><a href="shop-fullwidth-banner.html">Bed Frames</a></li>
<li><a href="shop-fullwidth-banner.html">Beside Tables</a>
</li>
<li><a href="shop-fullwidth-banner.html">Dressing Tables</a>
</li>
</ul>
</li>
<li>
<a href="#">Lighting</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Light Bulbs</a>
</li>
<li><a href="shop-fullwidth-banner.html">Lamps</a></li>
<li><a href="shop-fullwidth-banner.html">Celling Lights</a>
</li>
<li><a href="shop-fullwidth-banner.html">Wall Lights</a>
</li>
<li><a href="shop-fullwidth-banner.html">Bathroom
Lighting</a></li>
</ul>
</li>
<li>
<a href="#">Home Accessories</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Decorative
Accessories</a></li>
<li><a href="shop-fullwidth-banner.html">Candals &
Holders</a></li>
<li><a href="shop-fullwidth-banner.html">Home Fragrance</a>
</li>
<li><a href="shop-fullwidth-banner.html">Mirrors</a></li>
<li><a href="shop-fullwidth-banner.html">Clocks</a></li>
</ul>
</li>
<li>
<a href="#">Garden & Outdoors</a>
<ul>
<li><a href="shop-fullwidth-banner.html">Garden
Furniture</a></li>
<li><a href="shop-fullwidth-banner.html">Lawn Mowers</a>
</li>
<li><a href="shop-fullwidth-banner.html">Pressure
Washers</a></li>
<li><a href="shop-fullwidth-banner.html">All Garden
Tools</a></li>
<li><a href="shop-fullwidth-banner.html">Outdoor Dining</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-heartbeat"></i>Healthy & Beauty
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-gift"></i>Gift Ideas
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-gamepad"></i>Toy & Games
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-ice-cream"></i>Cooking
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-ios"></i>Smart Phones
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-camera"></i>Cameras & Photo
</a>
</li>
<li>
<a href="shop-fullwidth-banner.html">
<i class="w-icon-ruby"></i>Accessories
</a>
</li>
<li>
<a href="shop-banner-sidebar.html"
class="font-weight-bold text-primary text-uppercase ls-25">
View All Categories<i class="w-icon-angle-right"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End of Mobile Menu -->
<!-- Start of Quick View -->
<div class="product product-single product-popup">
<div class="row gutter-lg">
<div class="col-md-6 mb-4 mb-md-0">
<div class="product-gallery product-gallery-sticky mb-0">
<div class="product-single-swiper swiper-container swiper-theme nav-inner row cols-1 gutter-no">
<figure class="product-image">
<img src="assets/images/products/popup/1-440x494.jpg"
data-zoom-image="assets/images/products/popup/1-800x900.jpg"
alt="Water Boil Black Utensil" width="800" height="900">
</figure>
<figure class="product-image">
<img src="assets/images/products/popup/2-440x494.jpg"
data-zoom-image="assets/images/products/popup/2-800x900.jpg"
alt="Water Boil Black Utensil" width="800" height="900">
</figure>
<figure class="product-image">
<img src="assets/images/products/popup/3-440x494.jpg"
data-zoom-image="assets/images/products/popup/3-800x900.jpg"
alt="Water Boil Black Utensil" width="800" height="900">
</figure>
<figure class="product-image">
<img src="assets/images/products/popup/4-440x494.jpg"
data-zoom-image="assets/images/products/popup/4-800x900.jpg"
alt="Water Boil Black Utensil" width="800" height="900">
</figure>
</div>
<div class="product-thumbs-wrap">
<div class="product-thumbs">
<div class="product-thumb active">
<img src="assets/images/products/popup/1-103x116.jpg" alt="Product Thumb" width="103"
height="116">
</div>
<div class="product-thumb">
<img src="assets/images/products/popup/2-103x116.jpg" alt="Product Thumb" width="103"
height="116">
</div>
<div class="product-thumb">
<img src="assets/images/products/popup/3-103x116.jpg" alt="Product Thumb" width="103"
height="116">
</div>
<div class="product-thumb">
<img src="assets/images/products/popup/4-103x116.jpg" alt="Product Thumb" width="103"
height="116">
</div>
</div>
<button class="thumb-up disabled"><i class="w-icon-angle-left"></i></button>
<button class="thumb-down disabled"><i class="w-icon-angle-right"></i></button>
</div>
</div>
</div>
<div class="col-md-6 overflow-hidden p-relative">
<div class="product-details scrollable pl-0">
<h2 class="product-title">Electronics Black Wrist Watch</h2>
<div class="product-bm-wrapper">
<figure class="brand">
<img src="assets/images/products/brand/brand-1.jpg" alt="Brand" width="102" height="48" />
</figure>
<div class="product-meta">
<div class="product-categories">
Category:
<span class="product-category"><a href="#">Electronics</a></span>
</div>
<div class="product-sku">
SKU: <span>MS46891340</span>
</div>
</div>
</div>
<hr class="product-divider">
<div class="product-price">$40.00</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width: 80%;"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="#" class="rating-reviews">(3 Reviews)</a>
</div>
<div class="product-short-desc">
<ul class="list-type-check list-style-none">
<li>Ultrices eros in cursus turpis massa cursus mattis.</li>
<li>Volutpat ac tincidunt vitae semper quis lectus.</li>
<li>Aliquam id diam maecenas ultricies mi eget mauris.</li>
</ul>
</div>
<hr class="product-divider">
<div class="product-form product-variation-form product-color-swatch">
<label>Color:</label>
<div class="d-flex align-items-center product-variations">
<a href="#" class="color" style="background-color: #ffcc01"></a>
<a href="#" class="color" style="background-color: #ca6d00;"></a>
<a href="#" class="color" style="background-color: #1c93cb;"></a>
<a href="#" class="color" style="background-color: #ccc;"></a>
<a href="#" class="color" style="background-color: #333;"></a>
</div>
</div>
<div class="product-form product-variation-form product-size-swatch">
<label class="mb-1">Size:</label>
<div class="flex-wrap d-flex align-items-center product-variations">
<a href="#" class="size">Small</a>
<a href="#" class="size">Medium</a>
<a href="#" class="size">Large</a>
<a href="#" class="size">Extra Large</a>
</div>
<a href="#" class="product-variation-clean">Clean All</a>
</div>
<div class="product-variation-price">
<span></span>
</div>
<div class="product-form">
<div class="product-qty-form">
<div class="input-group">
<input class="quantity form-control" type="number" min="1" max="10000000">
<button class="quantity-plus w-icon-plus"></button>
<button class="quantity-minus w-icon-minus"></button>
</div>
</div>
<button class="btn btn-primary btn-cart">
<i class="w-icon-cart"></i>
<span>Add to Cart</span>
</button>
</div>
<div class="social-links-wrapper">
<div class="social-links">
<div class="social-icons social-no-color border-thin">
<a href="#" class="social-icon social-facebook w-icon-facebook"></a>
<a href="#" class="social-icon social-twitter w-icon-twitter"></a>
<a href="#" class="social-icon social-instagram w-icon-instagram"></a>
<a href="#" class="social-icon social-youtube w-icon-youtube"></a>
<a href="#" class="social-icon social-pinterest w-icon-pinterest"></a>
</div>
</div>
<span class="divider d-xs-show"></span>
<div class="product-link-wrapper d-flex">
<a href="#" class="btn-product-icon btn-wishlist w-icon-heart"></a>
<a href="#"
class="btn-product-icon btn-compare btn-icon-left w-icon-compare"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of Quick view -->
<!-- Plugin JS File -->
<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/jquery.plugin/jquery.plugin.min.js"></script>
<script src="assets/vendor/sticky/sticky.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/jquery.countdown/jquery.countdown.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendor/jquery.gmap/jquery.gmap.min.js"></script>
<!-- Main JS -->
<script src="assets/js/main.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key="></script>
<script>
/*
Map Settings
Find the Latitude and Longitude of your address:
- https://www.latlong.net/
- http://www.findlatitudeandlongitude.com/find-address-from-latitude-and-longitude/
*/
// Map Markers
var mapMarkers = [{
address: "New York, NY 10017",
html: "<strong>New York Office<\/strong><br>New York, NY 10017",
popup: true
}];
// Map Initial Location
var initLatitude = 40.75198;
var initLongitude = -73.96978;
// Map Extended Settings
var mapSettings = {
controls: {
draggable: !window.Wolmart.isMobile,
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true
},
scrollwheel: false,
markers: mapMarkers,
latitude: initLatitude,
longitude: initLongitude,
zoom: 11
};
var map = $('#googlemaps').gMap(mapSettings);
// Map text-center At
var mapCenterAt = function (options, e) {
e.preventDefault();
$('#googlemaps').gMap("centerAt", options);
}
</script>
<script>(function(){var js = "window['__CF$cv$params']={r:'7f04825ecfb31ca9'};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='../../cdn-cgi/challenge-platform/h/b/scripts/jsd/11b725eb/invisible.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
<!-- Mirrored from portotheme.com/html/wolmart/vendor-wcfm-store-product-grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 02 Aug 2023 07:36:52 GMT -->
</html>