| Server IP : 108.163.255.210 / Your IP : 13.59.217.1 Web Server : Apache System : Linux blossom.urlnameserver.com 3.10.0-1160.80.1.el7.x86_64 #1 SMP Tue Nov 8 15:48:59 UTC 2022 x86_64 User : ( 1172) PHP Version : 7.2.34 Disable Function : eval,escapeshellarg,proc_close,proc_get_status,proc_nice,proc_open,symlink,system,pcntl_exec,getrusage,chown,chgp,closelog,openlog,syslog,define_syslog_variables,php_ini_loaded_file,getservbyname,getservbyport,posix_getgid,posix_getgrgid,proc_terminate,pfsockopen,apache_child_terminate,posix_mkfifo,posix_setpgid,posix_setuid,hypot,pg_host,pos,posix_access,posix_getcwd,posix_getservbyname,myshellexec,getpid,posix_getsid,posix_isatty,posix_kill,posix_mknod,posix_setgid,posix_setsid,posix_setuid,posix_times,posix_uname,ps_fill,posix_getpwuid,global,ini_restore,zip_open,zip_read,rar_open,bzopen,bzread,bzwrite,apache_get_modules,apache_get_version,phpversionphpinfo,php_ini_scanned_files,get_current_user,disk_total_space,diskfreespace,leak,imap_list,hypo,filedump,safe_mode,getmygid,apache_getenv,apache_setenv,bzread,bzwrite,bzopen,phpini,higlight_file,dos_conv,get_cwd,er_log,cmd,e_name,vdir,get_dir,only_read,ftok,ftpexec,posix_getpwnam,mysql_list_dbs,disk_free_space,session_save_path,confirm_phpdoc_compiled,zip_entry_rea,php_u,psockopen,crack_opendict,crack_getlastmessage,crack_closedict,crack_check,fpassthru,posix_get_last_error,posix_getlogin,posix_getgroups,posix_strerror,posix_getrlimit,posix_getpgrp,posix_getgrnam,pos,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/unilinki/www/alpaihtml/html/ |
Upload File : |
<!doctype html>
<html lang="en">
<!-- Mirrored from template.annimexweb.com/optimal/vendor-profile.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Oct 2022 06:16:05 GMT -->
<head>
<!--Required Meta Tags-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="description">
<!-- Title Of Site -->
<title>Vendor Profile - Optimal Multipurpose eCommerce Bootstrap 5 Html Template</title>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/images/favicon.png" />
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/css/plugins.css" />
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body class="vendor-profile-page">
<!-- Page Loader -->
<div id="pre-loader"><img src="assets/images/loader.gif" alt="Loading..." /></div>
<!-- End Page Loader -->
<!--Page Wrapper-->
<div class="page-wrapper">
<!--Header-->
<div id="header" class="header">
<div class="header-main">
<header class="header-wrap container d-flex align-items-center">
<div class="row g-0 align-items-center w-100">
<!--Social Icons-->
<div class="col-4 col-sm-4 col-md-4 col-lg-5 d-none d-lg-block">
<ul class="social-icons list-inline">
<li class="list-inline-item"><a href="#"><i class="an an-facebook" aria-hidden="true"></i><span class="tooltip-label">Facebook</span></a></li>
<li class="list-inline-item"><a href="#"><i class="an an-twitter" aria-hidden="true"></i><span class="tooltip-label">Twitter</span></a></li>
<li class="list-inline-item"><a href="#"><i class="an an-pinterest-p" aria-hidden="true"></i><span class="tooltip-label">Pinterest</span></a></li>
<li class="list-inline-item"><a href="#"><i class="an an-instagram" aria-hidden="true"></i><span class="tooltip-label">Instagram</span></a></li>
<li class="list-inline-item"><a href="#"><i class="an an-tiktok" aria-hidden="true"></i><span class="tooltip-label">TikTok</span></a></li>
<li class="list-inline-item"><a href="#"><i class="an an-whatsapp" aria-hidden="true"></i><span class="tooltip-label">Whatsapp</span></a></li>
</ul>
</div>
<!--End Social Icons-->
<!--Logo / Menu Toggle-->
<div class="col-6 col-sm-6 col-md-6 col-lg-2 d-flex">
<!--Mobile Toggle-->
<button type="button" class="btn--link site-header__menu js-mobile-nav-toggle mobile-nav--open me-3 d-lg-none"><i class="icon an an-times-l"></i><i class="icon an an-bars-l"></i></button>
<!--End Mobile Toggle-->
<!--Logo-->
<div class="logo mx-lg-auto"><a href="index-2.html"><img class="logo-img" src="assets/images/logo.svg" alt="Optimal Multipurpose eCommerce Bootstrap 5 Html Template" title="Optimal Multipurpose eCommerce Bootstrap 5 Html Template" /><span class="logo-txt d-none">Optimal</span></a></div>
<!--End Logo-->
</div>
<!--End Logo / Menu Toggle-->
<!--Right Action-->
<div class="col-6 col-sm-6 col-md-6 col-lg-5 icons-col text-right d-flex justify-content-end">
<!--Search-->
<div class="site-search iconset"><i class="icon an an-search-l"></i><span class="tooltip-label">Search</span></div>
<!--End Search-->
<!--Wishlist-->
<div class="wishlist-link iconset">
<a href="my-wishlist.html"><i class="icon an an-heart-l"></i><span class="wishlist-count counter d-flex-center justify-content-center position-absolute translate-middle rounded-circle">0</span><span class="tooltip-label">Wishlist</span></a>
</div>
<!--End Wishlist-->
<!--Setting Dropdown-->
<div class="user-link iconset"><i class="icon an an-user-expand"></i><span class="tooltip-label">Account</span></div>
<div id="userLinks">
<ul class="user-links">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Sign Up</a></li>
<li><a href="my-wishlist.html">Wishlist</a></li>
<li><a href="compare-style1.html">Compare</a></li>
</ul>
</div>
<!--End Setting Dropdown-->
<!--Minicart Drawer-->
<div class="header-cart iconset">
<a href="cart-style1.html" class="site-header__cart btn-minicart" data-bs-toggle="modal" data-bs-target="#minicart-drawer">
<i class="icon an an-sq-bag"></i><span class="site-cart-count counter d-flex-center justify-content-center position-absolute translate-middle rounded-circle">2</span><span class="tooltip-label">Cart</span>
</a>
</div>
<!--End Minicart Drawer-->
<!--Setting Dropdown-->
<div class="setting-link iconset pe-0"><i class="icon an an-right-bar-s"></i><span class="tooltip-label">Settings</span></div>
<div id="settingsBox">
<div class="currency-picker">
<span class="ttl">Select Currency</span>
<ul id="currencies" class="cnrLangList">
<li class="selected"><a href="#;" class="active">INR</a></li><li><a href="#;">GBP</a></li><li><a href="#;">CAD</a></li><li><a href="#;">USD</a></li><li><a href="#;">AUD</a></li><li><a href="#;">EUR</a></li><li><a href="#;">JPY</a></li>
</ul>
</div>
<div class="language-picker">
<span class="ttl">SELECT LANGUAGE</span>
<ul id="language" class="cnrLangList">
<li><a href="#" class="active">English</a></li><li><a href="#">French</a></li><li><a href="#">German</a></li>
</ul>
</div>
</div>
<!--End Setting Dropdown-->
</div>
<!--End Right Action-->
</div>
</header>
<!--Main Navigation Desktop-->
<div class="menu-outer">
<nav class="container">
<div class="row">
<div class="col-1 col-sm-12 col-md-12 col-lg-12 align-self-center d-menu-col">
<!--Desktop Menu-->
<nav class="grid__item" id="AccessibleNav">
<ul id="siteNav" class="site-nav medium center hidearrow">
<li class="lvl1 parent megamenu"><a href="#;">Home <i class="an an-angle-down-l"></i></a>
<div class="megamenu style1">
<div class="row">
<div class="col-md-8 col-lg-8">
<div class="row">
<div class="lvl-1 col-md-5 col-lg-4">
<a href="#" class="site-nav lvl-1 menu-title">Home Styles</a>
<ul class="subLinks">
<li class="lvl-2"><a href="index-2.html" class="site-nav lvl-2">Home 01 - Default</a></li>
<li class="lvl-2"><a href="index-demo2.html" class="site-nav lvl-2">Home 02 - Minimal</a></li>
<li class="lvl-2"><a href="index-demo3.html" class="site-nav lvl-2">Home 03 - Colorful</a></li>
<li class="lvl-2"><a href="index-demo4.html" class="site-nav lvl-2">Home 04 - Modern</a></li>
<li class="lvl-2"><a href="index-demo5.html" class="site-nav lvl-2">Home 05 - Kids Clothing</a></li>
<li class="lvl-2"><a href="index-demo6.html" class="site-nav lvl-2">Home 06 - Single Product</a></li>
<li class="lvl-2"><a href="index-demo7.html" class="site-nav lvl-2">Home 07 - Glamour</a></li>
<li class="lvl-2"><a href="index-demo8.html" class="site-nav lvl-2">Home 08 - Simple</a></li>
<li class="lvl-2"><a href="index-demo9.html" class="site-nav lvl-2">Home 09 - Cool <span class="lbl nm_label1">Hot</span></a></li>
<li class="lvl-2"><a href="index-demo10.html" class="site-nav lvl-2">Home 10 - Cosmetic</a></li>
</ul>
</div>
<div class="lvl-1 col-md-5 col-lg-4">
<a href="#" class="site-nav lvl-1 menu-title">Home Styles</a>
<ul class="subLinks">
<li class="lvl-2"><a href="index-demo11.html" class="site-nav lvl-2">Home 11 - Pets <span class="lbl nm_label3">Popular</span></a></li>
<li class="lvl-2"><a href="index-demo12.html" class="site-nav lvl-2">Home 12 - Tools & Parts</a></li>
<li class="lvl-2"><a href="index-demo13.html" class="site-nav lvl-2">Home 13 - Watches <span class="lbl nm_label1">Hot</span></a></li>
<li class="lvl-2"><a href="index-demo14.html" class="site-nav lvl-2">Home 14 - Food</a></li>
<li class="lvl-2"><a href="index-demo15.html" class="site-nav lvl-2">Home 15 - Christmas</a></li>
<li class="lvl-2"><a href="index-demo16.html" class="site-nav lvl-2">Home 16 - Phone Case</a></li>
<li class="lvl-2"><a href="index-demo17.html" class="site-nav lvl-2">Home 17 - Jewelry</a></li>
<li class="lvl-2"><a href="index-demo18.html" class="site-nav lvl-2">Home 18 - Bag <span class="lbl nm_label3">Popular</span></a></li>
<li class="lvl-2"><a href="index-demo19.html" class="site-nav lvl-2">Home 19 - Swimwear</a></li>
<li class="lvl-2"><a href="index-demo20.html" class="site-nav lvl-2">Home 20 - Furniture <span class="lbl nm_label2">New</span></a></li>
</ul>
</div>
<div class="lvl-1 col-md-5 col-lg-4">
<a href="#" class="site-nav lvl-1 menu-title">Home Styles</a>
<ul class="subLinks">
<li class="lvl-2"><a href="index-demo21.html" class="site-nav lvl-2">Home 21 - Party Supplies <span class="lbl nm_label2">New</span></a></li>
<li class="lvl-2"><a href="index-demo22.html" class="site-nav lvl-2">Home 22 - Digital <span class="lbl nm_label2">New</span></a></li>
<li class="lvl-2"><a href="index-demo23.html" class="site-nav lvl-2">Home 23 - Vogue <span class="lbl nm_label2">New</span></a></li>
<li class="lvl-2"><a href="index-demo24.html" class="site-nav lvl-2">Home 24 - Glamour <span class="lbl nm_label2">New</span></a></li>
</ul>
<div class="row mm-Banners mt-3">
<div class="col-md-12 col-lg-12 imageCol text-center">
<div class="menubox position-relative">
<a href="index-demo5.html" class="mb-0"><img class="blur-up lazyload" src="assets/images/megamenu/megamenu-banner7.png" data-src="assets/images/megamenu/megamenu-banner7.png" alt="image"/></a>
<p class="position-absolute bottom-0 start-50 translate-middle-x"><a href="index-demo5.html" class="title text-uppercase mb-3">Kids Store</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="row mm-Banners">
<div class="col-md-12 col-lg-12 imageCol text-center">
<div class="menubox position-relative">
<a href="index-demo6.html" class="mb-0"><img class="blur-up lazyload" src="assets/images/megamenu/megamenu-banner8.png" data-src="assets/images/megamenu/megamenu-banner8.png" alt="image"/></a>
<p class="position-absolute bottom-0 start-50 translate-middle-x"><a href="index-demo6.html" class="title text-uppercase">Single Product Layout</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="lvl1 parent megamenu"><a href="#;">Shop <i class="an an-angle-down-l"></i></a>
<div class="megamenu style4">
<div class="row">
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Category Page</a>
<ul class="subLinks">
<li class="lvl-2"><a href="category-2columns.html" class="site-nav lvl-2">2 Columns with style1</a></li>
<li class="lvl-2"><a href="category-3columns.html" class="site-nav lvl-2">3 Columns with style2</a></li>
<li class="lvl-2"><a href="category-4columns.html" class="site-nav lvl-2">4 Columns with style3</a></li>
<li class="lvl-2"><a href="category-5columns.html" class="site-nav lvl-2">5 Columns with style4</a></li>
<li class="lvl-2"><a href="category-6columns.html" class="site-nav lvl-2">6 Columns with Fullwidth</a></li>
<li class="lvl-2"><a href="category-7columns.html" class="site-nav lvl-2">7 Columns</a></li>
<li class="lvl-2"><a href="empty-category.html" class="site-nav lvl-2">Category Empty</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Shop Page</a>
<ul class="subLinks">
<li class="lvl-2"><a href="shop-left-sidebar.html" class="site-nav lvl-2">Left Sidebar</a></li>
<li class="lvl-2"><a href="shop-right-sidebar.html" class="site-nav lvl-2">Right Sidebar</a></li>
<li class="lvl-2"><a href="shop-top-filter.html" class="site-nav lvl-2">Top Filter</a></li>
<li class="lvl-2"><a href="shop-fullwidth.html" class="site-nav lvl-2">Fullwidth</a></li>
<li class="lvl-2"><a href="shop-no-sidebar.html" class="site-nav lvl-2">Without Filter</a></li>
<li class="lvl-2"><a href="shop-listview-sidebar.html" class="site-nav lvl-2">List View</a></li>
<li class="lvl-2"><a href="shop-listview-drawer.html" class="site-nav lvl-2">List View Drawer</a></li>
<li class="lvl-2"><a href="shop-category-slideshow.html" class="site-nav lvl-2">Category Slideshow</a></li>
<li class="lvl-2"><a href="shop-heading-with-banner.html" class="site-nav lvl-2">Headings With Banner</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Shop Page</a>
<ul class="subLinks">
<li class="lvl-2"><a href="shop-sub-collections.html" class="site-nav lvl-2">Sub Collection List <span class="lbl nm_label5">Hot</span></a></li>
<li class="lvl-2"><a href="shop-masonry-grid.html" class="site-nav lvl-2">Shop Masonry Grid</a></li>
<li class="lvl-2"><a href="shop-left-sidebar.html" class="site-nav lvl-2">Shop Countdown</a></li>
<li class="lvl-2"><a href="shop-hover-info.html" class="site-nav lvl-2">Shop Hover Info</a></li>
<li class="lvl-2"><a href="shop-right-sidebar.html" class="site-nav lvl-2">Infinite Scrolling</a></li>
<li class="lvl-2"><a href="shop-fullwidth.html" class="site-nav lvl-2">Classic Pagination</a></li>
<li class="lvl-2"><a href="shop-swatches-style.html" class="site-nav lvl-2">Swatches Style</a></li>
<li class="lvl-2"><a href="shop-grid-style.html" class="site-nav lvl-2">Grid Style</a></li>
<li class="lvl-2"><a href="shop-search-results.html" class="site-nav lvl-2">Search Results</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Shop Other Page</a>
<ul class="subLinks">
<li class="lvl-2"><a href="my-wishlist.html" class="site-nav lvl-2">My Wishlist Style1</a></li>
<li class="lvl-2"><a href="my-wishlist-style2.html" class="site-nav lvl-2">My Wishlist Style2</a></li>
<li class="lvl-2"><a href="compare-style1.html" class="site-nav lvl-2">Compare Page Style1</a></li>
<li class="lvl-2"><a href="compare-style2.html" class="site-nav lvl-2">Compare Page Style2</a></li>
<li class="lvl-2"><a href="cart-style1.html" class="site-nav lvl-2">Cart Page Style1</a></li>
<li class="lvl-2"><a href="cart-style2.html" class="site-nav lvl-2">Cart Page Style2</a></li>
<li class="lvl-2"><a href="checkout-style1.html" class="site-nav lvl-2">Checkout Page Style1</a></li>
<li class="lvl-2"><a href="checkout-style2.html" class="site-nav lvl-2">Checkout Page Style2</a></li>
<li class="lvl-2"><a href="checkout-success.html" class="site-nav lvl-2">Checkout Success</a></li>
</ul>
</div>
</div>
<div class="row clear mt-4">
<div class="col-md-3 col-lg-3">
<a href="shop-left-sidebar.html"><img src="assets/images/megamenu/megamenu-banner4-1.jpg" data-src="assets/images/megamenu/megamenu-banner4-1.jpg" alt="image"/></a>
</div>
<div class="col-md-3 col-lg-3">
<a href="shop-left-sidebar.html"><img src="assets/images/megamenu/megamenu-banner4-2.jpg" data-src="assets/images/megamenu/megamenu-banner4-2.jpg" alt="image"/></a>
</div>
<div class="col-md-3 col-lg-3">
<a href="shop-left-sidebar.html"><img src="assets/images/megamenu/megamenu-banner4-3.jpg" data-src="assets/images/megamenu/megamenu-banner4-3.jpg" alt="image"/></a>
</div>
<div class="col-md-3 col-lg-3">
<a href="shop-left-sidebar.html"><img src="assets/images/megamenu/megamenu-banner4-4.jpg" data-src="assets/images/megamenu/megamenu-banner4-4.jpg" alt="image"/></a>
</div>
</div>
</div>
</li>
<li class="lvl1 parent megamenu"><a href="#;">Product <i class="an an-angle-down-l"></i></a>
<div class="megamenu style2">
<div class="row">
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Product Types</a>
<ul class="subLinks">
<li class="lvl-2"><a href="product-standard.html" class="site-nav lvl-2">Simple Product</a></li>
<li class="lvl-2"><a href="product-variable.html" class="site-nav lvl-2">Variable Product</a></li>
<li class="lvl-2"><a href="product-grouped.html" class="site-nav lvl-2">Grouped Product</a></li>
<li class="lvl-2"><a href="product-external-affiliate.html" class="site-nav lvl-2">External / Affiliate Product</a></li>
<li class="lvl-2"><a href="product-outofstock.html" class="site-nav lvl-2">Out Of Stock Product</a></li>
<li class="lvl-2"><a href="product-layout1.html" class="site-nav lvl-2">New Product</a></li>
<li class="lvl-2"><a href="product-layout2.html" class="site-nav lvl-2">Sale Product</a></li>
<li class="lvl-2"><a href="product-layout1.html" class="site-nav lvl-2">Variable Image</a></li>
<li class="lvl-2"><a href="product-accordian.html" class="site-nav lvl-2">Variable Select</a></li>
<li class="lvl-2"><a href="prodcut-360-degree-view.html" class="site-nav lvl-2">360 Degree view</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Product Page</a>
<ul class="subLinks">
<li class="lvl-2"><a href="product-layout1.html" class="site-nav lvl-2">Product Layout1</a></li>
<li class="lvl-2"><a href="product-layout2.html" class="site-nav lvl-2">Product Layout2</a></li>
<li class="lvl-2"><a href="product-layout3.html" class="site-nav lvl-2">Product Layout3</a></li>
<li class="lvl-2"><a href="product-layout4.html" class="site-nav lvl-2">Product Layout4</a></li>
<li class="lvl-2"><a href="product-layout5.html" class="site-nav lvl-2">Product Layout5</a></li>
<li class="lvl-2"><a href="product-layout6.html" class="site-nav lvl-2">Product Layout6</a></li>
<li class="lvl-2"><a href="product-layout7.html" class="site-nav lvl-2">Product Layout7</a></li>
<li class="lvl-2"><a href="product-accordian.html" class="site-nav lvl-2">Product Accordian</a></li>
<li class="lvl-2"><a href="product-tabs-left.html" class="site-nav lvl-2">Product Tabs Left</a></li>
<li class="lvl-2"><a href="product-tabs-center.html" class="site-nav lvl-2">Product Tabs Center</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3"><a href="#" class="site-nav lvl-1 menu-title">Top Brands</a>
<div class="menu-brand-logo">
<a href="brands-style2.html"><img src="assets/images/logo/brandlogo1.png" alt="image"/></a>
<a href="brands-style2.html"><img src="assets/images/logo/brandlogo2.png" alt="image"/></a>
<a href="brands-style2.html"><img src="assets/images/logo/brandlogo3.png" alt="image"/></a>
</div>
<div class="menu-brand-logo">
<a href="brands-style2.html"><img src="assets/images/logo/brandlogo4.png" alt="image"/></a>
<a href="brands-style2.html"><img src="assets/images/logo/brandlogo5.png" alt="image"/></a>
<a href="brands-style2.html"><img src="assets/images/logo/brandlogo6.png" alt="image"/></a>
</div>
</div>
<div class="lvl-1 col-md-3 col-lg-3 p-0">
<a href="shop-left-sidebar.html"><img src="assets/images/megamenu/megamenu-banner3.jpg" alt="image"/></a>
</div>
</div>
</div>
</li>
<li class="lvl1 parent megamenu"><a href="#">Features <i class="an an-angle-down-l"></i><span class="navLbl new">New</span></a>
<div class="megamenu style4">
<div class="row shop-grid-5">
<div class="lvl-1 col-md-3 col-lg-3 col-xl-2 item"><a href="#" class="site-nav lvl-1 menu-title">Vendor Pages</a>
<ul class="subLinks">
<li><a href="vendor-dashboard.html" class="site-nav">Vendor Dashboard</a></li>
<li><a href="vendor-profile.html" class="site-nav">Vendor Profile</a></li>
<li><a href="vendor-uploads.html" class="site-nav">Vendor Uploads</a></li>
<li><a href="vendor-tracking.html" class="site-nav">Vendor Tracking</a></li>
<li><a href="vendor-service.html" class="site-nav">Vendor Service</a></li>
<li><a href="vendor-settings.html" class="site-nav last">Vendor Settings</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3 col-xl-2 item"><a href="#" class="site-nav lvl-1 menu-title">Email Template</a>
<ul class="subLinks">
<li><a target="_blank" href="email-template/email-order-success1.html" class="site-nav">Order Success 1</a></li>
<li><a target="_blank" href="email-template/email-order-success2.html" class="site-nav">Order Success 2</a></li>
<li><a target="_blank" href="email-template/email-invoice-template1.html" class="site-nav">Invoice Template 1</a></li>
<li><a target="_blank" href="email-template/email-invoice-template2.html" class="site-nav last">Invoice Template 2</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3 col-xl-2 item"><a href="#" class="site-nav lvl-1 menu-title">Email Template</a>
<ul class="subLinks">
<li class="lvl-2"><a target="_blank" href="email-template/email-forgot-password.html" class="site-nav">Mail Reset password</a></li>
<li class="lvl-2"><a target="_blank" href="email-template/email-confirmation.html" class="site-nav">Mail Confirmation</a></li>
<li class="lvl-2"><a target="_blank" href="email-template/email-promotional1.html" class="site-nav">Mail Promotional 1</a></li>
<li class="lvl-2"><a target="_blank" href="email-template/email-promotional2.html" class="site-nav last">Mail Promotional 2</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3 col-xl-2 item"><a href="#" class="site-nav lvl-1 menu-title">Elements</a>
<ul class="subLinks">
<li class="lvl-2"><a href="elements-typography.html" class="site-nav lvl-2">Typography</a></li>
<li class="lvl-2"><a href="elements-buttons.html" class="site-nav lvl-2">Buttons</a></li>
<li class="lvl-2"><a href="elements-titles.html" class="site-nav lvl-2">Titles</a></li>
<li class="lvl-2"><a href="elements-banner-styles.html" class="site-nav lvl-2">Banner Styles</a></li>
<li class="lvl-2"><a href="elements-testimonial.html" class="site-nav lvl-2">Testimonial</a></li>
<li class="lvl-2"><a href="elements-accordions.html" class="site-nav lvl-2">Accordions</a></li>
</ul>
</div>
<div class="lvl-1 col-md-3 col-lg-3 col-xl-2 item"><a href="#" class="site-nav lvl-1 menu-title">Elements</a>
<ul class="subLinks">
<li class="lvl-2"><a href="elements-icons.html" class="site-nav lvl-2">Icons</a></li>
<li class="lvl-2"><a href="elements-blog-posts.html" class="site-nav lvl-2">Blog Posts</a></li>
<li class="lvl-2"><a href="elements-product.html" class="site-nav lvl-2">Product</a></li>
<li class="lvl-2"><a href="elements-product-tab.html" class="site-nav lvl-2">Product Tab</a></li>
<li class="lvl-2"><a href="elements-top-info-bar.html" class="site-nav lvl-2">Top Info Bar</a></li>
<li class="lvl-2"><a href="elements-top-promo-bar.html" class="site-nav lvl-2">Top Promo Bar</a></li>
</ul>
</div>
</div>
<div class="row clear mt-4">
<div class="col-md-3 col-lg-3">
<img src="assets/images/megamenu/megamenu-store.png" data-src="assets/images/megamenu/megamenu-store.png" alt="image"/>
</div>
<div class="col-md-3 col-lg-3">
<img src="assets/images/megamenu/megamenu-elements.png" data-src="assets/images/megamenu/megamenu-elements.png" alt="image"/>
</div>
<div class="col-md-3 col-lg-3">
<img src="assets/images/megamenu/megamenu-pages.png" data-src="assets/images/megamenu/megamenu-pages.png" alt="image"/>
</div>
<div class="col-md-3 col-lg-3">
<img src="assets/images/megamenu/megamenu-fast.png" data-src="assets/images/megamenu/megamenu-fast.png" alt="image"/>
</div>
</div>
</div>
</li>
<li class="lvl1 parent dropdown"><a href="#">Pages <i class="an an-angle-down-l"></i></a>
<ul class="dropdown">
<li><a href="aboutus-style1.html" class="site-nav">About Us <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="aboutus-style1.html" class="site-nav">About Us Style1</a></li>
<li><a href="aboutus-style2.html" class="site-nav">About Us Style2</a></li>
<li><a href="aboutus-style3.html" class="site-nav last">About Us Style3</a></li>
</ul>
</li>
<li><a href="contact-style1.html" class="site-nav">Contact Us <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="contact-style1.html" class="site-nav">Contact Us Style1</a></li>
<li><a href="contact-style2.html" class="site-nav last">Contact Us Style2</a></li>
</ul>
</li>
<li><a href="lookbook-2columns.html" class="site-nav">Lookbook <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="lookbook-2columns.html" class="site-nav">2 Columns</a></li>
<li><a href="lookbook-3columns.html" class="site-nav">3 Columns</a></li>
<li><a href="lookbook-4columns.html" class="site-nav">4 Columns</a></li>
<li><a href="lookbook-5columns.html" class="site-nav">5 Columns + Fullwidth</a></li>
<li><a href="lookbook-shop.html" class="site-nav last">Lookbook Shop</a></li>
</ul>
</li>
<li><a href="faqs-style1.html" class="site-nav">FAQs <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="faqs-style1.html" class="site-nav">FAQs Style1</a></li>
<li><a href="faqs-style2.html" class="site-nav last">FAQs Style2</a></li>
</ul>
</li>
<li><a href="brands-style1.html" class="site-nav">Brands <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="brands-style1.html" class="site-nav">Brands Style1</a></li>
<li><a href="brands-style2.html" class="site-nav last">Brands Style2</a></li>
</ul>
</li>
<li><a href="my-account.html" class="site-nav">My Account <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="my-account.html" class="site-nav">My Account</a></li>
<li><a href="login-sliding-style.html" class="site-nav">Login Sliding Slideshow</a></li>
<li><a href="login.html" class="site-nav">Login</a></li>
<li><a href="register.html" class="site-nav">Register</a></li>
<li><a href="forgot-password.html" class="site-nav">Forgot Password</a></li>
<li><a href="change-password.html" class="site-nav last">Change Password</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Empty Pages <i class="an an-angle-right-l"></i></a>
<ul class="dropdown">
<li><a href="empty-category.html" class="site-nav">Empty Category</a></li>
<li><a href="empty-cart.html" class="site-nav">Empty Cart</a></li>
<li><a href="empty-compare.html" class="site-nav">Empty Compare</a></li>
<li><a href="empty-wishlist.html" class="site-nav">Empty Wishlist</a></li>
<li><a href="empty-search.html" class="site-nav last">Empty Search</a></li>
</ul>
</li>
<li><a href="error-404.html" class="site-nav">Error 404 </a></li>
<li><a href="cms-page.html" class="site-nav">CMS Page</a></li>
<li><a href="coming-soon.html" class="site-nav">Coming soon <span class="lbl nm_label2">New</span></a></li>
</ul>
</li>
<li class="lvl1 parent dropdown"><a href="#;">Blog <i class="an an-angle-down-l"></i></a>
<ul class="dropdown">
<li><a href="blog-left-sidebar.html" class="site-nav">Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html" class="site-nav">Right Sidebar</a></li>
<li><a href="blog-fullwidth.html" class="site-nav">Fullwidth</a></li>
<li><a href="blog-masonry.html" class="site-nav">Masonry Blog Style</a></li>
<li><a href="blog-2columns.html" class="site-nav">2 Columns</a></li>
<li><a href="blog-3columns.html" class="site-nav">3 Columns</a></li>
<li><a href="blog-4columns.html" class="site-nav">4 Columns</a></li>
<li><a href="blog-single-post.html" class="site-nav last">Article Page</a></li>
</ul>
</li>
</ul>
</nav>
<!--End Desktop Menu-->
</div>
</div>
</nav>
</div>
<!--End Main Navigation Desktop-->
<!--Search Popup-->
<div id="search-popup" class="search-drawer">
<div class="container">
<span class="closeSearch an an-times-l"></span>
<form class="form minisearch" id="header-search" action="#" method="get">
<label class="label"><span>Search</span></label>
<div class="control">
<div class="searchField">
<div class="search-category">
<select id="rgsearch-category" name="rgsearch[category]" data-default="All Categories">
<option value="00" label="All Categories" selected="selected">All Categories</option>
<optgroup id="rgsearch-shop" label="Shop">
<option value="0">- All</option>
<option value="1">- Men</option>
<option value="2">- Women</option>
<option value="3">- Shoes</option>
<option value="4">- Blouses</option>
<option value="5">- Pullovers</option>
<option value="6">- Bags</option>
<option value="7">- Accessories</option>
</optgroup>
</select>
</div>
<div class="input-box">
<button type="submit" title="Search" class="action search" disabled=""><i class="icon an an-search-l"></i></button>
<input type="text" name="q" value="" placeholder="Search by keyword or #" class="input-text">
</div>
</div>
</div>
</form>
</div>
</div>
<!--End Search Popup-->
</div>
</div>
<!--End Header-->
<!--Mobile Menu-->
<div class="mobile-nav-wrapper" role="navigation">
<div class="closemobileMenu"><i class="icon an an-times-l pull-right"></i> Close Menu</div>
<ul id="MobileNav" class="mobile-nav">
<li class="lvl1 parent megamenu"><a href="index-2.html">Home <i class="an an-plus-l"></i></a>
<ul>
<li><a href="#" class="site-nav">Home Styles <i class="an an-plus-l"></i></a>
<ul>
<li class="lvl-2"><a href="index-2.html" class="site-nav">Home 01 - Default</a></li>
<li class="lvl-2"><a href="index-demo2.html" class="site-nav">Home 02 - Minimal</a></li>
<li class="lvl-2"><a href="index-demo3.html" class="site-nav">Home 03 - Colorful</a></li>
<li class="lvl-2"><a href="index-demo4.html" class="site-nav">Home 04 - Modern</a></li>
<li class="lvl-2"><a href="index-demo5.html" class="site-nav">Home 05 - Kids Clothing</a></li>
<li class="lvl-2"><a href="index-demo6.html" class="site-nav">Home 06 - Single Product</a></li>
<li class="lvl-2"><a href="index-demo7.html" class="site-nav">Home 07 - Glamour</a></li>
<li class="lvl-2"><a href="index-demo8.html" class="site-nav">Home 08 - Simple</a></li>
<li class="lvl-2"><a href="index-demo9.html" class="site-nav">Home 09 - Cool <span class="lbl nm_label1">Hot</span></a></li>
<li class="lvl-2"><a href="index-demo10.html" class="site-nav last">Home 10 - Cosmetic</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Home Styles <i class="an an-plus-l"></i></a>
<ul>
<li class="lvl-2"><a href="index-demo11.html" class="site-nav">Home 11 - Pets <span class="lbl nm_label3">Popular</span></a></li>
<li class="lvl-2"><a href="index-demo12.html" class="site-nav">Home 12 - Tools & Parts</a></li>
<li class="lvl-2"><a href="index-demo13.html" class="site-nav">Home 13 - Watches <span class="lbl nm_label1">Hot</span></a></li>
<li class="lvl-2"><a href="index-demo14.html" class="site-nav">Home 14 - Food</a></li>
<li class="lvl-2"><a href="index-demo15.html" class="site-nav">Home 15 - Christmas</a></li>
<li class="lvl-2"><a href="index-demo16.html" class="site-nav">Home 16 - Phone Case</a></li>
<li class="lvl-2"><a href="index-demo17.html" class="site-nav">Home 17 - Jewelry</a></li>
<li class="lvl-2"><a href="index-demo18.html" class="site-nav">Home 18 - Bag <span class="lbl nm_label3">Popular</span></a></li>
<li class="lvl-2"><a href="index-demo19.html" class="site-nav">Home 19 - Swimwear</a></li>
<li class="lvl-2"><a href="index-demo20.html" class="site-nav last">Home 20 - Furniture <span class="lbl nm_label2">New</span></a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Home Styles <i class="an an-plus-l"></i></a>
<ul>
<li class="lvl-2"><a href="index-demo21.html" class="site-nav">Home 21 - Party Supplies <span class="lbl nm_label2">New</span></a></li>
<li class="lvl-2"><a href="index-demo22.html" class="site-nav">Home 22 - Digital <span class="lbl nm_label2">New</span></a></li>
<li class="lvl-2"><a href="index-demo23.html" class="site-nav">Home 23 - Vogue <span class="lbl nm_label2">New</span></a></li>
<li class="lvl-2"><a href="index-demo24.html" class="site-nav last">Home 24 - Glamour <span class="lbl nm_label2">New</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="lvl1 parent megamenu"><a href="#">Shop <i class="an an-plus-l"></i></a>
<ul>
<li><a href="#" class="site-nav">Category Page <i class="an an-plus-l"></i></a>
<ul>
<li><a href="category-2columns.html" class="site-nav">2 Columns with style1</a></li>
<li><a href="category-3columns.html" class="site-nav">3 Columns with style2</a></li>
<li><a href="category-4columns.html" class="site-nav">4 Columns with style3</a></li>
<li><a href="category-5columns.html" class="site-nav">5 Columns with style4</a></li>
<li><a href="category-6columns.html" class="site-nav">6 Columns with Fullwidth</a></li>
<li><a href="category-7columns.html" class="site-nav">7 Columns</a></li>
<li><a href="empty-category.html" class="site-nav last">Category Empty</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Shop Page <i class="an an-plus-l"></i></a>
<ul>
<li><a href="shop-left-sidebar.html" class="site-nav">Left Sidebar</a></li>
<li><a href="shop-right-sidebar.html" class="site-nav">Right Sidebar</a></li>
<li><a href="shop-top-filter.html" class="site-nav">Top Filter</a></li>
<li><a href="shop-fullwidth.html" class="site-nav">Fullwidth</a></li>
<li><a href="shop-no-sidebar.html" class="site-nav">Without Filter</a></li>
<li><a href="shop-listview-sidebar.html" class="site-nav">List View</a></li>
<li><a href="shop-listview-drawer.html" class="site-nav">List View Drawer</a></li>
<li><a href="shop-category-slideshow.html" class="site-nav">Category Slideshow</a></li>
<li><a href="shop-heading-with-banner.html" class="site-nav last">Headings With Banner</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Shop Page <i class="an an-plus-l"></i></a>
<ul>
<li><a href="shop-sub-collections.html" class="site-nav">Sub Collection List <span class="lbl nm_label5">Hot</span></a></li>
<li><a href="shop-masonry-grid.html" class="site-nav">Shop Masonry Grid</a></li>
<li><a href="shop-left-sidebar.html" class="site-nav">Shop Countdown</a></li>
<li><a href="shop-hover-info.html" class="site-nav">Shop Hover Info</a></li>
<li><a href="shop-right-sidebar.html" class="site-nav">Infinite Scrolling</a></li>
<li><a href="shop-fullwidth.html" class="site-nav">Classic Pagination</a></li>
<li><a href="shop-swatches-style.html" class="site-nav">Swatches Style</a></li>
<li><a href="shop-grid-style.html" class="site-nav">Grid Style</a></li>
<li><a href="shop-search-results.html" class="site-nav last">Search Results</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Shop Other Page <i class="an an-plus-l"></i></a>
<ul>
<li><a href="my-wishlist.html" class="site-nav">My Wishlist Style1</a></li>
<li><a href="my-wishlist-style2.html" class="site-nav">My Wishlist Style2</a></li>
<li><a href="compare-style1.html" class="site-nav">Compare Page Style1</a></li>
<li><a href="compare-style2.html" class="site-nav">Compare Page Style2</a></li>
<li><a href="cart-style1.html" class="site-nav">Cart Page Style1</a></li>
<li><a href="cart-style2.html" class="site-nav">Cart Page Style2</a></li>
<li><a href="checkout-style1.html" class="site-nav">Checkout Page Style1</a></li>
<li><a href="checkout-style2.html" class="site-nav">Checkout Page Style2</a></li>
<li><a href="checkout-success.html" class="site-nav last">Checkout Success</a></li>
</ul>
</li>
</ul>
</li>
<li class="lvl1 parent megamenu"><a href="#">Product <i class="an an-plus-l"></i></a>
<ul>
<li><a href="product-standard.html" class="site-nav">Product Types<i class="an an-plus-l"></i></a>
<ul>
<li><a href="product-standard.html" class="site-nav">Simple Product</a></li>
<li><a href="product-variable.html" class="site-nav">Variable Product</a></li>
<li><a href="product-grouped.html" class="site-nav">Grouped Product</a></li>
<li><a href="product-external-affiliate.html" class="site-nav">External / Affiliate Product</a></li>
<li><a href="product-outofstock.html" class="site-nav">Out Of Stock Product</a></li>
<li><a href="product-layout1.html" class="site-nav">New Product</a></li>
<li><a href="product-layout2.html" class="site-nav">Sale Product</a></li>
<li><a href="product-layout1.html" class="site-nav">Variable Image</a></li>
<li><a href="product-accordian.html" class="site-nav">Variable Select</a></li>
<li><a href="prodcut-360-degree-view.html" class="site-nav last">360 Degree view</a></li>
</ul>
</li>
<li><a href="product-layout1.html" class="site-nav">Product Page Types <i class="an an-plus-l"></i></a>
<ul>
<li><a href="product-layout1.html" class="site-nav">Product Layout1</a></li>
<li><a href="product-layout2.html" class="site-nav">Product Layout2</a></li>
<li><a href="product-layout3.html" class="site-nav">Product Layout3</a></li>
<li><a href="product-layout4.html" class="site-nav">Product Layout4</a></li>
<li><a href="product-layout5.html" class="site-nav">Product Layout5</a></li>
<li><a href="product-layout6.html" class="site-nav">Product Layout6</a></li>
<li><a href="product-layout7.html" class="site-nav">Product Layout7</a></li>
<li><a href="product-accordian.html" class="site-nav">Product Accordian</a></li>
<li><a href="product-tabs-left.html" class="site-nav">Product Tabs Left</a></li>
<li><a href="product-tabs-center.html" class="site-nav last">Product Tabs Center</a></li>
</ul>
</li>
</ul>
</li>
<li class="lvl1 parent megamenu"><a href="#">Features <i class="an an-plus-l"></i><span class="lbl nm_label1">New</span></a>
<ul>
<li><a href="#" class="site-nav">Vendor Pages <i class="an an-plus-l"></i></a>
<ul>
<li><a href="vendor-dashboard.html" class="site-nav">Vendor Dashboard</a></li>
<li><a href="vendor-profile.html" class="site-nav">Vendor Profile</a></li>
<li><a href="vendor-uploads.html" class="site-nav">Vendor Uploads</a></li>
<li><a href="vendor-tracking.html" class="site-nav">Vendor Tracking</a></li>
<li><a href="vendor-service.html" class="site-nav">Vendor Service</a></li>
<li><a href="vendor-settings.html" class="site-nav last">Vendor Settings</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Email Template <i class="an an-plus-l"></i></a>
<ul>
<li><a target="_blank" href="email-template/email-order-success1.html" class="site-nav">Order Success 1</a></li>
<li><a target="_blank" href="email-template/email-order-success2.html" class="site-nav">Order Success 2</a></li>
<li><a target="_blank" href="email-template/email-invoice-template1.html" class="site-nav">Invoice Template 1</a></li>
<li><a target="_blank" href="email-template/email-invoice-template2.html" class="site-nav last">Invoice Template 2</a></li>
<li><a target="_blank" href="email-template/email-forgot-password.html" class="site-nav">Mail Reset password</a></li>
<li><a target="_blank" href="email-template/email-confirmation.html" class="site-nav">Mail Confirmation</a></li>
<li><a target="_blank" href="email-template/email-promotional1.html" class="site-nav">Mail Promotional 1</a></li>
<li><a target="_blank" href="email-template/email-promotional2.html" class="site-nav last">Mail Promotional 2</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Elements <i class="an an-plus-l"></i></a>
<ul>
<li><a href="elements-typography.html" class="site-nav">Typography</a></li>
<li><a href="elements-buttons.html" class="site-nav">Buttons</a></li>
<li><a href="elements-titles.html" class="site-nav">Titles</a></li>
<li><a href="elements-banner-styles.html" class="site-nav">Banner Styles</a></li>
<li><a href="elements-testimonial.html" class="site-nav">Testimonial</a></li>
<li><a href="elements-accordions.html" class="site-nav">Accordions</a></li>
<li><a href="elements-icons.html" class="site-nav">Icons</a></li>
<li><a href="elements-blog-posts.html" class="site-nav">Blog Posts</a></li>
<li><a href="elements-product.html" class="site-nav">Product</a></li>
<li><a href="elements-product-tab.html" class="site-nav">Product Tab</a></li>
<li><a href="elements-top-info-bar.html" class="site-nav">Top Info Bar</a></li>
<li><a href="elements-top-promo-bar.html" class="site-nav last">Top Promo Bar</a></li>
</ul>
</li>
</ul>
</li>
<li class="lvl1 parent megamenu"><a href="#">Pages <i class="an an-plus-l"></i></a>
<ul>
<li><a href="aboutus-style1.html" class="site-nav">About Us <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="aboutus-style1.html" class="site-nav">About Us Style1</a></li>
<li><a href="aboutus-style2.html" class="site-nav">About Us Style2</a></li>
<li><a href="aboutus-style3.html" class="site-nav last">About Us Style3</a></li>
</ul>
</li>
<li><a href="contact-style1.html" class="site-nav">Contact Us <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="contact-style1.html" class="site-nav">Contact Us Style1</a></li>
<li><a href="contact-style2.html" class="site-nav last">Contact Us Style2</a></li>
</ul>
</li>
<li><a href="lookbook-2columns.html" class="site-nav">Lookbook <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="lookbook-2columns.html" class="site-nav">2 Columns</a></li>
<li><a href="lookbook-3columns.html" class="site-nav">3 Columns</a></li>
<li><a href="lookbook-4columns.html" class="site-nav">4 Columns</a></li>
<li><a href="lookbook-5columns.html" class="site-nav">5 Columns + Fullwidth</a></li>
<li><a href="lookbook-shop.html" class="site-nav last">Lookbook Shop</a></li>
</ul>
</li>
<li><a href="faqs-style1.html" class="site-nav">FAQs <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="faqs-style1.html" class="site-nav">FAQs Style1</a></li>
<li><a href="faqs-style2.html" class="site-nav last">FAQs Style2</a></li>
</ul>
</li>
<li><a href="brands-style1.html" class="site-nav">Brands <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="brands-style1.html" class="site-nav">Brands Style1</a></li>
<li><a href="brands-style2.html" class="site-nav last">Brands Style2</a></li>
</ul>
</li>
<li><a href="my-account.html" class="site-nav">My Account <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="my-account.html" class="site-nav">My Account</a></li>
<li><a href="login-sliding-style.html" class="site-nav">Login Sliding Slideshow</a></li>
<li><a href="login.html" class="site-nav">Login</a></li>
<li><a href="register.html" class="site-nav">Register</a></li>
<li><a href="forgot-password.html" class="site-nav">Forgot Password</a></li>
<li><a href="change-password.html" class="site-nav last">Change Password</a></li>
</ul>
</li>
<li><a href="#" class="site-nav">Empty Pages <i class="an an-plus-l"></i></a>
<ul class="dropdown">
<li><a href="empty-category.html" class="site-nav">Empty Category</a></li>
<li><a href="empty-cart.html" class="site-nav">Empty Cart</a></li>
<li><a href="empty-compare.html" class="site-nav">Empty Compare</a></li>
<li><a href="empty-wishlist.html" class="site-nav">Empty Wishlist</a></li>
<li><a href="empty-search.html" class="site-nav last">Empty Search</a></li>
</ul>
</li>
<li><a href="error-404.html" class="site-nav">Error 404 </a></li>
<li><a href="cms-page.html" class="site-nav">CMS Page</a></li>
<li><a href="coming-soon.html" class="site-nav last">Coming soon <span class="lbl nm_label2">New</span></a></li>
</ul>
</li>
<li class="lvl1 parent megamenu"><a href="blog-left-sidebar.html">Blog <i class="an an-plus-l"></i></a>
<ul>
<li><a href="blog-left-sidebar.html" class="site-nav">Left Sidebar</a></li>
<li><a href="blog-right-sidebar.html" class="site-nav">Right Sidebar</a></li>
<li><a href="blog-fullwidth.html" class="site-nav">Fullwidth</a></li>
<li><a href="blog-masonry.html" class="site-nav">Masonry Blog Style</a></li>
<li><a href="blog-2columns.html" class="site-nav">2 Columns</a></li>
<li><a href="blog-3columns.html" class="site-nav">3 Columns</a></li>
<li><a href="blog-4columns.html" class="site-nav">4 Columns</a></li>
<li><a href="blog-single-post.html" class="site-nav last">Article Page</a></li>
</ul>
</li>
<li class="acLink"></li>
<li class="lvl1 bottom-link"><a href="login.html">Login</a></li>
<li class="lvl1 bottom-link"><a href="register.html">Signup</a></li>
<li class="lvl1 bottom-link"><a href="my-wishlist.html">Wishlist</a></li>
<li class="lvl1 bottom-link"><a href="compare-style1.html">Compare</a></li>
<li class="help bottom-link"><b>NEED HELP?</b><br>Call: +41 525 523 5687</li>
</ul>
</div>
<!--End Mobile Menu-->
<!--Body Container-->
<div id="page-content">
<!--Collection Banner-->
<div class="collection-header">
<div class="collection-hero">
<div class="collection-hero__image" style=""></div>
<div class="collection-hero__title-wrapper container">
<h1 class="collection-hero__title">Vendor Profile</h1>
<div class="breadcrumbs text-uppercase mt-1 mt-lg-2"><a href="index-2.html" title="Back to the home page">Home</a><span>|</span><span class="fw-bold">Vendor Profile</span></div>
</div>
</div>
</div>
<!--End Collection Banner-->
<!--Main Content-->
<div class="container">
<!--Vendor Profile-->
<div class="card-profile position-relative mb-3 mb-md-0">
<div class="card-image">
<img src="assets/images/vendor/vendor-profile.jpg" class="img-fluid" alt="profile" />
<a href="#productInquiry" class="btn btn-secondary rounded btn-inquiry emaillink position-absolute top-0 end-0 m-2 px-3"><i class="icon an an-question-cil an-1x me-2"></i>Inquiry</a>
<button type="button" class="btn btn-secondary btn-filter d-flex d-lg-none align-items-center an an-slider-3 position-absolute top-0 start-0 m-2 py-2 px-3">Filter</button>
</div>
<div class="card-content position-absolute bottom-0 w-100 p-4" style="background-color:rgba(255,255,255,0.9)">
<div class="row">
<div class="col-xl col-lg flex-grow-0 d-flex-center justify-content-center justify-content-lg-start">
<div class="img-thumbnail shadow bg-white text-center d-flex-center justify-content-center p-3" style="height:190px; width:200px; margin-top:-70px">
<img src="assets/images/footer-logo.png" class="center-xy img-fluid" alt="Logo Brand" />
<div class="product-review d-flex-center justify-content-center mt-3 mb-2"><i class="an an-star"></i><i class="an an-star mx-1"></i><i class="an an-star"></i><i class="an an-star mx-1"></i><i class="an an-star-o"></i></div>
<p>54 followers | 46 review</p>
</div>
</div>
<div class="col-xl col-lg fl-1">
<h3 class="mb-3">Optimal Store <span class="fw-normal h6"></span></h3>
<p class="address d-flex-center mb-2"><i class="an an-map-marker-al me-2"></i> 55 Gallaxy Enque, 2568 steet, 23568 NY</p>
<p class="phone d-flex-center mb-2"><i class="an an-phone-l me-2"></i> <a href="tel:+400000000000">(+40) 000 000 0000</a></p>
<p class="email d-flex-center"><i class="an an-envelope-l me-2"></i> <a href="mailto:sales@yousite.com">sales@yousite.com</a></p>
</div>
<div class="col-xl-4 text-sm-end fl-1 mt-3 mt-sm-0">
<p class="mb-2">(Retail Business)</p>
<h5 class="fw-normal mb-1">Total products: <span class="fw-bold h3" style="color:#f06543;">357</span></h5>
<h5 class="fw-normal mb-1">Total sales: <span class="fw-bold h3" style="color:#f06543;">2340</span></h5>
<ul class="social-icons list-inline justify-content-start justify-content-sm-end mt-3">
<li class="list-inline-item"><a href="#" target="_blank"><i class="an an-facebook an-1x" aria-hidden="true"></i><span class="tooltip-label">Facebook</span></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="an an-twitter an-1x" aria-hidden="true"></i><span class="tooltip-label">Twitter</span></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="an an-google an-1x" aria-hidden="true"></i><span class="tooltip-label">Google</span></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="an an-instagram an-1x" aria-hidden="true"></i><span class="tooltip-label">Instagram</span></a></li>
<li class="list-inline-item"><a href="#" target="_blank"><i class="an an-whatsapp an-1x" aria-hidden="true"></i><span class="tooltip-label">Whatsapp</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!--End Vendor Profile-->
<div class="section row pb-0">
<!--Sidebar-->
<div class="col-12 col-sm-12 col-md-12 col-lg-3 sidebar sidebar-border filterbar">
<div class="closeFilter d-block d-lg-none"><i class="icon icon an an-times-r"></i></div>
<div class="sidebar_tags">
<!--Categories-->
<div class="sidebar_widget categories filterBox filter-widget">
<div class="widget-title"><h2 class="mb-0">Categories</h2></div>
<div class="widget-content filterDD">
<ul class="clearfix sidebar_categories mb-0">
<li class="lvl-1 sub-level"><a href="#;" class="site-nav">Clothing</a>
<ul class="sublinks">
<li class="level2 sub-level sub-sub-level"><a href="#;" class="site-nav">Men</a>
<ul class="sublinks mb-0">
<li class="level3"><a href="#" class="site-nav">Shirt</a></li>
<li class="level3"><a href="#" class="site-nav">Jeans</a></li>
<li class="level3"><a href="#" class="site-nav">Shoes</a></li>
</ul>
</li>
<li class="level2"><a href="#" class="site-nav">Women</a></li>
<li class="level2"><a href="#" class="site-nav">Child</a></li>
<li class="level2"><a href="#" class="site-nav">View All Clothing</a></li>
</ul>
</li>
<li class="lvl-1 sub-level"><a href="#;" class="site-nav">Jewellery</a>
<ul class="sublinks">
<li class="level2"><a href="#" class="site-nav">Ring</a></li>
<li class="level2"><a href="#" class="site-nav">Neckalses</a></li>
<li class="level2"><a href="#" class="site-nav">Eaarings</a></li>
<li class="level2"><a href="#" class="site-nav">View All Jewellery</a></li>
</ul>
</li>
<li class="lvl-1"><a href="#" class="site-nav">Collections</a></li>
<li class="lvl-1"><a href="#" class="site-nav">Sale</a></li>
</ul>
</div>
</div>
<!--End Categories-->
<!--Store Coupons-->
<div class="sidebar_widget filterBox filter-widget">
<div class="widget-title"><h2 class="mb-0">Store Coupons</h2></div>
<div class="widget-content filterDD clearfix" style="overflow:inherit;">
<div class="coupon">
First Shopping Coupon <span class="badge bg-success">FREE</span>
<div class="tooltip-label">
<div class="coupon-info-title">FREE Shipping Coupon</div>
<div class="coupon-info-date">April 30, 2022</div>
</div>
</div>
</div>
</div>
<!--End Store Coupons-->
<!--Store Time-->
<div class="sidebar_widget filterBox filter-widget">
<div class="widget-title"><h2 class="mb-0">Store Time</h2></div>
<div class="widget-content filterDD clearfix">
<div class="open-hours lh-lg">
<strong>Monday - Saturday:</strong> 9am - 11pm<br>
<strong>Sunday:</strong> 11am - 5pm
</div>
</div>
</div>
<!--End Store Time-->
<!--Shipping Rules-->
<div class="sidebar_widget filterBox filter-widget">
<div class="widget-title"><h2 class="mb-0">Shipping Rules</h2></div>
<div class="widget-content filterDD clearfix">
<div class="open-hours lh-lg">
<strong>Delivery Time:</strong> 1-2 business days
</div>
</div>
</div>
<!--End Shipping Rules-->
<!--Store Location-->
<div class="sidebar_widget filterBox filter-widget">
<div class="widget-title"><h2 class="mb-0">Store Location</h2></div>
<div class="widget-content filterDD clearfix">
<div class="map-section ratio ratio-16x9 h-100">
<iframe src="https://www.google.com/maps/embed?pb=" allowfullscreen="" height="400"></iframe>
</div>
</div>
</div>
<!--End Store Location-->
<!--Popular Products-->
<div class="sidebar_widget sidePro">
<div class="widget-title"><h2>Best Selling</h2></div>
<div class="widget-content">
<div class="sideProSlider grid-products">
<div class="col-12 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-1.jpg" src="assets/images/products/product-1.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-1-1.jpg" src="assets/images/products/product-1-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Countdown Timer-->
<div class="saleTime" data-countdown="2029/03/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Floral Crop Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">3 reviews</span>
</div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="image-swatches swatches mb-0">
<li class="radius blue medium"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="radius pink medium"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="radius red medium"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="radius yellow medium"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!--End Color Variant-->
</div>
<!--End Product Details-->
</div>
<div class="col-12 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-2.jpg" src="assets/images/products/product-2.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-2-1.jpg" src="assets/images/products/product-2-1.jpg" alt="image" title="">
<!-- End hover image -->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale rounded">Sale</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Mini Sleev Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i>
<span class="caption hidden ms-2">8 reviews</span>
</div>
<!--End Product Review-->
<!--Color Variant-->
<ul class="swatches mb-0">
<li class="swatch medium radius black"><span class="tooltip-label">Black</span></li>
<li class="swatch medium radius navy"><span class="tooltip-label">Navy</span></li>
<li class="swatch medium radius purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!--End Color Variant-->
</div>
<!--End Product Details-->
</div>
<div class="col-12 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image -->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-3.jpg" src="assets/images/products/product-3.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-3-1.jpg" src="assets/images/products/product-3-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1 rounded">New</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Ditsy Floral Dress</a>
</div>
<!--End product name-->
<!--Product price-->
<div class="product-price">
<span class="price">$99.00</span>
</div>
<!--End product price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">12 reviews</span>
</div>
<!--End Product Review-->
<!--Color Variant-->
<ul class="swatches mb-0">
<li class="swatch medium radius red"><span class="tooltip-label">red</span></li>
<li class="swatch medium radius orange"><span class="tooltip-label">orange</span></li>
<li class="swatch medium radius yellow"><span class="tooltip-label">yellow</span></li>
</ul>
<!--End Color Variant-->
</div>
<!--End Product Details-->
</div>
</div>
</div>
</div>
<!--End Popular Products-->
<!--Banner-->
<div class="sidebar_widget static-banner">
<a href="shop-fullwidth.html"><img src="assets/images/shop-banner.jpg" alt="image"></a>
</div>
<!--End Banner-->
</div>
</div>
<!--End Sidebar-->
<!--Main Content-->
<div class="col-12 col-sm-12 col-md-12 col-lg-9 main-col">
<!--Vendor With Tabs-->
<div class="product-slider tab-slider-product">
<div class="tabs-listing">
<ul class="tabs clearfix tabs-style2 text-start d-flex-wrap border-bottom">
<li class="active" rel="tab1">Products</li>
<li rel="tab2">Brands</li>
<li rel="tab3">About</li>
<li rel="tab4">Terms & condition</li>
<li rel="tab5" class="tab_last">Reviews (3)</li>
</ul>
<div class="tab_container">
<h3 class="tab_drawer_heading d_active body-font text-uppercase text-start" rel="tab1">Products <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab1" class="tab_content">
<!--Product List-->
<div class="product-load-more">
<!--Product Grid-->
<div class="grid-products grid--view-items prd-grid">
<div class="row">
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-1.jpg" src="assets/images/products/product-1.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-1-1.jpg" src="assets/images/products/product-1-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Countdown Timer-->
<div class="saleTime" data-countdown="2024/10/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Floral Crop Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">3 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="radius blue medium"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="radius pink medium"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="radius red medium"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="radius yellow medium"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-2.jpg" src="assets/images/products/product-2.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-2-1.jpg" src="assets/images/products/product-2-1.jpg" alt="image" title="">
<!-- End hover image -->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale rounded">Sale</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Mini Sleev Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i>
<span class="caption hidden ms-2">8 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">Black</span></li>
<li class="swatch medium radius navy"><span class="tooltip-label">Navy</span></li>
<li class="swatch medium radius purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Select Options</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-3.jpg" src="assets/images/products/product-3.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-3-1.jpg" src="assets/images/products/product-3-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1 rounded">New</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Ditsy Floral Dress</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">12 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius red"><span class="tooltip-label">red</span></li>
<li class="swatch medium radius orange"><span class="tooltip-label">orange</span></li>
<li class="swatch medium radius yellow"><span class="tooltip-label">yellow</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-4.jpg" src="assets/images/products/product-4.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-4-1.jpg" src="assets/images/products/product-4-1.jpg" alt="image" title="">
<!-- End hover image -->
<span class="sold-out"><span class="rounded">Sold out</span></span>
</a>
<!--End Product Image-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Trim Button Front Blouse</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">15 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">black</span></li>
<li class="swatch medium radius navy"><span class="tooltip-label">navy</span></li>
<li class="swatch medium radius darkgreen"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<button class="btn btn-addto-cart soldOutBtn" type="button"><i class="icon hidden an an-cart-l"></i>Sold Out</button>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-5.jpg" src="assets/images/products/product-5.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-5-1.jpg" src="assets/images/products/product-5-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name text-uppercase">
<a href="product-layout1.html">Bodysuit Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$149.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">4 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">black</span></li>
<li class="swatch medium radius maroon"><span class="tooltip-label">maroon</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-6.jpg" src="assets/images/products/product-6.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-6-1.jpg" src="assets/images/products/product-6-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Sunset Sleep Scarf Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">10 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">black</span></li>
<li class="swatch medium radius navy"><span class="tooltip-label">navy</span></li>
<li class="swatch medium radius darkgreen"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-7.jpg" src="assets/images/products/product-7.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-7-1.jpg" src="assets/images/products/product-7-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">New</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Button Up Top Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$99.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i> <i class="an an-star-o"></i>
<span class="caption hidden ms-2">13 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="radius red medium"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="radius yellow medium"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-8.jpg" src="assets/images/products/product-8.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-8-1.jpg" src="assets/images/products/product-8-1.jpg" alt="image" title="">
<!-- End hover image -->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">50% Off</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star-o"></i>
<span class="caption hidden ms-2">9 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="radius blue medium"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="radius pink medium"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="radius red medium"><span class="swacth-btn"></span><span class="tooltip-label">Red</span></li>
<li class="radius yellow medium"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-9-2.jpg" src="assets/images/products/product-9-2.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-9-1.jpg" src="assets/images/products/product-9-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Countdown Timer-->
<div class="saleTime" data-countdown="2024/10/01"></div>
<!--End Countdown Timer-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i>
<span class="caption hidden ms-2">20 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius purple"><span class="tooltip-label">Purple</span></li>
<li class="swatch medium radius black"><span class="tooltip-label">Black</span></li>
<li class="swatch medium radius navy"><span class="tooltip-label">Navy</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-10.jpg" src="assets/images/products/product-10.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-10-1.jpg" src="assets/images/products/product-10-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Backpack With Contrast Bow</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$39.01</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">2 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">black</span></li>
<li class="swatch medium radius maroon"><span class="tooltip-label">maroon</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<button class="btn btn-addto-cart soldOutBtn" type="button"><i class="icon hidden an an-cart-l"></i>Sold Out</button>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-11.jpg" src="assets/images/products/product-11.jpg" alt="image" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-11-1.jpg" src="assets/images/products/product-11-1.jpg" alt="image" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Puffer Jacket</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">6 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant -->
<ul class="image-swatches swatches">
<li class="radius blue medium"><span class="swacth-btn"></span><span class="tooltip-label">Blue</span></li>
<li class="radius pink medium"><span class="swacth-btn"></span><span class="tooltip-label">Pink</span></li>
<li class="radius yellow medium"><span class="swacth-btn"></span><span class="tooltip-label">Yellow</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-12.jpg" src="assets/images/products/product-12.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-12-1.jpg" src="assets/images/products/product-12-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Long Sleeve T-shirts</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i>
<span class="caption hidden ms-2">20 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">Black</span></li>
<li class="swatch medium radius purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-13.jpg" src="assets/images/products/product-13.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-13-1.jpg" src="assets/images/products/product-13-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product label-->
<div class="product-labels"><span class="lbl pr-label1">HOT</span></div>
<!--Product label-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Stand Collar Slim Shirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$399.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">19 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius red"><span class="tooltip-label">red</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-14.jpg" src="assets/images/products/product-14.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-14-1.jpg" src="assets/images/products/product-14-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Martha Knit Top</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$199.00</span>
<span class="price">$219.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">24 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch medium radius green"><span class="tooltip-label">Green</span></li>
<li class="swatch medium radius orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-15.jpg" src="assets/images/products/product-15.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-15-1.jpg" src="assets/images/products/product-15-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0 d-none d-md-block">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Weave Hoodie Sweatshirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">2 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius darkgreen"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-16.jpg" src="assets/images/products/product-16.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-16-1.jpg" src="assets/images/products/product-16-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Cool Short Sleev T-Shirt</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">30 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius maroon"><span class="tooltip-label">maroon</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-17.jpg" src="assets/images/products/product-17.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-17-1.jpg" src="assets/images/products/product-17-1.jpg" alt="" title="">
<!-- End hover image -->
<!-- product label -->
<div class="product-labels"><span class="lbl on-sale">40% OFF</span></div>
<!-- End product label -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Black Solid Cap</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="old-price">$99.00</span>
<span class="price">$89.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">3 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch medium radius aqua"><span class="tooltip-label">Aqua</span></li>
<li class="swatch medium radius orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-18.jpg" src="assets/images/products/product-18.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-18-1.jpg" src="assets/images/products/product-18-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Leather backpack Black</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$199.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i><i class="an an-star"></i>
<span class="caption hidden ms-2">6 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius black"><span class="tooltip-label">Black</span></li>
<li class="swatch medium radius purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-19.jpg" src="assets/images/products/product-19.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-19-1.jpg" src="assets/images/products/product-19-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Aviator Sunglasses</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$59.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">10 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius red"><span class="tooltip-label">red</span></li>
<li class="swatch medium radius orange"><span class="tooltip-label">orange</span></li>
<li class="swatch medium radius yellow"><span class="tooltip-label">yellow</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
<div class="col-6 col-sm-6 col-md-4 col-lg-3 item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="primary blur-up lazyload" data-src="assets/images/products/product-20.jpg" src="assets/images/products/product-20.jpg" alt="" title="">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="assets/images/products/product-20-1.jpg" src="assets/images/products/product-20-1.jpg" alt="" title="">
<!-- End hover image -->
</a>
<!--End Product Image-->
<!--Product Button-->
<div class="button-set style0">
<ul>
<!--Cart Button-->
<li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
<!--End Cart Button-->
<!--Quick View Button-->
<li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
<!--End Quick View Button-->
<!--Wishlist Button-->
<li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
<!--End Wishlist Button-->
<!--Compare Button-->
<li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
<!--End Compare Button-->
</ul>
</div>
<!--End Product Button-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">Classic Watch Khaki</a>
</div>
<!--End Product Name-->
<!--Product Price-->
<div class="product-price">
<span class="price">$499.00</span>
</div>
<!--End Product Price-->
<!--Product Review-->
<div class="product-review d-flex align-items-center justify-content-center">
<i class="an an-star"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i><i class="an an-star-o"></i>
<span class="caption hidden ms-2">7 reviews</span>
</div>
<!--End Product Review-->
<!--Sort Description-->
<p class="hidden sort-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 specimen book...</p>
<!--End Sort Description-->
<!--Color Variant-->
<ul class="swatches">
<li class="swatch medium radius darkgreen"><span class="tooltip-label">darkgreen</span></li>
</ul>
<!--End Color Variant-->
<!-- Product Button -->
<div class="button-action d-flex">
<div class="addtocart-btn">
<form class="addtocart" action="#" method="post">
<a class="btn pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon hidden an an-cart-l"></i>Add To Cart</a>
</form>
</div>
<div class="quickview-btn">
<a class="btn btn-icon quick-view quick-view-popup" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a>
</div>
<div class="wishlist-btn">
<a class="btn btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a>
</div>
<div class="compare-btn">
<a class="btn btn-icon compare add-to-compare" href="compare.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a>
</div>
</div>
<!-- End Product Button -->
</div>
<!--End Product Details-->
</div>
</div>
</div>
<!--End Product Grid-->
<!--Load More Button-->
<div class="infinitpaginOuter">
<div class="infinitpagin">
<a href="#" class="btn rounded loadMore">Load More</a>
</div>
</div>
<!--End Load More Button-->
</div>
<!--End Product List-->
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-start" rel="tab2">Brands <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab2" class="tab_content">
<!--Category Grid-->
<div class="grid-categorys grid-mr-20">
<div class="category-page-grids style2">
<div class="row mx-0">
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection1.jpg" src="assets/images/collection/collection1.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Women</h3>
<span class="counts mt-0 mt-md-1">20 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection2.jpg" src="assets/images/collection/collection2.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Kids</h3>
<span class="counts mt-0 mt-md-1">24 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection3.jpg" src="assets/images/collection/collection3.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Men</h3>
<span class="counts mt-0 mt-md-1">32 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection4.jpg" src="assets/images/collection/collection4.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Shoes & Bags</h3>
<span class="counts mt-0 mt-md-1">40 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection5.jpg" src="assets/images/collection/collection5.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Deals</h3>
<span class="counts mt-0 mt-md-1">34 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection6.jpg" src="assets/images/collection/collection6.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Accessories</h3>
<span class="counts mt-0 mt-md-1">26 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection7.jpg" src="assets/images/collection/collection7.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Beauty</h3>
<span class="counts mt-0 mt-md-1">34 Products</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-3 col-lg-3 category-grid-item cl-item">
<div class="category-item zoomscal-hov">
<a href="shop-left-sidebar.html" class="category-link">
<div class="zoom-scal"><img class="blur-up lazyload" data-src="assets/images/collection/collection8.jpg" src="assets/images/collection/collection8.jpg" alt="collection" title="" /></div>
<div class="details">
<div class="inner">
<h3 class="category-title">Home & Living</h3>
<span class="counts mt-0 mt-md-1">18 Products</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!--End Category Grid-->
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-start" rel="tab3">About <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab3" class="tab_content">
<!--Text Content-->
<p class="mb-4">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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<div class="row mb-4">
<div class="col-12 col-sm-5 col-md-5 col-lg-4 mb-3 mb-sm-0">
<img class="blur-up lazyload" data-src="assets/images/content/demo8-content-img4.jpg" src="assets/images/content/demo8-content-img4.jpg" alt="image" title="" />
</div>
<div class="col-12 col-sm-7 col-md-7 col-lg-8">
<h3>Our Story</h3>
<p class="mb-2">Our mission is to create top-quality html template which is unique, clean, easy to use, bug less, easy to load and have all the features that merchant need to run their online eCommerce business successfully.</p>
<p>Create your store with our Optimal html template. Our premium Html templates give your online presence the edge it needs.</p>
</div>
</div>
<div class="row mb-4">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 mb-3 mb-md-0">
<h3>Our Vision</h3>
<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 remaining essentially unchanged.</p>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6">
<h3>Our Mission</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage. All the Lorem Ipsum generators on the Internet tend to repeat as necessary.</p>
</div>
</div>
<!-- Contact Details -->
<div class="contact-details mt-4 pt-2">
<ul class="list-unstyled">
<li class="mb-2 address d-flex"><strong class="me-2">ADDRESS:</strong><p class="m-0"><i class="icon an an-map-marker-al me-2 d-none"></i>55 Gallaxy Enque, 2568 steet, 23568 NY</p></li>
<li class="mb-2 phone"><strong class="me-2">PHONE:</strong><i class="icon an an-phone me-2 d-none"></i>(440) 000 000 0000</li>
<li class="email"><strong class="me-2">EMAIL:</strong><i class="icon an an-envelope-l me-2 d-none"></i>sales@yousite.com</li>
</ul>
<hr>
<div class="open-hours"><strong class="d-block mb-2">OPENING HOURS</strong>
Mon - Sat : 9am - 11pm<br>
Sunday: 11am - 5pm
</div>
<hr>
<div class="follow-us">
<label class="d-block mb-3"><strong>STAY CONNECTED</strong></label>
<div class="social-sharing d-flex-center">
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-facebook" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on Facebook"><i class="icon an an-facebook m-0 pb-1 px-2"></i><span class="d-none share-title">Facebook</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-twitter" data-bs-toggle="tooltip" data-bs-placement="top" title="Tweet on Twitter"><i class="icon an an-twitter m-0 pb-1 px-2"></i><span class="d-none share-title">Tweet</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-pinterest" data-bs-toggle="tooltip" data-bs-placement="top" title="Pin on Pinterest"><i class="icon an an-pinterest-p pb-1 m-0 px-2"></i> <span class="d-none share-title">Pin it</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-instagram" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on Instagram"><i class="icon an an-instagram m-0 pb-1 px-2"></i><span class="d-none share-title">Instagram</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-tikTok" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on TikTok"><i class="icon an an-tiktok m-0 pb-1 px-2"></i><span class="d-none share-title">TikTok</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-whatsapp" data-bs-toggle="tooltip" data-bs-placement="top" title="Share by Whatsapp"><i class="icon an an-whatsapp m-0 pb-1 px-2"></i><span class="d-none share-title">Whatsapp</span></a>
</div>
</div>
</div>
<!-- End Contact Details -->
<!--End Text Content-->
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-start" rel="tab4">Terms & condition <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab4" class="tab_content">
<!--Text Content-->
<div class="text-content">
<h3>Payment Method</h3>
<p>The available international credit card options are VISA, Mastercard, Maestro, American Express, Discover and Diners. The available domestic debit card options are VISA and Mastercard.</p>
<ul class="list-items">
<li class="mb-1">Coupons cannot be combined. You can only use one coupon code per order.</li>
<li class="mb-1">Coupons are subject to offer terms. This does exclude some items on our website which are not eligible for coupon discounts.</li>
<li>You can pay up to 70% of your purchase with bonus points at checkout. Remember that 100 points = $1.</li>
</ul>
<h3>Shipping Information</h3>
<p>We have put a lot of focus on making sure the items get delivered to our customers as quickly as possible. You will receive your order in 6-17 business days from the date that it is placed.</p>
<p>A confirmation email will be sent to you once the order is authorized and verified. We begin preparing your order immediately after it is verified. With this sort of time frame, it makes it difficult for us to change or cancel your order, however, we will do our best to support your request.</p>
<p>It normally takes 3-7 business days for us to process your order. Please note that this does not include holidays and weekends.</p>
<h3>Returns & Exchanges</h3>
<p>It‘s bummed to us if you're not 100% satisfied with the items you received, we gladly accept returns postmarked within 45 days from the purchase date and we have made the returns so easy for you!</p>
<ol class="list-items">
<li class="mb-1">Sign into your account.</li>
<li class="mb-1">Find the order in My Orders, click the “Return Item” button.</li>
<li class="mb-1">Select the item(s) you would like to return, indicate the reasons, and submit.</li>
<li class="mb-1">Select the mailing method: self-sending or pick-up service (choose the pick-up address and post office required information).</li>
<li class="mb-1">The logistics company will contact you as soon as possible, please wait for the courier to pick up the package or take the sealed package to the nearby mailing point and send to the address of Avon return center.</li>
<li>We will confirm the parcel immediately after we receive the return, update the status of the return and refund within 7 working days. The refund will be returned to you Avon wallet or to your original payment account.</li>
</ol>
<h3>Return Conditions</h3>
<p>We only accept returns postmarked within 45 days from the purchase date. Orders must be delivered. The address of the recipient must be in India. The following items cannot be returned or exchanged: bodysuits, lingerie & sleepwear, swimwear, jewelry, and accessories (except scarves, bags, and mermaid blankets).</p>
<p>All items in bundling promotion is not eligible for partial cancels, exchanges, or returns. Items returned must be in their unused condition with the original packing. We do not accept a returned item that’s worn, damaged, washed or altered in any way. We do not accept returned items that were sent back by you directly without checking with us first. We do not offer Freight To Collect (FTC) service for the packages returned to us. The returns will be made at your own cost.</p>
<h3>Refunds</h3>
<p>Returns will be processed within 7 days upon receipt of your package. The refund will be issued to your Avon Wallet or the original payment account per your request. If the order is free shipping, postage will not be deducted.</p>
<p>Pick-up service charge will be deducted from total refund and self-sending shipping fee will be at your own cost.</p>
<p><strong>Note：</strong> Refunds will be initiated for items only, other fees like insurance, shipping, COD service charges are non refundable.</p>
</div>
<!--End Text Content-->
</div>
<h3 class="tab_drawer_heading body-font text-uppercase text-start" rel="tab5">Reviews (3) <i class="an an-angle-down-r" aria-hidden="true"></i></h3>
<div id="tab5" class="tab_content">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<!-- Reviews Comment -->
<div class="spr-reviews mb-4">
<h4 class="spr-form-title text-uppercase mb-3">Customer Reviews (3)</h4>
<div class="review-inner">
<div class="spr-review">
<div class="spr-review-header">
<h5 class="spr-review-header-title">Lorem ipsum dolor sit amet</h5>
<span class="spr-review-header-byline mb-1"><strong>Avone</strong> on <strong>Apr 09, 2021</strong></span>
<span class="product-review spr-starratings d-block mb-1"><span class="reviewLink"><i class="icon an an-star"></i><i class="icon an an-star mx-1"></i><i class="icon an an-star"></i><i class="icon an an-star mx-1"></i><i class="icon an an-star-o"></i></span></span>
</div>
<div class="spr-review-content">
<p class="spr-review-content-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="spr-review">
<div class="spr-review-header">
<h5 class="spr-review-header-title">Simply text of the printing</h5>
<span class="spr-review-header-byline mb-1"><strong>Diva</strong> on <strong>May 30, 2021</strong></span>
<span class="product-review spr-starratings d-block mb-1"><span class="reviewLink"><i class="icon an an-star"></i><i class="icon an an-star mx-1"></i><i class="icon an an-star"></i><i class="icon an an-star-o mx-1"></i><i class="icon an an-star-o"></i></span></span>
</div>
<div class="spr-review-content">
<p class="spr-review-content-body">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
</div>
<div class="spr-review">
<div class="spr-review-header">
<h5 class="spr-review-header-title">Neque porro quisquam est qui dolorem ipsum</h5>
<span class="spr-review-header-byline mb-1"><strong>Belle</strong> on <strong>Dec 30, 2021</strong></span>
<span class="product-review spr-starratings d-block mb-1"><span class="reviewLink"><i class="icon an an-star"></i><i class="icon an an-star mx-1"></i><i class="icon an an-star-o"></i><i class="icon an an-star-o mx-1"></i><i class="icon an an-star-o"></i></span></span>
</div>
<div class="spr-review-content">
<p class="spr-review-content-body">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.</p>
</div>
</div>
</div>
</div>
<!-- End Reviews Comment -->
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<!-- Reviews Form -->
<form method="post" action="#" class="product-review-form new-review-form d-block">
<h4 class="spr-form-title text-uppercase">Write A Review</h4>
<fieldset class="spr-form-contact">
<div class="spr-form-contact-name form-group">
<label class="spr-form-label" for="nickname">Name <span class="required">*</span></label>
<input class="spr-form-input spr-form-input-text" id="nickname" type="text" name="name" placeholder="John smith" required />
</div>
<div class="spr-form-contact-email form-group">
<label class="spr-form-label" for="email">Email <span class="required">*</span></label>
<input class="spr-form-input spr-form-input-email" id="email" type="email" name="email" placeholder="john.smith@example.com" required />
</div>
<div class="spr-form-review-rating form-group">
<label class="spr-form-label">Rating</label>
<div class="product-review pt-1">
<div class="review-rating">
<input type="radio" name="rating" id="rating-5"><label for="rating-5"></label>
<input type="radio" name="rating" id="rating-4"><label for="rating-4"></label>
<input type="radio" name="rating" id="rating-3"><label for="rating-3"></label>
<input type="radio" name="rating" id="rating-2"><label for="rating-2"></label>
<input type="radio" name="rating" id="rating-1"><label for="rating-1"></label>
</div>
<a class="reviewLink d-none" href="#"><i class="icon an an-star-o"></i><i class="icon an an-star-o mx-1"></i><i class="icon an an-star-o"></i><i class="icon an an-star-o mx-1"></i><i class="icon an an-star-o"></i></a>
</div>
</div>
<div class="spr-form-review-title form-group">
<label class="spr-form-label" for="review">Review Title </label>
<input class="spr-form-input spr-form-input-text " id="review" type="text" name="review" placeholder="Give your review a title" />
</div>
<div class="spr-form-review-body form-group">
<label class="spr-form-label" for="message">Body of Review <span class="spr-form-review-body-charactersremaining">(1500) characters remaining</span></label>
<div class="spr-form-input">
<textarea class="spr-form-input spr-form-input-textarea " id="message" name="message" rows="5" placeholder="Write your comments here"></textarea>
</div>
</div>
</fieldset>
<div class="spr-form-actions clearfix">
<input type="submit" class="btn btn-primary rounded spr-button spr-button-primary" value="Submit Review">
</div>
</form>
<!-- End Reviews Form -->
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Vendor With Tabs-->
</div>
<!--End Main Content-->
</div>
</div>
<!--End Main Content-->
</div>
<!--End Body Container-->
<!--Footer-->
<div class="footer footer-1">
<div class="footer-top clearfix">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 text-center about-col mb-4">
<img src="assets/images/footer-logo.png" alt="Optimal" class="mb-3"/>
<p>55 Gallaxy Enque, 2568 steet, 23568 NY</p>
<p class="mb-0 mb-md-3">Phone: <a href="tel:+011234567890">(+01) 123 456 7890</a> <span class="mx-1">|</span> Email: <a href="mailto:info@example.com">info@example.com</a></p>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-4 col-lg-3 footer-links">
<h4 class="h4">Informations</h4>
<ul>
<li><a href="my-account.html">My Account</a></li>
<li><a href="aboutus-style1.html">About us</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="privacy-policy.html">Privacy policy</a></li>
<li><a href="#">Terms & condition</a></li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-4 col-lg-2 footer-links">
<h4 class="h4">Quick Shop</h4>
<ul>
<li><a href="#">Women</a></li>
<li><a href="#">Men</a></li>
<li><a href="#">Kids</a></li>
<li><a href="#">Sportswear</a></li>
<li><a href="#">Sale</a></li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-4 col-lg-3 footer-links">
<h4 class="h4">Customer Services</h4>
<ul>
<li><a href="#">Request Personal Data</a></li>
<li><a href="faqs-style1.html">FAQ's</a></li>
<li><a href="contact-style1.html">Contact Us</a></li>
<li><a href="#">Orders and Returns</a></li>
<li><a href="#">Support Center</a></li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4 newsletter-col">
<div class="display-table pt-md-3 pt-lg-0">
<div class="display-table-cell footer-newsletter">
<form action="#" method="post">
<label class="h4">NEWSLETTER SIGN UP</label>
<p>Enter Your Email To Receive Daily News And Get 20% Off Coupon For All Items.</p>
<div class="input-group">
<input type="email" class="brounded-start input-group__field newsletter-input mb-0" name="EMAIL" value="" placeholder="Email address" required>
<span class="input-group__btn">
<button type="submit" class="btn newsletter__submit rounded-end" name="commit" id="Subscribe"><i class="an an-envelope-l"></i></button>
</span>
</div>
</form>
</div>
</div>
<ul class="list-inline social-icons mt-3 pt-1">
<li class="list-inline-item"><a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="an an-facebook" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="an an-twitter" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Pinterest"><i class="an an-pinterest-p" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Instagram"><i class="an an-instagram" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="TikTok"><i class="an an-tiktok" aria-hidden="true"></i></a></li>
<li class="list-inline-item"><a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Whatsapp"><i class="an an-whatsapp" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-bottom clearfix">
<div class="container">
<div class="d-flex-center flex-column justify-content-md-between flex-md-row-reverse">
<img src="assets/images/payment.png" alt="Paypal Visa Payments"/>
<div class="copytext text-uppercase">© 2022 Optimal. All Rights Reserved.</div>
</div>
</div>
</div>
</div>
<!--End Footer-->
<!--Scoll Top-->
<span id="site-scroll"><i class="icon an an-chevron-up"></i></span>
<!--End Scoll Top-->
<!--MiniCart Drawer-->
<div class="minicart-right-drawer modal right fade" id="minicart-drawer">
<div class="modal-dialog">
<div class="modal-content">
<div id="cart-drawer" class="block block-cart">
<div class="minicart-header">
<a href="javascript:void(0);" class="close-cart" data-bs-dismiss="modal" aria-label="Close"><i class="an an-times-r" aria-hidden="true" data-bs-toggle="tooltip" data-bs-placement="left" title="Close"></i></a>
<h4 class="fs-6">Your cart (2 Items)</h4>
</div>
<div class="minicart-content">
<ul class="clearfix">
<li class="item d-flex justify-content-center align-items-center">
<a class="product-image" href="product-layout1.html">
<img class="blur-up lazyload" src="assets/images/products/cart-product-img1.jpg" data-src="assets/images/products/cart-product-img1.jpg" alt="image" title="">
</a>
<div class="product-details">
<a class="product-title" href="product-layout1.html">Floral Crop Top</a>
<div class="variant-cart">Black / XL</div>
<div class="priceRow">
<div class="product-price">
<span class="money">$59.00</span>
</div>
</div>
</div>
<div class="qtyDetail text-center">
<div class="wrapQtyBtn">
<div class="qtyField">
<a class="qtyBtn minus" href="javascript:void(0);"><i class="icon an an-minus-r" aria-hidden="true"></i></a>
<input type="text" name="quantity" value="1" class="qty">
<a class="qtyBtn plus" href="javascript:void(0);"><i class="icon an an-plus-l" aria-hidden="true"></i></a>
</div>
</div>
<a href="#" class="edit-i remove"><i class="icon an an-edit-l" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"></i></a>
<a href="#" class="remove"><i class="an an-times-r" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"></i></a>
</div>
</li>
<li class="item d-flex justify-content-center align-items-center">
<a class="product-image" href="product-layout1.html">
<img class="blur-up lazyload" src="assets/images/products/cart-product-img2.jpg" data-src="assets/images/products/cart-product-img2.jpg" alt="image" title="">
</a>
<div class="product-details">
<a class="product-title" href="product-layout1.html">V Neck T-shirts</a>
<div class="variant-cart">Blue / XL</div>
<div class="priceRow">
<div class="product-price">
<span class="money">$199.00</span>
</div>
</div>
</div>
<div class="qtyDetail text-center">
<div class="wrapQtyBtn">
<div class="qtyField">
<a class="qtyBtn minus" href="javascript:void(0);"><i class="icon an an-minus-r" aria-hidden="true"></i></a>
<input type="text" name="quantity" value="1" class="qty">
<a class="qtyBtn plus" href="javascript:void(0);"><i class="icon an an-plus-l" aria-hidden="true"></i></a>
</div>
</div>
<a href="#" class="edit-i remove"><i class="icon an an-edit-l" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"></i></a>
<a href="#" class="remove"><i class="an an-times-r" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"></i></a>
</div>
</li>
</ul>
</div>
<div class="minicart-bottom">
<div class="shipinfo text-center mb-3 text-uppercase">
<p class="freeShipMsg"><i class="an an-truck fs-5 me-2 align-middle"></i>SPENT <b>$199.00</b> MORE FOR FREE SHIPPING</p>
</div>
<div class="subtotal">
<span>Total:</span>
<span class="product-price">$93.13</span>
</div>
<a href="checkout-style1.html" class="w-100 p-2 my-2 btn btn-outline-primary proceed-to-checkout rounded">Proceed to Checkout</a>
<a href="cart-style1.html" class="w-100 btn-primary cart-btn rounded">View Cart</a>
</div>
</div>
</div>
</div>
</div>
<!--End MiniCart Drawer-->
<div class="modalOverly"></div>
<!--Quickview Popup-->
<div class="loadingBox"><div class="an-spin"><i class="icon an an-spinner4"></i></div></div>
<div id="quickView-modal" class="mfp-with-anim mfp-hide">
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6 mb-3 mb-md-0">
<!--Model thumbnail -->
<div id="quickView" class="carousel slide">
<!-- Image Slide carousel items -->
<div class="carousel-inner">
<div class="item carousel-item active" data-bs-slide-number="0">
<img class="blur-up lazyload" data-src="assets/images/products/product-5.jpg" src="assets/images/products/product-5.jpg" alt="image" title="" />
</div>
<div class="item carousel-item" data-bs-slide-number="1">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-1.jpg" src="assets/images/products/product-5-1.jpg" alt="image" title="" />
</div>
<div class="item carousel-item" data-bs-slide-number="2">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-2.jpg" src="assets/images/products/product-5-2.jpg" alt="image" title="" />
</div>
<div class="item carousel-item" data-bs-slide-number="3">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-3.jpg" src="assets/images/products/product-5-3.jpg" alt="image" title="" />
</div>
<div class="item carousel-item" data-bs-slide-number="4">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-4.jpg" src="assets/images/products/product-5-4.jpg" alt="image" title="" />
</div>
</div>
<!-- End Image Slide carousel items -->
<!-- Thumbnail image -->
<div class="model-thumbnail-img">
<!-- Thumbnail slide -->
<div class="carousel-indicators list-inline">
<div class="list-inline-item active" id="carousel-selector-0" data-bs-slide-to="0" data-bs-target="#quickView">
<img class="blur-up lazyload" data-src="assets/images/products/product-5.jpg" src="assets/images/products/product-5.jpg" alt="image" title="" />
</div>
<div class="list-inline-item" id="carousel-selector-1" data-bs-slide-to="1" data-bs-target="#quickView">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-1.jpg" src="assets/images/products/product-5-1.jpg" alt="image" title="" />
</div>
<div class="list-inline-item" id="carousel-selector-2" data-bs-slide-to="2" data-bs-target="#quickView">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-2.jpg" src="assets/images/products/product-5-2.jpg" alt="image" title="" />
</div>
<div class="list-inline-item" id="carousel-selector-3" data-bs-slide-to="3" data-bs-target="#quickView">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-3.jpg" src="assets/images/products/product-5-3.jpg" alt="image" title="" />
</div>
<div class="list-inline-item" id="carousel-selector-4" data-bs-slide-to="4" data-bs-target="#quickView">
<img class="blur-up lazyload" data-src="assets/images/products/product-5-4.jpg" src="assets/images/products/product-5-4.jpg" alt="image" title="" />
</div>
</div>
<!-- End Thumbnail slide -->
<!-- Carousel arrow button -->
<a class="carousel-control-prev carousel-arrow" href="#quickView" data-bs-target="#quickView" data-bs-slide="prev"><i class="icon an-3x an an-angle-left"></i><span class="visually-hidden">Previous</span></a>
<a class="carousel-control-next carousel-arrow" href="#quickView" data-bs-target="#quickView" data-bs-slide="next"><i class="icon an-3x an an-angle-right"></i><span class="visually-hidden">Next</span></a>
<!-- End Carousel arrow button -->
</div>
<!-- End Thumbnail image -->
</div>
<!--End Model thumbnail -->
<div class="text-center mt-3"><a href="product-layout1.html">VIEW MORE DETAILS</a></div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<h2 class="product-title">Product Quick View Popup</h2>
<div class="product-review d-flex-center mb-2">
<div class="rating"><i class="icon an an-star"></i><i class="icon an an-star"></i><i class="icon an an-star"></i><i class="icon an an-star"></i><i class="icon an an-star-o"></i></div>
<div class="reviews ms-2"><a href="#">5 Reviews</a></div>
</div>
<div class="product-info">
<p class="product-vendor">Vendor: <span class="fw-normal"><a href="#" class="fw-normal">Optimal</a></span></p>
<p class="product-type">Product Type: <span class="fw-normal">Tops</span></p>
<p class="product-sku">SKU: <span class="fw-normal">50-ABC</span></p>
</div>
<div class="pro-stockLbl my-2">
<span class="d-flex-center stockLbl instock"><i class="icon an an-check-cil"></i><span> In stock</span></span>
<span class="d-flex-center stockLbl preorder d-none"><i class="icon an an-clock-r"></i><span> Pre-order Now</span></span>
<span class="d-flex-center stockLbl outstock d-none"><i class="icon an an-times-cil"></i> <span>Sold out</span></span>
<span class="d-flex-center stockLbl lowstock d-none" data-qty="15"><i class="icon an an-exclamation-cir"></i><span> Order now, Only <span class="items">10</span> left!</span></span>
</div>
<div class="pricebox">
<span class="price old-price">$400.00</span><span class="price product-price__sale">$300.00</span>
</div>
<div class="sort-description">Optimal Multipurpose Bootstrap 5 Html Template that will give you and your customers a smooth shopping experience which can be used for various kinds of stores such as fashion.. </div>
<form method="post" action="#" id="product_form--option" class="product-form">
<div class="product-options d-flex-wrap">
<div class="swatch clearfix swatch-0 option1">
<div class="product-form__item">
<label class="label d-flex">Color:<span class="required d-none">*</span> <span class="slVariant ms-1 fw-bold">Black</span></label>
<ul class="swatches-image swatches d-flex-wrap list-unstyled clearfix">
<li data-value="Black" class="swatch-element color available active">
<label class="rounded-0 swatchLbl small color black" title="Black"></label>
<span class="tooltip-label top">Black</span>
</li>
<li data-value="Green" class="swatch-element color available">
<label class="rounded-0 swatchLbl small color green" title="Green"></label>
<span class="tooltip-label top">Green</span>
</li>
<li data-value="Orange" class="swatch-element color available">
<label class="rounded-0 swatchLbl small color orange" title="Orange"></label>
<span class="tooltip-label top">Orange</span>
</li>
<li data-value="Blue" class="swatch-element color available">
<label class="rounded-0 swatchLbl small color blue" style="background-image:url('assets/images/products/swatches/blue-red.jpg');" title="Blue"></label>
<span class="tooltip-label top">Blue</span>
</li>
<li data-value="Red" class="swatch-element color available">
<label class="rounded-0 swatchLbl small color red" style="background-image:url('assets/images/products/swatches/red.jpg');" title="Red"></label>
<span class="tooltip-label top">Red</span>
</li>
</ul>
</div>
</div>
<div class="swatch clearfix swatch-1 option2">
<div class="product-form__item">
<label class="label">Size:<span class="required d-none">*</span> <span class="slVariant ms-1 fw-bold">XS</span></label>
<ul class="swatches-size d-flex-center list-unstyled clearfix swatch-1 option2">
<li data-value="XS" class="swatch-element xs available active">
<label class="swatchLbl rounded-0 medium" title="XS">XS</label>
<span class="tooltip-label">XS</span>
</li>
<li data-value="S" class="swatch-element s available">
<label class="swatchLbl rounded-0 medium" title="S">S</label>
<span class="tooltip-label">S</span>
</li>
<li data-value="M" class="swatch-element m available">
<label class="swatchLbl rounded-0 medium" title="M">M</label>
<span class="tooltip-label">M</span>
</li>
<li data-value="L" class="swatch-element l available">
<label class="swatchLbl rounded-0 medium" title="L">L</label>
<span class="tooltip-label">L</span>
</li>
<li data-value="XL" class="swatch-element xl available">
<label class="swatchLbl rounded-0 medium" title="XL">XL</label>
<span class="tooltip-label">XL</span>
</li>
</ul>
</div>
</div>
<div class="product-action d-flex-wrap w-100 mb-3 clearfix">
<div class="quantity">
<div class="qtyField rounded">
<a class="qtyBtn minus" href="javascript:void(0);"><i class="icon an an-minus-r" aria-hidden="true"></i></a>
<input type="text" name="quantity" value="1" class="product-form__input qty rounded-0">
<a class="qtyBtn plus" href="javascript:void(0);"><i class="icon an an-plus-l" aria-hidden="true"></i></a>
</div>
</div>
<div class="add-to-cart ms-3 fl-1">
<button type="button" class="btn button-cart rounded-0"><span>Add to cart</span></button>
</div>
</div>
</div>
</form>
<div class="wishlist-btn d-flex-center">
<a class="add-wishlist d-flex-center text-uppercase me-3" href="my-wishlist.html" title="Add to Wishlist"><i class="icon an an-heart-l me-1"></i> <span>Add to Wishlist</span></a>
<a class="add-compare d-flex-center text-uppercase" href="compare-style1.html" title="Add to Compare"><i class="icon an an-random-r me-2"></i> <span>Add to Compare</span></a>
</div>
<!-- Social Sharing -->
<div class="social-sharing share-icon d-flex-center mx-0 mt-3">
<span class="sharing-lbl me-2">Share :</span>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-facebook" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on Facebook"><i class="icon an an-facebook mx-1"></i><span class="share-title d-none">Facebook</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-twitter" data-bs-toggle="tooltip" data-bs-placement="top" title="Tweet on Twitter"><i class="icon an an-twitter mx-1"></i><span class="share-title d-none">Tweet</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-pinterest" data-bs-toggle="tooltip" data-bs-placement="top" title="Pin on Pinterest"><i class="icon an an-pinterest-p mx-1"></i> <span class="share-title d-none">Pin it</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-linkedin" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on Instagram"><i class="icon an an-instagram mx-1"></i><span class="share-title d-none">Instagram</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-whatsapp" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on WhatsApp"><i class="icon an an-whatsapp mx-1"></i><span class="share-title d-none">WhatsApp</span></a>
<a target="_blank" href="#" class="d-flex-center btn btn-link btn--share share-email" data-bs-toggle="tooltip" data-bs-placement="top" title="Share by Email"><i class="icon an an-envelope-l mx-1"></i><span class="share-title d-none">Email</span></a>
</div>
<!-- End Social Sharing -->
</div>
</div>
</div>
<!--End Quickview Popup-->
<!--Addtocart Added Popup-->
<div id="pro-addtocart-popup" class="mfp-with-anim mfp-hide">
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
<div class="addtocart-inner text-center clearfix">
<h4 class="title mb-3 text-success">Added to your shopping cart successfully.</h4>
<div class="pro-img mb-3">
<img class="img-fluid blur-up lazyload" src="assets/images/products/add-to-cart-popup.jpg" data-src="assets/images/products/add-to-cart-popup.jpg" alt="Added to your shopping cart successfully." title="Added to your shopping cart successfully." />
</div>
<div class="pro-details">
<h5 class="pro-name mb-0">Ditsy Floral Dress</h5>
<p class="sku my-2">Color: Gray</p>
<p class="mb-0 qty-total">1 X $113.88</p>
<div class="addcart-total bg-light mt-3 mb-3 p-2">
Total: <b class="price">$113.88</b>
</div>
<div class="button-action">
<a href="checkout-style1.html" class="btn btn-primary view-cart mx-1 rounded">Go To Checkout</a>
<a href="index-2.html" class="btn btn-secondary rounded">Continue Shopping</a>
</div>
</div>
</div>
</div>
<!-- End Addtocart Added Popup-->
<!--Product Enuiry Popup-->
<div id="productInquiry" class="mfpbox mfp-with-anim mfp-hide">
<div class="contact-form form-vertical p-lg-1">
<div class="page-title"><h3>Product Inquiry Popup</h3></div>
<form method="post" action="#" id="contact_form" class="contact-form">
<div class="formFeilds">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<input type="text" id="ContactFormName" name="contact[name]" placeholder="Name" value="" required />
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group">
<input type="email" id="ContactFormEmail" name="contact[email]" placeholder="Email" value="" required />
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group">
<input type="tel" id="ContactFormPhone" name="contact[phone]" pattern="[0-9\-]*" placeholder="Phone Number" value="" required />
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<input type="text" id="ContactFormSubject" name="contact[subject]" placeholder="Subject" value="" required />
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group">
<textarea rows="8" id="ContactFormMessage" name="contact[body]" placeholder="Message" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<input type="submit" class="btn rounded w-100" value="Send Message" />
</div>
</div>
</div>
</form>
</div>
</div>
<!--End Product Enuiry Popup-->
<!-- Including Jquery -->
<script src="assets/js/vendor/jquery-min.js"></script>
<script src="assets/js/vendor/js.cookie.js"></script>
<!--Including Javascript-->
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
</div>
<!--End Page Wrapper-->
</body>
<!-- Mirrored from template.annimexweb.com/optimal/vendor-profile.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Oct 2022 06:16:06 GMT -->
</html>