<header> <div class="top-header"> <div class="mobile-fix-option"></div> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li> </ul> </div> </div> <div class="col-lg-6 text-end"> <ul class="header-dropdown"> <li class="mobile-wishlist"> <a href="#!"> <i class="ri-heart-fill"></i> </a> </li> <li class="onhover-dropdown mobile-account"> <i class="ri-user-fill"></i> My Account <ul class="onhover-show-div"> <li> <a href="login.html">Login</a> </li> <li> <a href="register.html">register</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="navbar"> <a href="#!" onclick="openNav()"> <div class="bar-style"> <i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> </a> <div id="mySidenav" class="sidenav"> <a href="#!" class="sidebar-overlay" onclick="closeNav()"></a> <nav> <div onclick="closeNav()"> <div class="sidebar-back text-start"> <i class="fa fa-angle-left pe-2"></i> Back </div> </div> <ul id="sub-menu" class="sm pixelstrap sm-vertical"> <li> <a href="#!">clothing</a> <ul class="mega-menu clothing-menu"> <li> <div class="row m-0"> <div class="col-xl-4"> <div class="link-section"> <h5>women's fashion</h5> <ul> <li> <a href="#!">dresses</a> </li> <li> <a href="#!">skirts</a> </li> <li> <a href="#!">western wear</a> </li> <li> <a href="#!">ethic wear</a> </li> <li> <a href="#!">sport wear</a> </li> </ul> <h5>men's fashion</h5> <ul> <li> <a href="#!">sports wear</a> </li> <li> <a href="#!">western wear</a> </li> <li> <a href="#!">ethic wear</a> </li> </ul> </div> </div> <div class="col-xl-4"> <div class="link-section"> <h5>accessories</h5> <ul> <li> <a href="#!">fashion jewellery</a> </li> <li> <a href="#!">caps and hats</a> </li> <li> <a href="#!">precious jewellery</a> </li> <li> <a href="#!">necklaces</a> </li> <li> <a href="#!">earrings</a> </li> <li> <a href="#!">wrist wear</a> </li> <li> <a href="#!">ties</a> </li> <li> <a href="#!">cufflinks</a> </li> <li> <a href="#!">pockets squares</a> </li> </ul> </div> </div> <div class="col-xl-4"> <a href="#!" class="mega-menu-banner"> <img src="../assets/images/mega-menu/fashion.jpg" alt="" class="img-fluid blur-up lazyload"> </a> </div> </div> </li> </ul> </li> <li> <a href="#!">bags</a> <ul> <li> <a href="#!">shopper bags</a> </li> <li> <a href="#!">laptop bags</a> </li> <li> <a href="#!">clutches</a> </li> <li> <a href="#!">purses</a> <ul> <li> <a href="#!">purses</a> </li> <li> <a href="#!">wallets</a> </li> <li> <a href="#!">leathers</a> </li> <li> <a href="#!">satchels</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">bags</a> <ul> <li> <a href="#!">shopper bags</a> </li> <li> <a href="#!">laptop bags</a> </li> <li> <a href="#!">clutches</a> </li> <li> <a href="#!">purses</a> <ul> <li> <a href="#!">purses</a> </li> <li> <a href="#!">wallets</a> </li> <li> <a href="#!">leathers</a> </li> <li> <a href="#!">satchels</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">bags</a> <ul> <li> <a href="#!">shopper bags</a> </li> <li> <a href="#!">laptop bags</a> </li> <li> <a href="#!">clutches</a> </li> <li> <a href="#!">purses</a> <ul> <li> <a href="#!">purses</a> </li> <li> <a href="#!">wallets</a> </li> <li> <a href="#!">leathers</a> </li> <li> <a href="#!">satchels</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">footwear</a> <ul> <li> <a href="#!">sport shoes</a> </li> <li> <a href="#!">formal shoes</a> </li> <li> <a href="#!">casual shoes</a> </li> </ul> </li> <li> <a href="#!">watches</a> </li> <li> <a href="#!">Accessories</a> <ul> <li> <a href="#!">fashion jewellery</a> </li> <li> <a href="#!">caps and hats</a> </li> <li> <a href="#!">precious jewellery</a> </li> <li> <a href="#!">more..</a> <ul> <li> <a href="#!">necklaces</a> </li> <li> <a href="#!">earrings</a> </li> <li> <a href="#!">wrist wear</a> </li> <li> <a href="#!">accessories</a> <ul> <li> <a href="#!">ties</a> </li> <li> <a href="#!">cufflinks</a> </li> <li> <a href="#!">pockets squares</a> </li> <li> <a href="#!">helmets</a> </li> <li> <a href="#!">scarves</a> </li> <li> <a href="#!">more...</a> <ul> <li> <a href="#!">accessory gift sets</a> </li> <li> <a href="#!">travel accessories</a> </li> <li> <a href="#!">phone cases</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">belts & more</a> </li> <li> <a href="#!">wearable</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">house of design</a> </li> <li> <a href="#!">beauty & personal care</a> <ul> <li> <a href="#!">makeup</a> </li> <li> <a href="#!">skincare</a> </li> <li> <a href="#!">premium beauty</a> </li> <li> <a href="#!">more</a> <ul> <li> <a href="#!">fragrances</a> </li> <li> <a href="#!">luxury beauty</a> </li> <li> <a href="#!">hair care</a> </li> <li> <a href="#!">tools & brushes</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">home & decor</a> </li> <li> <a href="#!">kitchen</a> </li> </ul> </nav> </div> </div> <div class="brand-logo"> <a href="index.html"> <img src="../assets/images/logo.png" class="img-fluid blur-up lazyload" alt=""> </a> </div> </div> </div> </div> </div> </div> </header>

<header> <div class="container layout3-menu"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left around-border"> <div class="navbar"> <a href="#!" onclick="openNav()"> <i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </a> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a> <nav> <a href="javascript:void(0)" onclick="closeNav()"> <div class="sidebar-back text-start"> <i class="fa fa-angle-left pe-2"></i> Back </div> </a> <ul id="sub-menu" class="sm pixelstrap sm-vertical"> <li> <a href="#!">clothing</a> <ul class="mega-menu clothing-menu"> <li> <div class="row m-0"> <div class="col-xl-4"> <div class="link-section"> <h5>women's fashion</h5> <ul> <li> <a href="#!">dresses</a> </li> <li> <a href="#!">skirts</a> </li> <li> <a href="#!">western wear</a> </li> <li> <a href="#!">ethic wear</a> </li> <li> <a href="#!">sport wear</a> </li> </ul> <h5>men's fashion</h5> <ul> <li> <a href="#!">sports wear</a> </li> <li> <a href="#!">western wear</a> </li> <li> <a href="#!">ethic wear</a> </li> </ul> </div> </div> <div class="col-xl-4"> <div class="link-section"> <h5>accessories</h5> <ul> <li> <a href="#!">fashion jewellery</a> </li> <li> <a href="#!">caps and hats</a> </li> <li> <a href="#!">precious jewellery</a> </li> <li> <a href="#!">necklaces</a> </li> <li> <a href="#!">earrings</a> </li> <li> <a href="#!">wrist wear</a> </li> <li> <a href="#!">ties</a> </li> <li> <a href="#!">cufflinks</a> </li> <li> <a href="#!">pockets squares</a> </li> </ul> </div> </div> <div class="col-xl-4"> <a href="#!" class="mega-menu-banner"> <img src="../assets/images/mega-menu/bag.jpg" alt="" class="img-fluid blur-up lazyload"> </a> </div> </div> </li> </ul> </li> <li> <a href="#!">bags</a> <ul> <li> <a href="#!">shopper bags</a> </li> <li> <a href="#!">laptop bags</a> </li> <li> <a href="#!">clutches</a> </li> <li> <a href="#!">purses</a> <ul> <li> <a href="#!">purses</a> </li> <li> <a href="#!">wallets</a> </li> <li> <a href="#!">leathers</a> </li> <li> <a href="#!">satchels</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">footwear</a> <ul> <li> <a href="#!">sport shoes</a> </li> <li> <a href="#!">formal shoes</a> </li> <li> <a href="#!">casual shoes</a> </li> </ul> </li> <li> <a href="#!">watches</a> </li> <li> <a href="#!">Accessories</a> <ul> <li> <a href="#!">fashion jewellery</a> </li> <li> <a href="#!">caps and hats</a> </li> <li> <a href="#!">precious jewellery</a> </li> <li> <a href="#!">more..</a> <ul> <li> <a href="#!">necklaces</a> </li> <li> <a href="#!">earrings</a> </li> <li> <a href="#!">wrist wear</a> </li> <li> <a href="#!">accessories</a> <ul> <li> <a href="#!">ties</a> </li> <li> <a href="#!">cufflinks</a> </li> <li> <a href="#!">pockets squares</a> </li> <li> <a href="#!">helmets</a> </li> <li> <a href="#!">scarves</a> </li> <li> <a href="#!">more...</a> <ul> <li> <a href="#!">accessory gift sets</a> </li> <li> <a href="#!">travel accessories</a> </li> <li> <a href="#!">phone cases</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">belts & more</a> </li> <li> <a href="#!">wearable</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">house of design</a> </li> <li> <a href="#!">beauty & personal care</a> <ul> <li> <a href="#!">makeup</a> </li> <li> <a href="#!">skincare</a> </li> <li> <a href="#!">premium beauty</a> </li> <li> <a href="#!">more</a> <ul> <li> <a href="#!">fragrances</a> </li> <li> <a href="#!">luxury beauty</a> </li> <li> <a href="#!">hair care</a> </li> <li> <a href="#!">tools & brushes</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">home & decor</a> </li> <li> <a href="#!">kitchen</a> </li> </ul> </nav> </div> </div> <div class="main-menu-right"> <nav id="main-nav"> <div class="toggle-nav"> <i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li> <a href="index.html">Home</a> </li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li> <a target="_blank" href="invoice-1.html">invoice 1</a> </li> <li> <a target="_blank" href="invoice-2.html">invoice 2</a> </li> <li> <a target="_blank" href="invoice-3.html">invoice 3</a> </li> <li> <a target="_blank" href="invoice-4.html">invoice 4</a> </li> <li> <a target="_blank" href="invoice-5.html">invoice 5</a> </li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li> <a href="elements.html"> elements page <i class="ms-2 fa fa-bolt icon-trend"></i> </a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li> <a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li> <a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li> <a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li> <a target="_blank" href="../email-template/offer.html">offer</a> </li> <li> <a target="_blank" href="../email-template/offer-2.html">offer 2</a> </li> <li> <a target="_blank" href="../email-template/product-review.html">review</a> </li> <li> <a target="_blank" href="../email-template/featured-products.html">featured product</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li> <a target="_blank" href="../email-template/black-friday.html">black friday</a> </li> <li> <a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li> <a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li> <a target="_blank" href="../email-template/flash-sale.html">flash sale</a> </li> <li> <a target="_blank" href="../email-template/email-order-success.html">order success</a> </li> <li> <a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li> <a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li> <a href="fashion-4.html">bottom left</a> </li> <li> <a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li> <a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li> <a href="index.html">Newsletter</a> </li> <li> <a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li> <a href="christmas.html">christmas</a> </li> <li> <a href="furniture-3.html">black friday</a> </li> <li> <a href="fashion-4.html">cyber monday</a> </li> <li> <a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li> <a href="nursery.html">cart modal popup</a> </li> <li> <a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li> <a href="bags.html">cart top</a> </li> <li> <a href="shoes.html">cart bottom</a> </li> <li> <a href="watch.html">cart left</a> </li> <li> <a href="tools.html">cart right</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(accordian).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(accordian).html">Size Chart</a> </li> <li> <a href="product-page(accordian).html">Delivery & Return</a> </li> <li> <a href="product-page(accordian).html">Product Review</a> </li> <li> <a href="product-page(accordian).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li> <a href="vendor-dashboard.html">vendor dashboard</a> </li> <li> <a href="vendor-profile.html">vendor profile</a> </li> <li> <a href="become-vendor.html">become vendor</a> </li> </ul> </li> <li> <a href="#!">account</a> <ul> <li> <a href="wishlist.html">wishlist</a> </li> <li> <a href="cart.html">cart</a> </li> <li> <a href="dashboard.html">Dashboard</a> </li> <li> <a href="login.html">login</a> </li> <li> <a href="register.html">register</a> </li> <li> <a href="contact.html">contact</a> </li> <li> <a href="forget_pwd.html">forget password</a> </li> <li> <a href="profile.html">profile</a> </li> <li> <a href="checkout.html">checkout</a> </li> <li> <a href="order-success.html">order success</a> </li> <li> <a href="order-tracking.html">order tracking<span class="new-tag">new</span></a> </li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li> <a href="grid-2-col.html">grid 2</a> </li> <li> <a href="grid-3-col.html">grid 3</a> </li> <li> <a href="grid-4-col.html">grid 4</a> </li> </ul> </li> <li><a href="">masonry</a> <ul> <li> <a href="masonary-2-grid.html">grid 2</a> </li> <li> <a href="masonary-3-grid.html">grid 3</a> </li> <li> <a href="masonary-4-grid.html">grid 4</a> </li> <li> <a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li> <a href="about-page.html">about us</a> </li> <li> <a href="search.html">search</a> </li> <li> <a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li> <a href="compare.html">compare</a> </li> <li> <a href="compare-2.html">compare-2</a> </li> </ul> </li> <li> <a href="collection.html">collection</a> </li> <li> <a href="lookbook.html">lookbook</a> </li> <li> <a href="sitemap.html">site map</a> </li> <li> <a href="404.html">404</a> </li> <li> <a href="coming-soon.html">coming soon</a> </li> <li> <a href="faq.html">FAQ</a> </li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li> <a href="blog-page.html">left sidebar</a> </li> <li> <a href="blog(right-sidebar).html">right sidebar</a> </li> <li> <a href="blog(no-sidebar).html">no sidebar</a> </li> <li> <a href="blog-details.html">blog details</a> </li> </ul> </li> </ul> </nav> </div> </div> <div class="absolute-logo"> <div class="brand-logo"> <a href="index.html"> <img alt="" src="../assets/images/fashion-2/logo.png"> </a> </div> </div> <div> <div class="menu-right pull-right"> <div> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div> <i class="ri-equalizer-2-line"></i> </div> <div class="show-div setting"> <h6>language</h6> <ul> <li> <a href="#!">english</a> </li> <li> <a href="#!">french</a> </li> </ul> <h6>currency</h6> <ul class="list-inline"> <li> <a href="#!">euro</a> </li> <li> <a href="#!">rupees</a> </li> <li> <a href="#!">pound</a> </li> <li> <a href="#!">dollar</a> </li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </header>

<header class="header-2 position-relative w-auto"> <div class="mobile-fix-option"></div> <div class="top-header"> <div class="container container-lg"> <div class="row"> <div class="col-lg-6">

<header class="header-style-1"> <div class="mobile-fix-option"></div> <div class="top-header dark-top"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li> </ul> </div> </div> <div class="col-lg-6 text-end"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i></a> </li> <li class="onhover-dropdown mobile-account px-0"> <i class="ri-user-fill"></i> My Account <ul class="onhover-show-div"> <li><a href="login.html">Login</a></li> <li><a href="register.html">register</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col"> <nav class="navbar navbar-expand navbar-light p-0 d-md-none d-block"> <div class="collapse navbar-collapse"> <ul class="navbar-nav me-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Women <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Men</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Kids</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Home decor</a> </li> </ul> </div> </nav> </div> </div> </div> <div class="bg-light-xl"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="brand-logo me-4"> <a href="index.html"><img src="../assets/images/fashion-5/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> <nav class="navbar navbar-expand-sm navbar-light pe-0 d-none d-md-block"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Women <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Men</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Kids</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Home decor</a> </li> </ul> </div> </nav> </div> <div class="menu-right pull-right"> <div> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div><i class="ri-equalizer-2-line"></i> </div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#!">english</a></li> <li><a href="#!">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#!">euro</a></li> <li><a href="#!">rupees</a></li> <li><a href="#!">pound</a></li> <li><a href="#!">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> <div class="d-sm-none d-block"> <a href="#" class="btn btn-solid btn-xs btn-rounded">login</a> </div> </div> </div> </div> </div> </div> </div> <div class="bg-light"> <div class="container"> <div class="col-12"> <nav id="main-nav"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </header>

<header class="header-2 position-relative w-auto"> <div class="mobile-fix-option"></div> <div class="top-header"> <div class="container container-lg"> <div class="row"> <div class="col-lg-6">

<header class="header-2"> <div class="mobile-fix-option"></div> <div class="top-header top-header-dark"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li> </ul> </div> </div> <div class="col-lg-6 text-end"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i> wishlist</a></li> <li class="onhover-dropdown mobile-account"><i class="ri-user-fill"></i> My Account <ul class="onhover-show-div"> <li><a href="login.html">Login</a></li> <li><a href="register.html">register</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu border-section border-top-0"> <div class="menu-left"> <div class="navbar"><a href="javascript:void(0)" onclick="openNav()"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></a> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="sidebar-overlay" onclick="closeNav()"></a> <nav> <a href="javascript:void(0)" onclick="closeNav()"> <div class="sidebar-back text-start"><i class="fa fa-angle-left pe-2"></i> Back</div> </a> <!-- Vertical Menu --> <ul id="sub-menu" class="sm pixelstrap sm-vertical"> <li><a href="#">clothing</a> <ul class="mega-menu clothing-menu"> <li> <div class="row m-0"> <div class="col-xl-4"> <div class="link-section"> <h5>women's fashion</h5> <ul> <li><a href="#">dresses</a></li> <li><a href="#">skirts</a></li> <li><a href="#">westarn wear</a></li> <li><a href="#">ethic wear</a></li> <li><a href="#">sport wear</a></li> </ul> <h5>men's fashion</h5> <ul> <li><a href="#">sports wear</a></li> <li><a href="#">western wear</a></li> <li><a href="#">ethic wear</a></li> </ul> </div> </div> <div class="col-xl-4"> <div class="link-section"> <h5>accessories</h5> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> </ul> </div> </div> <div class="col-xl-4"> <a href="#" class="mega-menu-banner"><img src="../assets/images/mega-menu/furniture/1.jpg" alt="" class="img-fluid blur-up lazyload"></a> </div> </div> </li> </ul> </li> <li><a href="#">bags</a> <ul> <li><a href="#">shopper bags</a></li> <li><a href="#">laptop bags</a></li> <li><a href="#">clutches</a></li> <li><a href="#">purses</a> <ul> <li><a href="#">purses</a></li> <li><a href="#">wallets</a></li> <li><a href="#">leathers</a></li> <li><a href="#">satchels</a></li> </ul> </li> </ul> </li> <li><a href="#">footwear</a> <ul> <li><a href="#">sport shoes</a></li> <li><a href="#">formal shoes</a></li> <li><a href="#">casual shoes</a></li> </ul> </li> <li><a href="#">watches</a></li> <li><a href="#">Accessories</a> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li><a href="#">more..</a> <ul> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li><a href="#">accessories</a> <ul> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> <li><a href="#">helmets</a></li> <li><a href="#">scarves</a></li> <li><a href="#">more...</a> <ul> <li><a href="#">accessory gift sets</a></li> <li><a href="#">travel accessories</a></li> <li><a href="#">phone cases</a></li> </ul> </li> </ul> </li> <li><a href="#">belts & more</a></li> <li><a href="#">wearable</a></li> </ul> </li> </ul> </li> <li><a href="#">house of design</a></li> <li><a href="#">beauty & personal care</a> <ul> <li><a href="#">makeup</a></li> <li><a href="#">skincare</a></li> <li><a href="#">premium beauty</a></li> <li><a href="#">more</a> <ul> <li><a href="#">fragrances</a></li> <li><a href="#">luxury beauty</a></li> <li><a href="#">hair care</a></li> <li><a href="#">tools & brushes</a></li> </ul> </li> </ul> </li> <li><a href="#">home & decor</a></li> <li><a href="#">kitchen</a></li> </ul> </nav> </div> </div> </div> <div class="brand-logo layout2-logo"> <a href="#"><img src="../assets/images/furniture-1/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> <div class="menu-right pull-right"> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div><i class="ri-settings-2-line"></i> </div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a></li> <li><a href="#">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a></li> <li><a href="#">rupees</a></li> <li><a href="#">pound</a></li> <li><a href="#">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="main-nav-center"> <nav id="main-nav"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </header>

<header class="header-style-5 style-light"> <div class="mobile-fix-option"></div> <div class="top-header top-header-dark2"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li> </ul> </div> </div> <div class="col-lg-6 text-end"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i></a> </li> <li class="onhover-dropdown mobile-account"> <i class="ri-user-fill"></i> My Account <ul class="onhover-show-div"> <li><a href="login.html">Login</a></li> <li><a href="register.html">register</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="navbar d-block d-xl-none"> <a href="javascript:void(0)"> <div class="bar-style" id="toggle-sidebar-res"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> </a> </div> <div class="brand-logo"> <a href="index.html"><img src="../assets/images/furniture-2/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <div> <form class="form_search" role="form"> <input id="query search-autocomplete" type="search" placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field" aria-expanded="true"> <button type="submit" name="nav-submit-button" class="btn-search"> <i class="ri-search-line"></i> </button> </form> </div> <div class="menu-right pull-right"> <div> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search d-xl-none d-inline-block"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div><i class="ri-settings-2-line"></i></div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a></li> <li><a href="#">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a></li> <li><a href="#">rupees</a></li> <li><a href="#">pound</a></li> <li><a href="#">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="bottom-part bottom-light"> <div class="container"> <div class="row"> <div class="col-xl-3"> <div class="category-menu d-none d-xl-block h-100"> <div id="toggle-sidebar" class="toggle-sidebar"> <i class="ri-bar-chart-horizontal-line sidebar-bar"></i> <h5 class="mb-0">shop by category</h5> </div> </div> <div class="sidenav fixed-sidebar marketplace-sidebar svg-icon-menu"> <nav> <div> <div class="sidebar-back text-start d-xl-none d-block"><i class="fa fa-angle-left pe-2"></i> Back</div> </div> <ul id="sub-menu" class="sm pixelstrap sm-vertical"> <li> <a href="#">fruits & vegetable</a> </li> <li> <a href="#">eggs, meat, fish</a> <ul> <li><a href="#">makeup</a></li> <li><a href="#">skincare</a></li> <li><a href="#">premium beauty</a></li> <li> <a href="#">more</a> <ul> <li><a href="#">fragrances</a></li> <li><a href="#">luxury beauty</a></li> <li><a href="#">hair care</a></li> <li><a href="#">tools & brushes</a></li> </ul> </li> </ul> </li> <li> <a href="#">food grains</a> <ul> <li><a href="#">shopper bags</a></li> <li><a href="#">laptop bags</a></li> <li><a href="#">clutches</a></li> <li> <a href="#">purses</a> <ul> <li><a href="#">purses</a></li> <li><a href="#">wallets</a></li> <li><a href="#">leathers</a></li> <li><a href="#">satchels</a></li> </ul> </li> </ul> </li> <li> <a href="#">bakery & dairy</a> <ul> <li><a href="#">sport shoes</a></li> <li><a href="#">formal shoes</a></li> <li><a href="#">casual shoes</a></li> </ul> </li> <li><a href="#">beverages</a></li> <li> <a href="#">snacks</a> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li> <a href="#">more..</a> <ul> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li> <a href="#">accessories</a> <ul> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> <li><a href="#">helmets</a></li> <li><a href="#">scarves</a></li> <li> <a href="#">more...</a> <ul> <li><a href="#">accessory gift sets</a></li> <li><a href="#">travel accessories</a></li> <li><a href="#">phone cases</a></li> </ul> </li> </ul> </li> <li><a href="#">belts & more</a></li> <li><a href="#">wearable</a></li> </ul> </li> </ul> </li> <li><a href="#">beauty product</a></li> <li><a href="#">gourment</a></li> <li><a href="#">kitchen, garden</a></li> <li><a href="#">kitchen, garden</a></li> </ul> </nav> </div> </div> <div class="col-xl-9"> <div class="main-nav-center"> <nav id="main-nav" class="text-start"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </div> </header>

<header class="header-5 text-light-header"> <div class="mobile-fix-option"></div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="brand-logo"> <a href="index.html"> <img src="../assets/images/furniture-3/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <div class="menu-right pull-right"> <div> <nav id="main-nav"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> <div class="top-header"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"> <i class="ri-heart-line"></i> </a></li> <li class="onhover-dropdown mobile-account"> <i class="ri-user-6-line"></i> <ul class="onhover-show-div"> <li> <a href="#" data-lng="en"> Login </a> </li> <li> <a href="#" data-lng="es"> Logout </a> </li> </ul> </li> </ul> </div> <div> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div> <i class="ri-equalizer-2-line"></i> </div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a> </li> <li><a href="#">french</a> </li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a> </li> <li><a href="#">rupees</a> </li> <li><a href="#">pound</a> </li> <li><a href="#">doller</a> </li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </header>

<header class="header-tools header-style"> <div class="mobile-fix-option"></div> <div class="logo-menu-part"> <div class="container border-bottom-0"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="brand-logo"> <a href="index.html"> <img src="../assets/images/bicycle/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <div class="menu-right pull-right"> <div> <nav id="main-nav"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i> </div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a> </li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a> </li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a> </li> <li><a href="tools.html">cart right</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> <div class="top-header"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"><i class="ri-heart-line"></i></a></li> <li class="onhover-dropdown mobile-account"> <i class="ri-user-line"></i> <ul class="onhover-show-div"> <li> <a href="#" data-lng="en"> Login </a> </li> <li> <a href="#" data-lng="es"> Logout </a> </li> </ul> </li> </ul> </div> <div> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div> <i class="ri-settings-2-line"></i> </div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a> </li> <li><a href="#">french</a> </li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a> </li> <li><a href="#">rupees</a> </li> <li><a href="#">pound</a> </li> <li><a href="#">doller</a> </li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </header>

<header class="header-style-5"> <div class="mobile-fix-option"></div> <div class="top-header top-header-dark"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li> </ul> </div> </div> <div class="col-lg-6 text-end"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"><i class="ri-heart-fill"></i></a> </li> <li class="onhover-dropdown mobile-account"> <i class="ri-user-fill"></i> My Account <ul class="onhover-show-div"> <li><a href="login.html">Login</a></li> <li><a href="register.html">register</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="navbar d-block d-xl-none"> <a href="javascript:void(0)"> <div class="bar-style" id="toggle-sidebar-res"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> </a> </div> <div class="brand-logo"> <a href="index.html"><img src="../assets/images/electronics-3/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <div> <form class="form_search" role="form"> <input id="query search-autocomplete" type="search" placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field" aria-expanded="true"> <button type="submit" name="nav-submit-button" class="btn-search"> <i class="ri-search-line"></i> </button> </form> </div> <div class="menu-right pull-right"> <nav class="text-start"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div> </nav> <div> <div class="icon-nav"> <ul> <li class="onhover-div d-xl-none d-inline-block mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div> <i class="ri-settings-2-line"></i></div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a></li> <li><a href="#">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a></li> <li><a href="#">rupees</a></li> <li><a href="#">pound</a></li> <li><a href="#">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="bottom-part bottom-light"> <div class="container"> <div class="row"> <div class="col-xl-3"> <div class="category-menu d-none d-xl-block h-100"> <div id="toggle-sidebar" class="toggle-sidebar"> <i class="ri-bar-chart-horizontal-line sidebar-bar"></i> <h5 class="mb-0">shop by category</h5> </div> </div> <div class="sidenav fixed-sidebar marketplace-sidebar"> <nav> <div> <div class="sidebar-back text-start d-xl-none d-block"><i class="fa fa-angle-left pe-2"></i> Back</div> </div> <ul id="sub-menu" class="sm pixelstrap sm-vertical"> <li> <a href="#">TV & Audio</a> <ul class="mega-menu clothing-menu"> <li> <div class="row m-0"> <div class="col-xl-4"> <div class="link-section"> <h5>women's fashion</h5> <ul> <li><a href="#">dresses</a></li> <li><a href="#">skirts</a></li> <li><a href="#">westarn wear</a></li> <li><a href="#">ethic wear</a></li> <li><a href="#">sport wear</a></li> </ul> <h5>men's fashion</h5> <ul> <li><a href="#">sports wear</a></li> <li><a href="#">western wear</a></li> <li><a href="#">ethic wear</a></li> </ul> </div> </div> <div class="col-xl-4"> <div class="link-section"> <h5>accessories</h5> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> </ul> </div> </div> <div class="col-xl-4"> <a href="#" class="mega-menu-banner"><img src="../assets/images/mega-menu/fashion.jpg" alt="" class="img-fluid blur-up lazyload"></a> </div> </div> </li> </ul> </li> <li> <a href="#">air conditioners</a> <ul> <li><a href="#">makeup</a></li> <li><a href="#">skincare</a></li> <li><a href="#">premium beauty</a></li> <li> <a href="#">more</a> <ul> <li><a href="#">fragrances</a></li> <li><a href="#">luxury beauty</a></li> <li><a href="#">hair care</a></li> <li><a href="#">tools & brushes</a></li> </ul> </li> </ul> </li> <li> <a href="#">Refrigerators</a> <ul> <li><a href="#">shopper bags</a></li> <li><a href="#">laptop bags</a></li> <li><a href="#">clutches</a></li> <li> <a href="#">purses</a> <ul> <li><a href="#">purses</a></li> <li><a href="#">wallets</a></li> <li><a href="#">leathers</a></li> <li><a href="#">satchels</a></li> </ul> </li> </ul> </li> <li> <a href="#">Washing Machines</a> <ul> <li><a href="#">sport shoes</a></li> <li><a href="#">formal shoes</a></li> <li><a href="#">casual shoes</a></li> </ul> </li> <li><a href="#">Kitchen & Home</a></li> <li><a href="#">Gaming Consoles</a></li> <li> <a href="#">cameras</a> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li> <a href="#">more..</a> <ul> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li> <a href="#">accessories</a> <ul> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> <li><a href="#">helmets</a></li> <li><a href="#">scarves</a></li> <li> <a href="#">more...</a> <ul> <li><a href="#">accessory gift sets</a></li> <li><a href="#">travel accessories</a></li> <li><a href="#">phone cases</a></li> </ul> </li> </ul> </li> <li><a href="#">belts & more</a></li> <li><a href="#">wearable</a></li> </ul> </li> </ul> </li> <li><a href="#">Heating & Cooling</a></li> <li><a href="#">All accessories </a></li> <li><a href="#">All Electronics </a></li> </ul> </nav> </div> </div> <div class="col-xl-9"> <div class="main-nav-center"> <nav class="text-start"> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </div> </header>

<header class="header-style-5 color-style" id="sticky-header"> <div class="mobile-fix-option"></div> <div class="top-header top-header-theme"> <div class="container"> <div class="row"> <div clas

<header class="header-style-5 color-style style-classic" id="sticky-header"> <div class="mobile-fix-option"></div> <div class="top-header top-header-theme"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><i class="ri-phone-fill"></i>Call Us: 123 - 456 - 7890</li> </ul> </div> </div> <div class="col-lg-6"> <div class="header-contact text-end"> <ul> <li><i class="ri-truck-line"></i>Track Order</li> <li class="pe-0"><i class="ri-gift-line"></i>Gift Cards</li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="navbar d-block d-xl-none"> <a href="javascript:void(0)"> <div class="bar-style" id="toggle-sidebar-res"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i> </div> </a> </div> <div class="brand-logo"> <a href="index.html"><img src="../assets/images/marketplace-2/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <div> <form class="form_search ajax-search the-basics" role="form"> <input type="search" placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field typeahead" aria-expanded="true"> <button type="submit" name="nav-submit-button" class="btn-search"> <i class="ri-search-line"></i> </button> </form> </div> <div class="menu-right pull-right"> <nav class="text-start"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div> </nav> <div class="top-header d-block"> <ul class="header-dropdown"> <li class="mobile-wishlist"><a href="#"><i class="ri-heart-line"></i></a></li> <li class="onhover-dropdown mobile-account"> <a href="login.html"> <i class="ri-user-line"></i> </a> </li> </ul> </div> <div> <div class="icon-nav"> <ul> <li class="onhover-div d-xl-none d-inline-block mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div><i class="ri-settings-2-line"></i></div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a></li> <li><a href="#">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a></li> <li><a href="#">rupees</a></li> <li><a href="#">pound</a></li> <li><a href="#">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="bottom-part"> <div class="container"> <div class="row"> <div class="col-xl-3"> <div class="category-menu d-none d-xl-block h-100"> <div id="toggle-sidebar" class="toggle-sidebar"> <i class="ri-bar-chart-horizontal-line sidebar-bar"></i> <h5 class="mb-0">shop by category</h5> </div> </div> <div class="sidenav fixed-sidebar marketplace-sidebar"> <nav> <div> <div class="sidebar-back text-start d-xl-none d-block"><i class="fa fa-angle-left pe-2"></i> Back</div> </div> <ul id="sub-menu" class="sm pixelstrap sm-vertical"> <li> <a href="#">TV & Audio</a> <ul class="mega-menu clothing-menu"> <li> <div class="row m-0"> <div class="col-xl-4"> <div class="link-section"> <h5>women's fashion</h5> <ul> <li><a href="#">dresses</a></li> <li><a href="#">skirts</a></li> <li><a href="#">westarn wear</a></li> <li><a href="#">ethic wear</a></li> <li><a href="#">sport wear</a></li> </ul> <h5>men's fashion</h5> <ul> <li><a href="#">sports wear</a></li> <li><a href="#">western wear</a></li> <li><a href="#">ethic wear</a></li> </ul> </div> </div> <div class="col-xl-4"> <div class="link-section"> <h5>accessories</h5> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> </ul> </div> </div> <div class="col-xl-4"> <a href="#" class="mega-menu-banner"><img src="../assets/images/mega-menu/fashion.jpg" alt="" class="img-fluid blur-up lazyload"></a> </div> </div> </li> </ul> </li> <li> <a href="#">air conditioners</a> <ul> <li><a href="#">makeup</a></li> <li><a href="#">skincare</a></li> <li><a href="#">premium beauty</a></li> <li> <a href="#">more</a> <ul> <li><a href="#">fragrances</a></li> <li><a href="#">luxury beauty</a></li> <li><a href="#">hair care</a></li> <li><a href="#">tools & brushes</a></li> </ul> </li> </ul> </li> <li> <a href="#">Refrigerators</a> <ul> <li><a href="#">shopper bags</a></li> <li><a href="#">laptop bags</a></li> <li><a href="#">clutches</a></li> <li> <a href="#">purses</a> <ul> <li><a href="#">purses</a></li> <li><a href="#">wallets</a></li> <li><a href="#">leathers</a></li> <li><a href="#">satchels</a></li> </ul> </li> </ul> </li> <li> <a href="#">Washing Machines</a> <ul> <li><a href="#">sport shoes</a></li> <li><a href="#">formal shoes</a></li> <li><a href="#">casual shoes</a></li> </ul> </li> <li><a href="#">Kitchen & Home</a></li> <li><a href="#">Gaming Consoles</a></li> <li> <a href="#">cameras</a> <ul> <li><a href="#">fashion jewellery</a></li> <li><a href="#">caps and hats</a></li> <li><a href="#">precious jewellery</a></li> <li> <a href="#">more..</a> <ul> <li><a href="#">necklaces</a></li> <li><a href="#">earrings</a></li> <li><a href="#">wrist wear</a></li> <li> <a href="#">accessories</a> <ul> <li><a href="#">ties</a></li> <li><a href="#">cufflinks</a></li> <li><a href="#">pockets squares</a></li> <li><a href="#">helmets</a></li> <li><a href="#">scarves</a></li> <li> <a href="#">more...</a> <ul> <li><a href="#">accessory gift sets</a></li> <li><a href="#">travel accessories</a></li> <li><a href="#">phone cases</a></li> </ul> </li> </ul> </li> <li><a href="#">belts & more</a></li> <li><a href="#">wearable</a></li> </ul> </li> </ul> </li> <li><a href="#">Heating & Cooling</a></li> <li><a href="#">All accessories </a></li> <li><a href="#">All Electronics </a></li> </ul> </nav> </div> </div> <div class="col-xl-9"> <div class="main-nav-center"> <nav class="text-start"> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> </div> </div> </div> </div> </header>

<header class="header-style-5 color-style" id="sticky-header"> <div class="mobile-fix-option"></div> <div class="top-header top-header-theme"> <div class="container"> <div class="row"> <div clas

<header class="header-style-7"> <div class="container-fluid px-sm-5"> <div class="row"> <div class="col-12"> <div class="main-menu"> <div class="menu-left"> <div class="navbar d-lg-none d-inline-block"> <a href="javascript:void(0)"> <div class="bar-style"> <i class="ri-bar-chart-horizontal-line"></i> </div> </a> </div> <div class="brand-logo"> <a href="index.html"><img src="../assets/images/icon/logo/37.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <form class="form_search ms-5" role="form"> <input id="query search-autocomplete" type="search" placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field" aria-expanded="true"> <button type="submit" name="nav-submit-button" class="btn-search"> </button> </form> <div class="menu-right ms-auto d-flex align-items-center"> <div class="d-flex align-items-center"> <div class="icon-nav"> <ul class="d-flex align-items-center"> <li data-bs-toggle="modal" data-bs-target="#deliveryarea" class="delivery-area d-xl-none d-inline-flex"> <img src="../assets/images/icon/location-pin.png" class="img-fluid blur-up lazyload" alt=""> </li> <li data-bs-toggle="modal" data-bs-target="#deliveryarea" class="delivery-area d-xl-inline-flex d-none"> <div> <i class="ri-map-pin-2-fill"></i> <h6>201 World Way, California</h6> </div> </li> <li class="onhover-div mobile-search d-xl-none"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <img src="../assets/images/icon/magnifier-zoom.png" class="img-fluid blur-up lazyload" alt=""> </div> </li> <li class="onhover-div mobile-setting"> <div><img src="../assets/images/icon/global.png" class="img-fluid blur-up lazyload" alt=""></div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a></li> <li><a href="#">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a></li> <li><a href="#">rupees</a></li> <li><a href="#">pound</a></li> <li><a href="#">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <img src="../assets/images/icon/trolley.png" class="img-fluid blur-up lazyload" alt=""> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </header>

<header id="sticky-header" class="style-light header-compact"> <div class="mobile-fix-option"></div> <div class="top-header top-header-theme"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="header-contact"> <ul> <li>Welcome to Our store matgrk</li> <li><a href="become-vendor.html" class="text-white fw-bold">Become a Vendor</a></li> </ul> </div> </div> <div class="col-lg-6 text-end"> <ul class="header-dropdown"> <li class="mobile-wishlist pe-0"><a href="#"><i class="ri-heart-fill"></i></a> </li> <li class="onhover-dropdown mobile-account"><i class="ri-user-fill"></i> My Account <ul class="onhover-show-div"> <li><a href="login.html">Login</a></li> <li><a href="register.html">register</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="main-menu"> <div class="menu-left"> <div class="brand-logo"> <a href="index.html"><img src="../assets/images/vegetables-4/logo.png" class="img-fluid blur-up lazyload" alt=""></a> </div> </div> <div> <form class="form_search" role="form"> <input id="query search-autocomplete" type="search" placeholder="Search any Device or Gadgets..." class="nav-search nav-search-field" aria-expanded="true"> <button type="submit" name="nav-submit-button" class="btn-search"> <i class="ri-search-line"></i> </button> </form> </div> <div class="menu-right pull-right"> <div> <div class="icon-nav"> <ul> <li class="onhover-div mobile-search"> <div data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="ri-search-line"></i> </div> </li> <li class="onhover-div mobile-setting"> <div><i class="ri-settings-2-line"></i></div> <div class="show-div setting"> <h6>language</h6> <ul> <li><a href="#">english</a></li> <li><a href="#">french</a></li> </ul> <h6>currency</h6> <ul class="list-inline"> <li><a href="#">euro</a></li> <li><a href="#">rupees</a></li> <li><a href="#">pound</a></li> <li><a href="#">dollar</a></li> </ul> </div> </li> <li class="onhover-div mobile-cart"> <div data-bs-toggle="offcanvas" data-bs-target="#cartOffcanvas"> <i class="ri-shopping-cart-line"></i> </div> <span class="cart_qty_cls">2</span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="bottom-part bottom-light"> <div class="container"> <div class="row"> <div class="col-12 menu-row"> <div data-bs-toggle="modal" data-bs-target="#deliveryarea" class="delivery-area d-md-flex d-none"> <i data-feather="map-pin"></i> <div> <h6>Delivery to</h6> <h5>400520</h5> </div> </div> <div class="main-nav-center"> <nav id="main-nav" class="text-start"> <div class="toggle-nav"><i class="ri-bar-chart-horizontal-line sidebar-bar"></i></div> <ul id="main-menu" class="sm pixelstrap sm-horizontal"> <li class="mobile-box"> <div class="mobile-back text-end">Menu<i class="ri-close-line"></i></div> </li> <li><a href="index.html">Home</a></li> <li class="mega hover-cls"> <a href="#!">feature <div class="lable-nav">new</div></a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>invoice template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="invoice-1.html">invoice 1</a></li> <li><a target="_blank" href="invoice-2.html">invoice 2</a></li> <li><a target="_blank" href="invoice-3.html">invoice 3</a></li> <li><a target="_blank" href="invoice-4.html">invoice 4</a></li> <li><a target="_blank" href="invoice-5.html">invoice 5</a></li> </ul> </div> <div class="menu-title"> <h5>elements</h5> </div> <div class="menu-content"> <ul> <li><a href="elements.html"> elements page<i class="ms-2 fa fa-bolt icon-trend"></i> </a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/welcome.html">welcome</a> </li> <li><a target="_blank" href="../email-template/new-product-announcement.html">announcement</a> </li> <li><a target="_blank" href="../email-template/abandonment-email.html">abandonment</a> </li> <li><a target="_blank" href="../email-template/offer.html">offer</a> </li> <li><a target="_blank" href="../email-template/offer-2.html">offer 2</a></li> <li><a target="_blank" href="../email-template/product-review.html">review</a> </li> <li><a target="_blank" href="../email-template/featured-products.html">featured product</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>email template</h5> </div> <div class="menu-content"> <ul> <li><a target="_blank" href="../email-template/black-friday.html">black friday</a></li> <li><a target="_blank" href="../email-template/christmas.html">christmas</a> </li> <li><a target="_blank" href="../email-template/cyber-monday.html">cyber-monday</a> </li> <li><a target="_blank" href="../email-template/flash-sale.html">flash sale</a></li> <li><a target="_blank" href="../email-template/email-order-success.html">order success</a></li> <li><a target="_blank" href="../email-template/email-order-success-two.html">order success 2</a></li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>cookie bar</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">bottom<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="fashion-4.html">bottom left</a> </li> <li><a href="bicycle.html">bottom right</a> </li> </ul> </div> <div class="menu-title"> <h5>search</h5> </div> <div class="menu-content"> <ul> <li><a href="marketplace-demo-2.html">ajax search<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>model</h5> </div> <div class="menu-content"> <ul> <li><a href="index.html">Newsletter</a></li> <li><a href="index.html">exit<i class="ms-2 fa fa-bolt icon-trend"></i></a> </li> <li><a href="christmas.html">christmas</a> </li> <li><a href="furniture-3.html">black friday</a></li> <li><a href="fashion-4.html">cyber monday</a></li> <li><a href="marketplace-demo-3.html">new year</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>add to cart</h5> </div> <div class="menu-content"> <ul> <li><a href="nursery.html">cart modal popup</a></li> <li><a href="vegetables.html">qty. counter <i class="fa fa-bolt icon-trend"></i></a> </li> <li><a href="bags.html">cart top</a></li> <li><a href="shoes.html">cart bottom</a> </li> <li><a href="watch.html">cart left</a></li> <li><a href="tools.html">cart right</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li> <a href="#!">shop</a> <ul> <li> <a href="category-page(vegetables).html">tab style<span class="new-tag">new</span></a> </li> <li> <a href="category-page(top-filter).html">top filter</a> </li> <li> <a href="category-page(modern).html">modern</a> </li> <li> <a href="category-page.html">left sidebar</a> </li> <li> <a href="category-page(right).html">right sidebar</a> </li> <li> <a href="category-page(no-sidebar).html">no sidebar</a> </li> <li> <a href="category-page(category-slider).html">Category Slider</a> </li> <li> <a href="category-page(sidebar-popup).html">sidebar popup</a> </li> <li> <a href="category-page(metro).html">metro</a> </li> <li> <a href="category-page(full-width).html">full width</a> </li> <li> <a href="category-page(load-more).html">load more</a> </li> <li> <a href=category-page(2-grid).html>two grid</a> </li> <li> <a href=category-page(3-grid).html>three grid</a> </li> <li> <a href="category-page(4-grid).html">four grid</a> </li> <li> <a href="category-page(list-view).html">list view</a> </li> </ul> </li> <li class="mega hover-cls"> <a href="#!">product</a> <ul class="mega-menu full-mega-menu"> <li> <div class="container"> <div class="row g-xl-4 g-0"> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(thumbnail).html">Product Thumbnail</a> </li> <li> <a href="product-page(4-image).html">Product Image</a> </li> <li> <a href="product-page(slider).html">Product Slider</a> </li> <li> <a href="product-page(accordian).html">Product Accordion</a> </li> <li> <a href="product-page(sticky).html">Product Sticky</a> </li> <li> <a href="product-page(vertical-tab).html">Product Vertical Tab</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Page</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(left-sidebar).html">Product Sidebar Left</a> </li> <li> <a href="product-page(right-sidebar).html">Product Sidebar Right</a> </li> <li> <a href="product-page(no-sidebar).html">Product No Sidebar</a> </li> <li> <a href="product-page(accordian).html">Product Column Thumbnail</a> </li> <li> <a href="product-page(image-outside).html">Product Thumbnail Image Outside</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Variants Style</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(3-column).html">Variant Rectangle</a> </li> <li> <a href="product-page(360-view).html">Variant Circle</a> </li> <li> <a href="product-page(accordian).html">Variant Image Swatch</a> </li> <li> <a href="product-page(3-column).html">Variant Color</a> </li> <li> <a href="product-page(vertical-tab).html">Variant Radio Button</a> </li> <li> <a href="product-page(sticky).html">Variant Dropdown</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Product Simple</a> </li> <li> <a href="product-page(left-sidebar).html">Product Classified</a> </li> <li> <a href="product-page(no-sidebar).html">Size Chart</a> </li> <li> <a href="product-page(no-sidebar).html">Delivery & Return</a> </li> <li> <a href="product-page(no-sidebar).html">Product Review</a> </li> <li> <a href="product-page(no-sidebar).html">Ask an Expert</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(bundle).html">Bundle (Cross Sale)</a> </li> <li> <a href="product-page(accordian).html">Hot Stock Progress</a> </li> <li> <a href="product-page(accordian).html">Out Stock</a> </li> <li> <a href="product-page(thumbnail).html">Sale Countdown</a> </li> <li> <a href="product-page(thumbnail).html">Product Zoom</a> </li> <li> <a href="product-page(360-view).html">Product 360 View</a> </li> </ul> </div> </div> </div> <div class="col mega-box"> <div class="link-section"> <div class="menu-title"> <h5>Product Features</h5> </div> <div class="menu-content"> <ul> <li> <a href="product-page(accordian).html">Sticky Checkout</a> </li> <li> <a href="product-page(accordian).html">Secure Checkout</a> </li> <li> <a href="product-page(vertical-tab).html">Social Share</a> </li> <li> <a href="product-page(thumbnail).html">Related Products</a> </li> <li> <a href="product-page(right-sidebar).html">Wishlist & Compare</a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <img src="../assets/images/menu-banner.jpg" class="img-fluid mega-img d-xl-block d-none"> </div> </div> </div> </li> </ul> </li> <li><a href="#!">pages</a> <ul> <li> <a href="#!">vendor</a> <ul> <li><a href="vendor-dashboard.html">vendor dashboard</a> </li> <li><a href="vendor-profile.html">vendor profile</a></li> <li><a href="become-vendor.html">become vendor</a></li> </ul> </li> <li> <a href="#!">account</a> <ul> <li><a href="wishlist.html">wishlist</a></li> <li><a href="cart.html">cart</a></li> <li><a href="dashboard.html">Dashboard</a></li> <li><a href="login.html">login</a></li> <li><a href="register.html">register</a></li> <li><a href="contact.html">contact</a></li> <li><a href="forget_pwd.html">forget password</a></li> <li><a href="profile.html">profile</a></li> <li><a href="checkout.html">checkout</a></li> <li><a href="order-success.html">order success</a></li> <li><a href="order-tracking.html">order tracking<span class="new-tag">new</span></a></li> </ul> </li> <li> <a href="#!">portfolio</a> <ul> <li><a href="">grid</a> <ul> <li><a href="grid-2-col.html">grid 2</a></li> <li><a href="grid-3-col.html">grid 3</a></li> <li><a href="grid-4-col.html">grid 4</a></li> </ul> </li> <li><a href="">masonry</a> <ul> <li><a href="masonary-2-grid.html">grid 2</a></li> <li><a href="masonary-3-grid.html">grid 3</a></li> <li><a href="masonary-4-grid.html">grid 4</a></li> <li><a href="masonary-fullwidth.html">full width</a> </li> </ul> </li> </ul> </li> <li><a href="about-page.html">about us</a></li> <li><a href="search.html">search</a></li> <li><a href="review.html">review</a> </li> <li> <a href="#!">compare</a> <ul> <li><a href="compare.html">compare</a></li> <li><a href="compare-2.html">compare-2</a></li> </ul> </li> <li><a href="collection.html">collection</a></li> <li><a href="lookbook.html">lookbook</a></li> <li><a href="sitemap.html">site map</a> </li> <li><a href="404.html">404</a></li> <li><a href="coming-soon.html">coming soon</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li> <a href="#!">blog</a> <ul> <li><a href="blog-page.html">left sidebar</a></li> <li><a href="blog(right-sidebar).html">right sidebar</a></li> <li><a href="blog(no-sidebar).html">no sidebar</a></li> <li><a href="blog-details.html">blog details</a></li> </ul> </li> </ul> </nav> </div> <div class="delivery-area d-xl-flex d-none ms-auto me-0"> <div> <h5>Call us: 123-456-7898</h5> </div> </div> </div> </div> </div> </div> </header>