| Server IP : 108.163.255.210 / Your IP : 3.144.104.175 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/index-demo3.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Oct 2022 06:11:50 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>Home Demo3 - 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="template-index index-demo3">
<!-- 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-3">
<!--Topbar-->
<div class="top-bar">
<div class="container-fluid">
<div class="inner d-flex align-items-center">
<div class="col-4 col-sm-4 col-md-4 col-lg-4 d-none d-lg-flex d-md-flex">
<span class="d-inline me-1">Follow Us:</span>
<ul class="social-icons list-inline align-items-center">
<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>
<div class="col-12 col-sm-12 col-md-4 col-lg-4 text-center">
FREE SHIPPING on order above $99
</div>
<div class="col-4 col-sm-4 col-md-4 col-lg-4 d-none d-lg-block d-md-block text-right">
<p class="phone-no m-0 px-2 d-inline-block"><a href="tel:4400(111)044833" class="d-flex align-items-center"><i class="an an-phone-l me-2"></i> <span class="pno">+440 0(111) 044 833</span></a></p>
<p class="m-0 d-inline email-id d-none d-xl-inline-block"><a href="mailto:info@example.com" class="d-flex align-items-center"><i class="an an-envelope-l me-2"></i> <span class="eno">info@example.com</span></a></p>
</div>
</div>
</div>
</div>
<!--End Topbar-->
<!--Header Content-->
<div class="header-main mih-80 classicHeader d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<!--Logo / Menu Toggle-->
<div class="col-6 col-sm-6 col-md-6 col-lg-2 align-self-center justify-content-start 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">
<a href="index-2.html">
<img src="assets/images/logo-demo6.png" class="logo-img default-logo mh-100" alt="Optimal Multipurpose eCommerce Bootstrap 5 Html Template" title="Optimal Multipurpose eCommerce Bootstrap 5 Html Template" width="130" />
<img src="assets/images/logo-sticky-demo3.png" class="logo-img sticky-logo mh-100" alt="Optimal Multipurpose eCommerce Bootstrap 5 Html Template" title="Optimal Multipurpose eCommerce Bootstrap 5 Html Template" width="130" />
<span class="logo-txt d-none">Optimal</span>
</a>
</div>
<!--End Logo-->
</div>
<!--End Logo / Menu Toggle-->
<!--Main Navigation Desktop-->
<div class="col-1 col-sm-1 col-md-1 col-lg-7 col-xl-8 align-self-center d-menu-col">
<!--Desktop Menu-->
<nav class="grid__item" id="AccessibleNav">
<ul id="siteNav" class="site-nav medium right 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="elements-icons.html" class="site-nav">Icons</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>
<!--End Main Navigation Desktop-->
<!--Right Action-->
<div class="col-6 col-sm-6 col-md-6 col-lg-3 col-xl-2 align-self-center 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"></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="#" 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-globe-l"></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>
</div>
<!--Search Popup-->
<div id="search-popup" class="search-drawer">
<div class="container-fluid px-0">
<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>
<!--End Header Content-->
</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="elements-icons.html" class="site-nav">Icons</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">
<!--Home slider-->
<section class="slideshow slideshow-wrapper">
<div class="home-slideshow">
<div class="slide">
<div class="blur-up lazyload">
<img class="blur-up lazyload desktop-hide" data-src="assets/images/slideshow/demo3-banner1.jpg" src="assets/images/slideshow/demo3-banner1.jpg" alt="Stunning Design" title="Stunning Design" />
<img class="blur-up lazyload mobile-hide" data-src="assets/images/slideshow/demo3-banner1-m.jpg" src="assets/images/slideshow/demo3-banner1-m.jpg" alt="Stunning Design" title="Stunning Design" />
<div class="container">
<div class="slideshow-content slideshow-overlay middle-right d-flex justify-content-center align-items-center">
<div class="slideshow-content-in text-left">
<div class="wrap-caption animation style2 whiteText">
<p class="ss-small-title fs-6 text-uppercase mb-1 mb-md-2">Love Your Brand</p>
<h1 class="h1 mega-title ss-mega-title fs-1 fw-600">Stunning Design</h1>
<span class="mega-subtitle fs-4 ss-sub-title mt-3 d-lg-block d-md-block d-none">You dream it, we design it!</span>
<div class="ss-btnWrap mt-3 mt-md-0">
<a class="btn btn-lg btn-outline-primary" href="shop-right-sidebar.html">Buy Now</a>
<a class="btn btn-lg btn-outline-primary mx-3" href="shop-right-sidebar.html">View Collection</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="blur-up lazyload">
<img class="blur-up lazyload desktop-hide" data-src="assets/images/slideshow/demo3-banner2.jpg" src="assets/images/slideshow/demo3-banner2.jpg" alt="Optimal Look" title="Optimal Look" />
<img class="blur-up lazyload mobile-hide" data-src="assets/images/slideshow/demo3-banner2-m.jpg" src="assets/images/slideshow/demo3-banner2-m.jpg" alt="Optimal Look" title="Optimal Look" />
<div class="slideshow-content slideshow-overlay middle-right container d-flex justify-content-center align-items-center">
<div class="slideshow-content-in text-left">
<div class="wrap-caption animation style2 whiteText">
<p class="ss-small-title fs-6 text-uppercase mb-1 mb-md-2">Optimal Design</p>
<h2 class="mega-title ss-mega-title mt-3 fs-1 fw-600">Optimal Look</h2>
<span class="mega-subtitle ss-sub-title fs-4 d-lg-block d-md-block d-none">Looks beautiful and sharp</span>
<div class="ss-btnWrap mt-3 mt-md-0">
<a class="btn btn-lg btn-primary" href="shop-right-sidebar.html">Purchase Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Home slider-->
<!--Banner Masonary-->
<section class="section collection-banners style1 pb-0">
<div class="container">
<div class="row">
<div class="section-header col-12">
<h2>Popular Collection</h2>
<p>Our most popular products based on sales. Updated daily.</p>
</div>
</div>
<div class="grid-masonary banner-grid">
<div class="grid-sizer col-md-6 col-lg-6"></div>
<div class="row">
<div class="col-12 col-sm-6 col-md-6 col-lg-6 banner-item">
<div class="collection-grid-item">
<a href="shop-right-sidebar.html">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo3-ct-img1.jpg" src="assets/images/collection/demo3-ct-img1.jpg" alt="Trendy Look" title="Trendy Look" />
</div>
<div class="details bottom-right white-text">
<div class="inner">
<h3 class="title fs-3 mb-2 body-font fw-600">Trendy Look</h3>
<span class="btn--link">Shop Now</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6 banner-item">
<div class="collection-grid-item mb-3">
<a href="shop-right-sidebar.html">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo3-ct-img2.jpg" src="assets/images/collection/demo3-ct-img2.jpg" alt="Men T-Shirts" title="Men T-Shirts" />
</div>
<div class="details bottom-left white-text">
<div class="inner">
<h3 class="title fs-3 mb-2 body-font fw-600">Men T-Shirts</h3>
<span class="btn--link">Shop Now</span>
</div>
</div>
</a>
</div>
<div class="collection-grid-item">
<a href="shop-right-sidebar.html">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo3-ct-img3.jpg" src="assets/images/collection/demo3-ct-img3.jpg" alt="Accessories" title="Accessories" />
</div>
<div class="details bottom-right white-text">
<div class="inner">
<h3 class="title fs-3 mb-2 body-font fw-600">Accessories</h3>
<span class="btn--link">Shop Now</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Banner Masonary-->
<!--New Arrivals Product Grid-->
<section class="section pb-0">
<div class="container">
<div class="section-header">
<h2>New Arrivals</h2>
<p>Discover something new every day <br>whether it's that sweatshirt you saw on Insta or the dress</p>
</div>
<div class="grid-products style2">
<div class="row">
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-14.jpg" src="assets/images/products/product-14.jpg" alt="image" title="">
<!-- End image -->
</a>
<!-- end product image -->
</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"><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></div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch small rounded green"><span class="tooltip-label">Green</span></li>
<li class="swatch small rounded orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon rounded-circle btn btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-12.jpg" src="assets/images/products/product-12.jpg" alt="image" title="">
<!-- End image -->
</a>
<!-- end product image -->
<!-- Product Quickshop Form -->
<div class="quickshop-content d-flex-center" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="pro-quickshop1">
<button type="button" class="btn-close text-reset ms-auto position-absolute top-0 end-0 m-1" data-bs-dismiss="offcanvas" aria-label="Close"></button>
<div class="offcanvas-body quickshop-variant h-100 d-flex align-items-start align-items-sm-center">
<form method="post" action="#" id="product_form_1052" class="product-form align-items-center text-center hidedropdown" accept-charset="UTF-8" enctype="multipart/form-data">
<!-- Product Price -->
<div class="product-single__price lh-1 mb-3 mt-0 mx-auto">
<span class="visually-hidden">Regular price</span>
<span class="product-price__sale--single">
<span class="product-price-old-price d-none">$200.00</span><span class="product-price__price product-price__sale0">$199.00</span>
</span>
</div>
<!-- End Product Price -->
<!-- Swatches Color -->
<div class="swatches-image swatch clearfix mb-3 swatch-0 option1" data-option-index="0">
<div class="product-form__item">
<label class="label d-flex justify-content-center">Color:<span class="required d-none">*</span><span class="slVariant ms-1 fw-bold">Black</span></label>
<ul class="swatches d-flex-justify-center list-unstyled m-0 clearfix">
<li data-value="Black" class="swatch-element rounded-0 color black available active">
<label class="swatchLbl rounded-0 color small black" title="Black"></label>
<span class="tooltip-label top">Black</span>
</li>
<li data-value="Peach" class="swatch-element rounded-0 color peach available">
<label class="swatchLbl rounded-0 color small red" title="Red"></label>
<span class="tooltip-label top">Peach</span>
</li>
<li data-value="White" class="swatch-element rounded-0 color white available">
<label class="swatchLbl rounded-0 color small orange" title="Orange"></label>
<span class="tooltip-label top">White</span>
</li>
</ul>
</div>
</div>
<!-- End Swatches Color -->
<!-- Swatches Size -->
<div class="swatch clearfix mb-3 swatch-1 option2" data-option-index="1">
<div class="product-form__item">
<label class="label d-flex justify-content-center">Size:<span class="required d-none">*</span><span class="slVariant ms-1 fw-bold">S</span></label>
<ul class="swatches-size d-flex-justify-center list-unstyled m-0 clearfix">
<li data-value="S" class="swatch-element s available active">
<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>
<!-- End Swatches Size -->
<!-- Product Action -->
<div class="product-form-submit mx-auto">
<button type="submit" name="add" class="btn rounded product-form__cart-submit btn-small px-3"><span>Add to cart</span></button>
<button type="submit" name="add" class="btn rounded product-form__sold-out btn-small px-3 d-none" disabled="disabled">Sold out</button>
<button type="button" name="buy" class="btn rounded btn-outline-primary proceed-to-checkout btn-small px-3 d-none">Buy it now</button>
</div>
<!-- End Product Action -->
</form>
</div>
</div>
<!-- End Product Quickshop Form -->
</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"><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></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded black"><span class="tooltip-label">Black</span></li>
<li class="swatch small rounded purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-quickshop-popup" data-bs-toggle="offcanvas" data-bs-target="#pro-quickshop1" aria-controls="pro-quickshop1">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Quick Shop</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-6.jpg" src="assets/images/products/product-6.jpg" alt="image" title="">
<!-- End image -->
</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">Neck Tank 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">
<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>
</div>
<!--End Product Review-->
<!--Color Variant -->
<ul class="swatches">
<li class="swatch small rounded navy"><span class="tooltip-label">Navy</span></li>
<li class="swatch small rounded green"><span class="tooltip-label">Green</span></li>
<li class="swatch small rounded gray"><span class="tooltip-label">Gray</span></li>
<li class="swatch small rounded aqua"><span class="tooltip-label">Aqua</span></li>
<li class="swatch small rounded orange"><span class="tooltip-label">Orange</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-7.jpg" src="assets/images/products/product-7.jpg" alt="image" title="">
<!-- End image -->
</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">Crew Neck Sweater</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">
<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>
</div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded red"><span class="tooltip-label">red</span></li>
<li class="swatch small rounded orange"><span class="tooltip-label">orange</span></li>
<li class="swatch small rounded yellow"><span class="tooltip-label">yellow</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout1.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-19.jpg" src="assets/images/products/product-19.jpg" alt="image" title="">
<!-- End image -->
</a>
<!-- end product image -->
</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"><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></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded red"><span class="tooltip-label">red</span></li>
<li class="swatch small rounded orange"><span class="tooltip-label">orange</span></li>
<li class="swatch small rounded yellow"><span class="tooltip-label">yellow</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-16.jpg" src="assets/images/products/product-16.jpg" alt="image" title="">
<!-- End image -->
</a>
<!-- end product image -->
</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"><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></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded maroon"><span class="tooltip-label">maroon</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-18.jpg" src="assets/images/products/product-18.jpg" alt="image" title="">
<!-- End image -->
</a>
<!-- end product image -->
</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"><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></div>
<!--End Product Review-->
<!-- Color Variant -->
<ul class="swatches">
<li class="swatch small rounded black"><span class="tooltip-label">Black</span></li>
<li class="swatch small rounded purple"><span class="tooltip-label">Purple</span></li>
</ul>
<!-- End Variant -->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
<div class="item col-6 col-md-4 col-lg-3">
<div class="item">
<a class="overlay" href="product-layout-3.html"></a>
<!-- start product image -->
<div class="product-image">
<!-- start product image -->
<a href="product-layout3.html" class="product-img">
<!-- image -->
<img class="blur-up lazyload" data-src="assets/images/products/product-24.jpg" src="assets/images/products/product-24.jpg" alt="image" title="">
<!-- End image -->
</a>
<!-- end product image -->
</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 Tie</a>
</div>
<!-- End product name -->
<!-- product price -->
<div class="product-price">
<span class="price">$49.00</span>
</div>
<!-- End product price -->
<!--Product Review-->
<div class="product-review"><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></div>
<!--End Product Review-->
<!--Product Button-->
<div class="button-set">
<ul>
<li>
<!--Cart Button-->
<a class="btn-icon btn rounded-circle btn-addto-cart pro-addtocart-popup" href="#pro-addtocart-popup">
<i class="icon an an-cart-l"></i> <span class="tooltip-label">Add to Cart</span>
</a>
<!--end Cart Button-->
</li>
<li>
<!--Quick View Button-->
<a href="javascript:void(0)" title="Quick View" class="btn-icon rounded-circle quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview">
<i class="icon an an-search-l"></i>
<span class="tooltip-label">Quick View</span>
</a>
<!--End Quick View Button-->
</li>
<li>
<!--Wishlist Button-->
<a class="btn-icon rounded-circle wishlist add-to-wishlist" href="my-wishlist.html">
<i class="icon an an-heart-l"></i>
<span class="tooltip-label">Add To Wishlist</span>
</a>
<!--End Wishlist Button-->
</li>
<li>
<!--Compare Button-->
<a class="btn-icon rounded-circle compare add-to-compare" href="compare-style2.html" title="Add to Compare">
<i class="icon an an-sync-ar"></i>
<span class="tooltip-label">Add to Compare</span>
</a>
<!--End Compare Button-->
</li>
</ul>
</div>
<!--End Product Button-->
</div>
<!-- End product details -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--End New Arrivals Product Grid-->
<!--Store Feature-->
<section class="store-features pb-0">
<div class="container">
<div class="row store-info">
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 my-md-3">
<a class="d-flex clr-none" href="#">
<i class="an an-free-delivery"></i>
<div class="detail">
<h5 class="fs-6 text-uppercase mb-1 body-font">Free Shipping & Return</h5>
<p class="sub-text">Free shipping on all US orders</p>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 my-md-3">
<a class="d-flex clr-none" href="#">
<i class="an an-shield"></i>
<div class="detail">
<h5 class="fs-6 text-uppercase mb-1 body-font">Secure Payment</h5>
<p class="sub-text">All payment are Secured and trusted.</p>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 my-md-3">
<a class="d-flex clr-none" href="#">
<i class="an an-dollar mb-1"></i>
<div class="detail">
<h5 class="fs-6 text-uppercase mb-1 body-font">Money Gurantee</h5>
<p class="sub-text">30 days money back guarantee</p>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 mb-3 my-md-3">
<a class="d-flex clr-none" href="#">
<i class="an an-chat mb-1"></i>
<div class="detail">
<h5 class="fs-6 text-uppercase mb-1 body-font">Have A Questions?</h5>
<p class="sub-text">our technical will help you</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!--End Store Feature-->
<!--Featured Content-->
<section class="section featured-content style1">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-12 col-sm-12 col-md-12 col-lg-6 p-0">
<div class="d-flex align-items-stretch justify-content-between w-100 flex-sm-row flex-column">
<div class="f-item fl-1 d-flex w-100 align-items-center order-md-1 order-xl-0 order-sm-1 order-lg-0 order-1">
<div class="f-image">
<img class="blur-up lazyload" data-src="assets/images/content/featured-content-img1.jpg" src="assets/images/content/featured-content-img1.jpg" alt="image" title="" />
</div>
</div>
<div class="f-item fl-1 d-flex w-100 align-items-center blue-bg order-xl-1 order-md-0 order-sm-0 order-lg-1 order-1">
<div class="f-text">
<h3 class="body-font mb-3">New Arrivals Weekly</h3>
<div class="rte rte-setting d-flex mb-4">
<p>We release NEW items every single week! Shop our latest release full of on-trend and affordable new styles under $99</p>
</div>
<a href="shop-right-sidebar.html" class="btn btn-small mt20">Shop Now</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6 p-0">
<div class="d-flex align-items-stretch justify-content-between w-100 flex-sm-row flex-column">
<div class="f-item fl-1 d-flex w-100 align-items-center order-md-1 order-xl-0 order-sm-1 order-lg-0 order-1">
<div class="f-image order-2">
<img class="blur-up lazyload" data-src="assets/images/content/featured-content-img2.jpg" src="assets/images/content/featured-content-img2.jpg" alt="image" title="" />
</div>
</div>
<div class="f-item fl-1 d-flex w-100 align-items-center pinch-bg order-xl-1 order-md-0 order-sm-0 order-lg-1 order-1">
<div class="f-text order-3">
<h3 class="body-font mb-3">The Finishing Touch</h3>
<div class="rte rte-setting d-flex mb-4">
<p>We have the perfect jewelry, scarves, hats and more at an affordable price! Take your look to the next level with our on-trend new accessories!</p>
</div>
<a href="shop-right-sidebar.html" class="btn btn-small mt20">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Featured Content-->
<!--Featured Content-->
<section class="section featured-content style1 py-0">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="d-flex align-items-stretch justify-content-between w-100 flex-md-row flex-column">
<div class="f-item fl-1 d-flex w-100 align-items-center white-bg order-md-1 order-xl-0 order-sm-1 order-lg-0 order-1">
<div class="f-text order-3 text-center">
<h3 class="body-font fs-4 mb-2 mb-md-4">20% OFF Spring Summer</h3>
<div class="rte rte-setting d-flex mb-3 mb-md-4">
<p>Save even more on our winter sale with code WINTER18 + FREE SHIPPING on all orders over $50</p>
</div>
<a href="shop-right-sidebar.html" class="btn btn-lg mt20">Discover Now!</a>
</div>
</div>
<div class="f-item fl-1 d-flex w-100 align-items-center">
<div class="f-image order-2">
<img class="blur-up lazyload" data-src="assets/images/content/featured-content-img3.jpg" src="assets/images/content/featured-content-img3.jpg" alt="image" title="" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Featured Content-->
<!--Featured Product Content-->
<section class="section featured-content style1 pt-3 pt-lg-0">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="d-flex align-items-stretch justify-content-between w-100 flex-lg-row flex-column">
<div class="f-item fl-1 d-flex col-lg-6 align-items-center position-relative">
<!--Slider-->
<div class="sideProSlider f-image order-2">
<div class="slide"><img class="blur-up lazyload" data-src="assets/images/products/product-6-1.jpg" src="assets/images/products/product-6-1.jpg" alt="product" title="" /></div>
<div class="slide"><img class="blur-up lazyload" data-src="assets/images/products/product-6-2.jpg" src="assets/images/products/product-6-2.jpg" alt="product" title="" /></div>
<div class="slide"><img class="blur-up lazyload" data-src="assets/images/products/product-6-4.jpg" src="assets/images/products/product-6-4.jpg" alt="product" title="" /></div>
<div class="slide"><img class="blur-up lazyload" data-src="assets/images/products/product-6-5.jpg" src="assets/images/products/product-6-5.jpg" alt="product" title="" /></div>
<div class="slide"><img class="blur-up lazyload" data-src="assets/images/products/product-6-6.jpg" src="assets/images/products/product-6-6.jpg" alt="product" title="" /></div>
</div>
<!--End Slider-->
<div class="product-wish"><a class="wishIcon wishlist rounded m-0 bg-transparent" href="my-wishlist.html"><i class="text-dark icon an an-heart"></i><span class="tooltip-label left">Available in Wishlist</span></a></div>
<div class="product-labels rounded"><span class="lbl on-sale">Sale</span></div>
</div>
<div class="f-item fl-1 d-flex col-lg-6 align-items-center white-bg">
<div class="f-text deal-text order-3 text-center">
<h3 class="fs-4 mb-3 text-uppercase fw-bold redText">Deal Of the day</h3>
<a href="product-layout1.html" class="body-font fs-4 fw-600 mb-2 d-block">Neck Tank Top</a>
<!--Reviews-->
<div class="product-review d-flex-center justify-content-center">
<span class="icons"><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-half-o"></i></span><span class="ms-2">3 Reviews</span>
</div>
<!--End Reviews-->
<!-- Product Price -->
<div class="product-single__price">
<span class="visually-hidden">Regular price</span>
<span class="product-price__sale--single">
<span class="product-price-old-price">$200.00</span><span class="product-price__price product-price__sale">$225.00</span>
<span class="discount-badge"><span class="devider me-2">|</span><span>Save: </span><span class="product-single__save-amount"><span class="money">$99.00</span></span><span class="off ms-1">(<span>25</span>%)</span></span>
</span>
</div>
<!-- End Product Price -->
<!-- Countdown -->
<div class="countdown-text style3 d-flex-wrap mb-3">
<label class="mb-1 border-0 d-block w-100 me-0">Hurry up! Sales End In </label>
<div class="prcountdown d-flex justify-content-center w-100" data-countdown="2029/10/01"></div>
</div>
<!-- End Countdown -->
<div class="product-single__description mb-3">
<p class="mb-2">Save even more on our winter sale with code WINTER18 + FREE SHIPPING on all orders over $50 <a href="product-layout1.html" class="text-decoration-underline ms-1">Read More</a></p>
</div>
<!-- Product Form -->
<form method="post" action="#" class="product-form hidedropdown">
<!-- Swatches Color -->
<div class="swatches-image swatch clearfix swatch-0 option1" data-option-index="0">
<div class="product-form__item">
<label class="label d-flex justify-content-center">Color:<span class="required d-none">*</span><span class="slVariant ms-1 fw-bold">Green</span></label>
<ul class="swatches d-flex-wrap justify-content-center list-unstyled clearfix mb-2">
<li data-value="Red" class="swatch-element color red available active">
<label class="swatchLbl rounded-0 color red" title="Red"></label>
<span class="tooltip-label top">Red</span>
</li>
<li data-value="Red" class="swatch-element color blue available">
<label class="swatchLbl rounded-0 color blue" title="Blue"></label>
<span class="tooltip-label top">Blue</span>
</li>
<li data-value="Green" class="swatch-element color green available">
<label class="swatchLbl rounded-0 color top green" title="Green"></label>
<span class="tooltip-label top">Green</span>
</li>
</ul>
</div>
</div>
<!-- End Swatches Color -->
<!-- Swatches Size -->
<div class="swatch clearfix swatch-1 option2" data-option-index="1">
<div class="product-form__item">
<label class="label d-flex justify-content-center">Size:<span class="required d-none">*</span><span class="slVariant ms-1 fw-bold">S</span></label>
<ul class="swatches-size d-flex-center justify-content-center list-unstyled clearfix mb-2">
<li data-value="S" class="swatch-element s available active">
<label class="swatchLbl rounded-0 rectangle" title="S">S</label>
</li>
<li data-value="M" class="swatch-element m available">
<label class="swatchLbl rounded-0 rectangle" title="M">M</label>
</li>
<li data-value="L" class="swatch-element l available">
<label class="swatchLbl rounded-0 rectangle" title="L">L</label>
</li>
<li data-value="XL" class="swatch-element xl available">
<label class="swatchLbl rounded-0 rectangle" title="XL">XL</label>
</li>
<li class="ms-1"><a href="#sizechart" class="sizelink link-underline text-uppercase"><i class="icon an an-ruler d-none"></i> Size Guide</a></li>
</ul>
</div>
</div>
<!-- End Swatches Size -->
<!-- Product Action -->
<div class="product-action w-100 clearfix">
<div class="product-form__item--quantity d-flex-center justify-content-center mb-3">
<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="product-form__input qty rounded-0">
<a class="qtyBtn plus" href="javascript:void(0);"><i class="icon an an-plus-r" aria-hidden="true"></i></a>
</div>
<div class="pro-stockLbl ms-3">
<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>
<div class="row g-2">
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<div class="product-form__item--submit">
<button type="submit" name="add" class="btn btn-outline-primary rounded-0 product-form__cart-submit mb-0"><span>Add to cart</span></button>
<button type="submit" name="add" class="btn btn-outline-primary rounded product-form__pre-order d-none"><span>Pre-order Now</span></button>
<button type="submit" name="add" class="btn btn-outline-primary rounded-0 product-form__sold-out d-none" disabled="disabled">Sold out</button>
</div>
</div>
<div class="col-12 col-sm-6 col-md-6 col-lg-6">
<div class="product-form__item--buyit clearfix">
<button type="button" class="btn rounded-0 proceed-to-checkout">Buy it now</button>
</div>
</div>
</div>
<div class="agree-check customCheckbox clearfix d-none">
<input id="prTearm" name="tearm" type="checkbox" value="tearm" required />
<label for="prTearm">I agree with the terms and conditions</label>
</div>
</div>
<!-- End Product Action -->
</form>
<!-- End Product Form -->
<!-- Social Sharing -->
<div class="social-sharing d-flex-center justify-content-center mt-2">
<span class="sharing-lbl me-2">Share :</span>
<a 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 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 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 href="#" class="d-flex-center btn btn-link btn--share share-linkedin" data-bs-toggle="tooltip" data-bs-placement="top" title="Share on Linkedin"><i class="icon an an-linkedin mx-1"></i><span class="share-title d-none">Linkedin</span></a>
<a 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>
</div>
</div>
</div>
</section>
<!--End Featured Product Content-->
<!--Newsletter Section-->
<section class="section newsletter-section">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="section-header">
<h2>Get The Latest Deals</h2>
<p>Receive $20 Coupon for first shopping</p>
</div>
<div class="display-table">
<div class="display-table-cell newsletter-form">
<form action="#" method="post">
<div class="input-group">
<input type="email" class="input-group__field newsletter-input rounded-0" name="EMAIL" value="" placeholder="Email address" required>
<span class="input-group__btn">
<button type="submit" class="btn newsletter__submit" name="commit"><span class="newsletter__submit-text--large">Subscribe</span></button>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Newsletter Section-->
</div>
<!--End Body Container-->
<!--Footer-->
<div class="footer footer-3">
<div class="footer-top clearfix">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 col-md-3 col-lg-2 footer-links">
<h4 class="h4">Informations</h4>
<ul>
<li><a href="my-account.html">My Account</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Sign Up</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-6 col-lg-8 text-center about-col px-lg-5">
<img src="assets/images/logo-sticky-demo3.png" alt="Optimal" class="mb-4" />
<p>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, Modern and flexible template designed With fast-loading pages.</p>
<p><b>Got Question? Call Us 24/7</b> <br>+012 456 5268</p>
</div>
<div class="col-12 col-sm-12 col-md-3 col-lg-2 social-icons-col">
<h4 class="h4">Stay Connected</h4>
<ul class="d-flex flex-column">
<li><a href="#" class="d-flex-center"><i class="an an-facebook" aria-hidden="true"></i> <span>Facebook</span></a></li>
<li><a href="#" class="d-flex-center"><i class="an an-twitter" aria-hidden="true"></i> <span>Twitter</span></a></li>
<li><a href="#" class="d-flex-center"><i class="an an-pinterest-p" aria-hidden="true"></i> <span>Pinterest</span></a></li>
<li><a href="#" class="d-flex-center"><i class="an an-instagram" aria-hidden="true"></i> <span>Instagram</span></a></li>
<li><a href="#" class="d-flex-center"><i class="an an-whatsapp" aria-hidden="true"></i> <span>Whatsapp</span></a></li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12 mt-4 text-center">
<ul class="list-inline mb-0">
<li class="list-inline-item px-2"><a href="aboutus-style1.html">About us</a></li>
<li class="list-inline-item px-2"><a href="faqs-style1.html">FAQ's</a></li>
<li class="list-inline-item px-2"><a href="contact-style1.html">Contact Us</a></li>
<li class="list-inline-item px-2"><a href="#">Orders and Returns</a></li>
<li class="list-inline-item px-2"><a href="#">Support Center</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">© 2022 Optimal. All Rights Reserved.</div>
</div>
</div>
</div>
</div>
<!--End Footer-->
<!--Scoll Top-->
<span id="site-scroll"><i class="icon an an-arw-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 text-black">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 mb-1">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 rounded-0">
<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 mb-1">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 rounded-0">
<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 text-black">
<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">$158.00</span>
</div>
<a href="checkout-style1.html" class="w-100 p-2 my-2 btn btn-primary proceed-to-checkout">Proceed to Checkout</a>
<a href="cart-style1.html" class="w-100 btn btn-outline-primary cart-btn">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" 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" 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 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 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 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 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 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 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-->
<!--Size Chart-->
<div id="sizechart" class="mfpbox mfp-with-anim mfp-hide">
<h4 class="fw-bold">Size Guide</h4>
<p class="text-center">This is a standardised guide to give you an idea of what size you will need, however some brands may vary from these conversions.</p>
<p><strong>Ready to Wear Clothing</strong></p>
<div class="table-responsive px-1">
<table class="table table-bordered align-middle">
<tbody>
<tr>
<th>Size</th>
<th>XXS - XS</th>
<th>XS - S</th>
<th>S - M</th>
<th>M - L</th>
<th>L - XL</th>
<th>XL - XXL</th>
</tr>
<tr>
<td>UK</td>
<td>6</td>
<td>8</td>
<td>10</td>
<td>12</td>
<td>14</td>
<td>16</td>
</tr>
<tr>
<td>US</td>
<td>2</td>
<td>4</td>
<td>6</td>
<td>8</td>
<td>10</td>
<td>12</td>
</tr>
<tr>
<td>Italy (IT)</td>
<td>38</td>
<td>40</td>
<td>42</td>
<td>44</td>
<td>46</td>
<td>48</td>
</tr>
<tr>
<td>France (FR/EU)</td>
<td>34</td>
<td>36</td>
<td>38</td>
<td>40</td>
<td>42</td>
<td>44</td>
</tr>
<tr>
<td>Denmark</td>
<td>32</td>
<td>34</td>
<td>36</td>
<td>38</td>
<td>40</td>
<td>42</td>
</tr>
<tr>
<td>Russia</td>
<td>40</td>
<td>42</td>
<td>44</td>
<td>46</td>
<td>48</td>
<td>50</td>
</tr>
<tr>
<td>Germany</td>
<td>32</td>
<td>34</td>
<td>36</td>
<td>38</td>
<td>40</td>
<td>42</td>
</tr>
<tr>
<td>Japan</td>
<td>5</td>
<td>7</td>
<td>9</td>
<td>11</td>
<td>13</td>
<td>15</td>
</tr>
<tr>
<td>Australia</td>
<td>6</td>
<td>8</td>
<td>10</td>
<td>12</td>
<td>14</td>
<td>16</td>
</tr>
<tr>
<td>Korea</td>
<td>33</td>
<td>44</td>
<td>55</td>
<td>66</td>
<td>77</td>
<td>88</td>
</tr>
<tr>
<td>China</td>
<td>160/84</td>
<td>165/86</td>
<td>170/88</td>
<td>175/90</td>
<td>180/92</td>
<td>185/94</td>
</tr>
<tr>
<td><strong>Jeans</strong></td>
<td>24-25</td>
<td>26-27</td>
<td>27-28</td>
<td>29-30</td>
<td>31-32</td>
<td>32-33</td>
</tr>
</tbody>
</table>
</div>
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
</div>
<!--End Size Chart-->
<!--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-0">Go To Checkout</a>
<a href="index-2.html" class="btn rounded-0">Continue Shopping</a>
</div>
</div>
</div>
</div>
<!-- End Addtocart Added Popup-->
<!--Newsletter Popup-->
<div id="newsletter-modal" class="style3 mfp-with-anim mfp-hide">
<div class="d-flex flex-row align-items-center">
<div class="newsltr-img position-absolute w-100 h-100"></div>
<div class="newsltr-text text-center">
<div class="wraptext">
<h2 class="title text-transform-none mb-3">Let's celebrate Women's day</h2>
<p class="mb-3">Use Promo code : <strong>WOMEN50F</strong> <br> for every purchase</p>
<a href="shop-left-sidebar.html" class="btn mcNsBtn mt-1 rounded-0 w-auto"><span>Shop Now</span></a>
<!--Social Icons-->
<ul class="social-icons list-inline justify-content-center pt-1 my-3">
<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-instagram" aria-hidden="true"></i><span class="tooltip-label">Instagram</span></a></li>
<li class="list-inline-item"><a href="#"><i class="an an-linkedin" aria-hidden="true"></i><span class="tooltip-label">Linkedin</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>
<!--End Social Icons-->
<div class="customCheckbox justify-content-center checkboxlink clearfix">
<input id="dontshow" name="newsPopup" type="checkbox" />
<label for="dontshow" class="">NO, THANK YOU</label>
</div>
</div>
</div>
</div>
<button title="Close (Esc)" type="button" class="mfp-close text-black">×</button>
</div>
<!--End Newsletter 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>
<!--Newsletter Popup Cookies-->
<script>
function newsletter_popup() {
var cookieSignup = "cookieSignup", date = new Date();
if ($.cookie(cookieSignup) != 'true' && window.location.href.indexOf("challenge#newsletter-modal") <= -1) {
setTimeout(function () {
$.magnificPopup.open({
items: {
src: '#newsletter-modal'
}
, type: 'inline', removalDelay: 300, mainClass: 'mfp-zoom-in'
}
);
}
, 5000);
}
$.magnificPopup.instance.close = function () {
if ($("#dontshow").prop("checked") == true) {
$.cookie(cookieSignup, 'true', {
expires: 1, path: '/'
}
);
}
$.magnificPopup.proto.close.call(this);
};
}
newsletter_popup();
</script>
<!--End Newsletter Popup Cookies-->
</div>
<!--End Page Wrapper-->
</body>
<!-- Mirrored from template.annimexweb.com/optimal/index-demo3.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Oct 2022 06:11:56 GMT -->
</html>