Obanana.Corporation
/
obanana_b2b_test
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
obanana_b2b_test/demo-11.html

2347 lines
143 KiB
HTML
Raw Normal View History

first commit
2024-02-12 10:35:09 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Ekka - Ecommerce HTML Template.</title>
<meta name="keywords"
content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
<meta name="author" content="ashishmaraviya">
<!-- site Favicon -->
<link rel="icon" href="assets/images/favicon/favicon-11.png" sizes="32x32" />
<link rel="apple-touch-icon" href="assets/images/favicon/favicon-11.png" />
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon-11.png" />
<!-- css Icon Font -->
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
<!-- css All Plugins Files -->
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
<link rel="stylesheet" href="assets/css/plugins/nouislider.css" />
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
<link rel="stylesheet" href="assets/css/plugins/owl.carousel.min.css" />
<link rel="stylesheet" href="assets/css/plugins/owl.theme.default.min.css" />
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
<!-- Main Style -->
<link rel="stylesheet" href="assets/css/demo11.css" />
</head>
<body>
<div id="ec-overlay">
<div class="ec-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Header start -->
<header class="ec-header">
<!--Ec Header Top Start -->
<div class="header-top">
<div class="container">
<div class="row align-items-center">
<!-- Header Top Category Toggle Start -->
<a href="#ec-mobile-sidebar" class="ec-header-btn ec-sidebar-toggle d-lg-none">
<i class="fi fi-rr-apps"></i>
</a>
<!-- Header Top Category Toggle End -->
<!-- Header Top Message Start -->
<div class="col text-center header-top-center">
<div class="header-top-message">
100% secure delivery without contacting the courier
</div>
</div>
<!-- Header Top Message End -->
<!-- Header Top Language Currency -->
<div class="col header-top-right d-none d-lg-block">
<div class="header-top-lan-curr d-flex justify-content-end">
<!-- Currency Start -->
<div class="header-top-curr dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown">Currency<i
class="fi-rr-angle-small-down"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">USD $</a></li>
<li><a class="dropdown-item" href="#">EUR €</a></li>
</ul>
</div>
<!-- Currency End -->
<!-- Language Start -->
<div class="header-top-lan dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown">Language<i
class="fi-rr-angle-small-down"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Italiano</a></li>
</ul>
</div>
<!-- Language End -->
</div>
</div>
<!-- Header Top Language Currency -->
<!-- Header Top responsive Action -->
<div class="col d-lg-none ">
<div class="ec-header-bottons">
<!-- Header User Start -->
<div class="ec-header-user dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i
class="fi-rr-user"></i></button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="dropdown-item" href="register.php">Register</a></li>
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
<li><a class="dropdown-item" href="login.php">Login</a></li>
</ul>
</div>
<!-- Header User End -->
<!-- Header Cart Start -->
<a href="wishlist.html" class="ec-header-btn ec-header-wishlist">
<div class="header-icon"><i class="fi-rr-heart"></i></div>
<span class="ec-header-count">4</span>
</a>
<!-- Header Cart End -->
<!-- Header Cart Start -->
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
<div class="header-icon"><i class="fi-rr-shopping-basket"></i></div>
<span class="ec-header-count ec-cart-count cart-count-lable">3</span>
</a>
<!-- Header Cart End -->
<!-- Header menu Start -->
<a href="#ec-mobile-menu" class="ec-header-btn ec-side-toggle d-lg-none">
<i class="fi-rr-menu-burger"></i>
</a>
<!-- Header menu End -->
</div>
</div>
<!-- Header Top responsive Action -->
</div>
</div>
</div>
<!-- Ec Header Top End -->
<!-- Ec Header Bottom Start -->
<div class="ec-header-bottom d-none d-lg-block">
<div class="container position-relative">
<div class="row">
<div class="ec-flex">
<!-- Ec Header Logo Start -->
<div class="align-self-center">
<div class="header-logo">
<a href="index.php"><img src="assets/images/logo/logo-11.png" alt="Site Logo" /><img
class="dark-logo" src="assets/images/logo/dark-logo-11.png" alt="Site Logo"
style="display: none;" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
<!-- EC Main Menu Start -->
<div id="ec-main-menu-desk" class="d-none d-lg-block sticky-nav">
<div class="container position-relative">
<div class="row">
<div class="col-md-12 align-self-center">
<div class="ec-main-menu">
<ul>
<li><a href="index.php">Home</a></li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Categories</a>
<ul class="mega-menu d-block">
<li class="d-flex">
<ul class="d-block">
<li class="menu_title"><a
href="javascript:void(0)">Classic
Variation</a></li>
<li><a href="shop-left-sidebar-col-4.php">Left sidebar
3 column</a>
</li>
<li><a href="shop-left-sidebar-col-4.html">Left sidebar
4 column</a>
</li>
<li><a href="shop-right-sidebar-col-3.html">Right
sidebar 3 column</a>
</li>
<li><a href="shop-right-sidebar-col-4.html">Right
sidebar 4 column</a>
</li>
<li><a href="shop-full-width.html">Full width 4
column</a></li>
</ul>
<ul class="d-block">
<li class="menu_title"><a
href="javascript:void(0)">Classic
Variation</a></li>
<li><a href="shop-banner-left-sidebar-col-3.html">Banner
left 3
column</a></li>
<li><a href="shop-banner-left-sidebar-col-4.html">Banner
left 4
column</a></li>
<li><a href="shop-banner-right-sidebar-col-3.html">Banner
right 3 column</a></li>
<li><a href="shop-banner-right-sidebar-col-4.html">Banner
right 4 column</a></li>
<li><a href="shop-banner-full-width.html">Banner Full
width 4</a>
</li>
</ul>
<ul class="d-block">
<li class="menu_title"><a
href="javascript:void(0)">Columns
Variation</a></li>
<li><a href="shop-full-width-col-3.html">3 Columns full
width</a></li>
<li><a href="shop-full-width-col-4.html">4 Columns full
width</a></li>
<li><a href="shop-full-width-col-5.html">5 Columns full
width</a></li>
<li><a href="shop-full-width-col-6.html">6 Columns full
width</a></li>
<li><a href="shop-banner-full-width-col-3.html">Banner 3
Columns</a>
</li>
</ul>
<ul class="d-block">
<li class="menu_title"><a href="javascript:void(0)">List
Variation</a>
</li>
<li><a href="shop-list-left-sidebar.html">Shop left
sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Shop right
sidebar</a></li>
<li><a href="shop-list-banner-left-sidebar.html">Banner
left sidebar</a>
</li>
<li><a href="shop-list-banner-right-sidebar.html">Banner
right
sidebar</a></li>
<li><a href="shop-list-full-col-2.html">Full width 2
columns</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Products</a>
<ul class="sub-menu">
<li class="dropdown position-static"><a
href="javascript:void(0)">Product page
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="shop-left-sidebar-col-4.php">Product left
sidebar</a></li>
<li><a href="product-right-sidebar.html">Product right
sidebar</a></li>
</ul>
</li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Product 360
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="product-360-left-sidebar.html">360 left
sidebar</a></li>
<li><a href="product-360-right-sidebar.html">360 right
sidebar</a></li>
</ul>
</li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Product video
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="product-video-left-sidebar.html">Video left
sidebar</a>
</li>
<li><a href="product-video-right-sidebar.html">Video
right sidebar</a>
</li>
</ul>
</li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Product
gallery
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="product-gallery-left-sidebar.html">Gallery
left sidebar</a>
</li>
<li><a href="product-gallery-right-sidebar.html">Gallery
right
sidebar</a></li>
</ul>
</li>
<li><a href="product-full-width.html">Product full width</a>
</li>
<li><a href="product-360-full-width.html">360 full width</a>
</li>
<li><a href="product-video-full-width.html">Video full width</a>
</li>
<li><a href="product-gallery-full-width.html">Gallery full
width</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Pages</a>
<ul class="sub-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="login.php">Login</a></li>
<li><a href="register.php">Register</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="terms-condition.html">Terms Condition</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</li>
<li class="dropdown"><span class="main-label-note-new"
data-toggle="tooltip" title="NEW"></span><a
href="javascript:void(0)">Others</a>
<ul class="sub-menu">
<li class="dropdown position-static"><a
href="javascript:void(0)">Mail
Confirmation
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="email-template-confirm-1.html">Mail
Confirmation 1</a></li>
<li><a href="email-template-confirm-2.html">Mail
Confirmation 2</a></li>
<li><a href="email-template-confirm-3.html">Mail
Confirmation 3</a></li>
<li><a href="email-template-confirm-4.html">Mail
Confirmation 4</a></li>
<li><a href="email-template-confirm-5.html">Mail
Confirmation 5</a></li>
</ul>
</li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Mail Reset
password
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="email-template-forgot-password-1.html">Reset
password 1</a>
</li>
<li><a href="email-template-forgot-password-2.html">Reset
password 2</a>
</li>
<li><a href="email-template-forgot-password-3.html">Reset
password 3</a>
</li>
<li><a href="email-template-forgot-password-4.html">Reset
password 4</a>
</li>
<li><a href="email-template-forgot-password-5.html">Reset
password 5</a>
</li>
</ul>
</li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Mail
Promotional
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="email-template-offers-1.html">Offer mail
1</a></li>
<li><a href="email-template-offers-2.html">Offer mail
2</a></li>
<li><a href="email-template-offers-3.html">Offer mail
3</a></li>
<li><a href="email-template-offers-4.html">Offer mail
4</a></li>
<li><a href="email-template-offers-5.html">Offer mail
5</a></li>
<li><a href="email-template-offers-6.html">Offer mail
6</a></li>
<li><a href="email-template-offers-7.html">Offer mail
7</a></li>
<li><a href="email-template-offers-8.html">Offer mail
8</a></li>
</ul>
</li>
<li class="dropdown position-static">
<span class="label-note-hot"></span>
<a href="javascript:void(0)">Vendor account pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="vendor-dashboard.html">Vendor Dashboard</a>
</li>
<li><a href="vendor-profile.html">Vendor Profile</a>
</li>
<li><a href="vendor-uploads.html">Vendor Uploads</a>
</li>
<li><a href="vendor-settings.html">Vendor Settings</a>
</li>
</ul>
</li>
<li class="dropdown position-static">
<span class="label-note-trending"></span>
<a href="javascript:void(0)">User account pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="user-profile.html">User Profile</a></li>
<li><a href="user-history.html">History</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="user-invoice.html">Invoice</a></li>
</ul>
</li>
<li class="dropdown position-static"><a
href="javascript:void(0)">Construction
pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="404-error-page.html">404 error page</a>
</li>
<li><a href="under-maintenance.html">maintanence
page</a></li>
<li><a href="coming-soon.html">Coming soon page</a></li>
</ul>
</li>
<li class="dropdown position-static">
<span class="label-note-new"></span>
<a href="javascript:void(0)">Vendor Catalog pages
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="catalog-single-vendor.html">Catalog Single
Vendor</a></li>
<li><a href="catalog-multi-vendor.html">Catalog Multi
Vendor</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
<ul class="sub-menu">
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog right sidebar</a>
</li>
<li><a href="blog-detail-left-sidebar.html">Blog detail left
sidebar</a></li>
<li><a href="blog-detail-right-sidebar.html">Blog detail right
sidebar</a></li>
<li><a href="blog-full-width.html">Blog full width</a></li>
<li><a href="blog-detail-full-width.html">Blog detail full
width</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
<ul class="sub-menu">
<li><a href="elemets-products.html">Products</a></li>
<li><a href="elemets-typography.html">Typography</a></li>
<li><a href="elemets-title.html">Titles</a></li>
<li><a href="elemets-categories.html">Categories</a></li>
<li><a href="elemets-buttons.html">Buttons</a></li>
<li><a href="elemets-tabs.html">Tabs</a></li>
<li><a href="elemets-accordions.html">Accordions</a></li>
<li><a href="elemets-blog.html">Blogs</a></li>
</ul>
</li>
<li><a href="offer.html">Hot Offers</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Ec Main Menu End -->
<!-- Ec Header Button Start -->
<div class="align-self-center">
<div class="ec-header-bottons">
<!-- Header User Start -->
<div class="ec-header-user dropdown">
<button class="dropdown-toggle button" data-bs-toggle="dropdown"><span>Login/Sign
up</span><i class="fi fi-rr-angle-small-down"></i></button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="dropdown-item" href="register.php">Register</a></li>
<li><a class="dropdown-item" href="checkout.html">Setting</a></li>
<li><a class="dropdown-item" href="login.php">Login</a></li>
</ul>
</div>
<!-- Header User End -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Ec Header Button End -->
<!-- Ec Header Bottom Start -->
<div class="ec-header-bottom d-none d-lg-block">
<div class="container position-relative">
<div class="row">
<div class="ec-flex">
<!-- Header cat Start -->
<div class="header-cat-btn ec-dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i
class="fi fi-rr-menu-burger"></i><span>Shop By Catagories</span><i
class="fi fi-rr-angle-small-down"></i></button>
<ul class="sub-menu">
<li class="active"><a class="dropdown-item" href="#">Bakery</a></li>
<li><a class="dropdown-item" href="#">Vegetables</a></li>
<li><a class="dropdown-item" href="#">Drinks</a></li>
</ul>
</div>
<!-- Header cat End -->
<!-- Ec Header Search Start -->
<div class="align-self-center">
<div class="header-search">
<form class="ec-btn-group-form" action="#">
<input class="form-control" placeholder="Search Product Here..." type="text">
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
</form>
</div>
</div>
<!-- Ec Header Search End -->
<!-- Ec Header Button Start -->
<div class="align-self-center">
<div class="ec-header-bottons">
<div class="ec-header-user dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown"></button>
<span class="dropdown-toggle" data-bs-toggle="dropdown"><i
class="fi-rr-user"></i></span>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="dropdown-item" href="#">Setting</a></li>
<li><a class="dropdown-item" href="register.php">Register</a></li>
<li><a class="dropdown-item" href="login.php">Login</a></li>
</ul>
</div>
<!-- Header wishlist Start -->
<a href="wishlist.html" class="ec-header-btn ec-header-wishlist">
<div class="header-icon"><i class="fi-rr-heart"></i></div>
<span class="ec-header-count">4</span>
</a>
<!-- Header wishlist End -->
<!-- Header Cart Start -->
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
<div class="header-icon"><i class="fi-rr-shopping-basket"></i></div>
<span class="ec-header-count ec-cart-count cart-count-lable">3</span>
</a>
<!-- Header Cart End -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Ec Header Button End -->
<!-- Header responsive Bottom Start -->
<div class="ec-header-bottom d-lg-none">
<div class="container position-relative">
<div class="row ">
<!-- Ec Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="index.php"><img src="assets/images/logo/logo-11.png" alt="Site Logo" /><img
class="dark-logo" src="assets/images/logo/dark-logo-11.png" alt="Site Logo"
style="display: none;" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
<!-- Ec Header Search Start -->
<div class="col">
<div class="header-search">
<form class="ec-btn-group-form" action="#">
<input class="form-control" placeholder="Enter Your Product Name..." type="text">
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
</form>
</div>
</div>
<!-- Ec Header Search End -->
</div>
</div>
</div>
<!-- Header responsive Bottom End -->
<!-- ekka Mobile Menu Start -->
<div id="ec-mobile-menu" class="ec-side-cart ec-mobile-menu">
<div class="ec-menu-title">
<span class="menu_title">My Menu</span>
<button class="ec-close">×</button>
</div>
<div class="ec-menu-inner">
<div class="ec-menu-content">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="javascript:void(0)">Categories</a>
<ul class="sub-menu">
<li>
<a href="javascript:void(0)">Classic Variation</a>
<ul class="sub-menu">
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a></li>
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a></li>
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a></li>
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a></li>
<li><a href="shop-full-width.html">Full width 4 column</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">Classic Variation</a>
<ul class="sub-menu">
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
column</a></li>
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
column</a></li>
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar 3
column</a></li>
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar 4
column</a></li>
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">Columns Variation</a>
<ul class="sub-menu">
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">List Variation</a>
<ul class="sub-menu">
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a></li>
<li><a href="shop-list-banner-right-sidebar.html">Banner right sidebar</a></li>
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
</ul>
</li>
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive"
src="assets/images/menu-banner/1.jpg" alt=""></a>
</li>
</ul>
</li>
<li><a href="javascript:void(0)">Products</a>
<ul class="sub-menu">
<li><a href="javascript:void(0)">Product page</a>
<ul class="sub-menu">
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Product 360</a>
<ul class="sub-menu">
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Product vodeo</a>
<ul class="sub-menu">
<li><a href="product-video-left-sidebar.html">vodeo left sidebar</a></li>
<li><a href="product-video-right-sidebar.html">vodeo right sidebar</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Product gallery</a>
<ul class="sub-menu">
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a></li>
<li><a href="product-gallery-right-sidebar.html">Gallery right sidebar</a></li>
</ul>
</li>
<li><a href="product-full-width.html">Product full width</a></li>
<li><a href="product-360-full-width.html">360 full width</a></li>
<li><a href="product-video-full-width.html">Video full width</a></li>
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Others</a>
<ul class="sub-menu">
<li><a href="javascript:void(0)">Mail Confirmation</a>
<ul class="sub-menu">
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Mail Reset password</a>
<ul class="sub-menu">
<li><a href="email-template-forgot-password-1.html">Reset password 1</a></li>
<li><a href="email-template-forgot-password-2.html">Reset password 2</a></li>
<li><a href="email-template-forgot-password-3.html">Reset password 3</a></li>
<li><a href="email-template-forgot-password-4.html">Reset password 4</a></li>
<li><a href="email-template-forgot-password-5.html">Reset password 5</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Mail Promotional</a>
<ul class="sub-menu">
<li><a href="email-template-offers-1.html">Offer Mail 1</a></li>
<li><a href="email-template-offers-2.html">Offer Mail 2</a></li>
<li><a href="email-template-offers-3.html">Offer Mail 3</a></li>
<li><a href="email-template-offers-4.html">Offer Mail 4</a></li>
<li><a href="email-template-offers-5.html">Offer Mail 5</a></li>
<li><a href="email-template-offers-6.html">Offer Mail 6</a></li>
<li><a href="email-template-offers-7.html">Offer Mail 7</a></li>
<li><a href="email-template-offers-8.html">Offer Mail 8</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Vendor Account Pages</a>
<ul class="sub-menu">
<li><a href="vendor-dashboard.html">Vendor Dashboard</a></li>
<li><a href="vendor-profile.html">Vendor Profile</a></li>
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
<li><a href="vendor-settings.html">Vendor Settings</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">User Account Pages</a>
<ul class="sub-menu">
<li><a href="user-profile.html">User Profile</a></li>
<li><a href="user-history.html">User History</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="user-invoice.html">User Invoice</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Construction Pages</a>
<ul class="sub-menu">
<li><a href="404-error-page.html">404 Error Page</a></li>
<li><a href="under-maintenance.html">Maintenance Page</a></li>
<li><a href="coming-soon.html">Comming Soon Page</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Vendor Catalog Pages</a>
<ul class="sub-menu">
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript:void(0)">Pages</a>
<ul class="sub-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Compare</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="login.php">Login</a></li>
<li><a href="register.php">Register</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="terms-condition.html">Terms Condition</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
<ul class="sub-menu">
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
<li><a href="blog-full-width.html">Blog full width</a></li>
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
<ul class="sub-menu">
<li><a href="elemets-products.html">Products</a></li>
<li><a href="elemets-typography.html">Typography</a></li>
<li><a href="elemets-title.html">Titles</a></li>
<li><a href="elemets-categories.html">Categories</a></li>
<li><a href="elemets-buttons.html">Buttons</a></li>
<li><a href="elemets-tabs.html">Tabs</a></li>
<li><a href="elemets-accordions.html">Accordions</a></li>
<li><a href="elemets-blog.html">Blogs</a></li>
</ul>
</li>
<li><a href="offer.html">Hot Offers</a></li>
</ul>
</div>
<div class="header-res-lan-curr">
<div class="header-top-lan-curr">
<!-- Language Start -->
<div class="header-top-lan dropdown">
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Italiano</a></li>
</ul>
</div>
<!-- Language End -->
<!-- Currency Start -->
<div class="header-top-curr dropdown">
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Currency <i
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
<ul class="dropdown-menu">
<li class="active"><a class="dropdown-item" href="#">USD $</a></li>
<li><a class="dropdown-item" href="#">EUR €</a></li>
</ul>
</div>
<!-- Currency End -->
</div>
</div>
</div>
</div>
<!-- ekka mobile Menu End -->
</header>
<!-- Header End -->
<!-- Ekka Cart Start -->
<div class="ec-side-cart-overlay"></div>
<div id="ec-side-cart" class="ec-side-cart">
<div class="ec-cart-inner">
<div class="ec-cart-top">
<div class="ec-cart-title">
<span class="cart_title">My Cart</span>
<button class="ec-close">×</button>
</div>
<ul class="eccart-pro-items">
<li>
<a href="shop-left-sidebar-col-4.php" class="sidecart_pro_img"><img
src="assets/images/product-image/93_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="single-shop-left-sidebar-col-4.php" class="cart_pro_title">Mens Winter Leathers
Jackets</a>
<span class="cart-price"><span>$49.00</span> x 1</span>
<div class="qty-plus-minus">
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
</div>
<a href="#" class="remove">×</a>
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidecart_pro_img"><img
src="assets/images/product-image/96_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Running & Trekking Shoes -
White</a>
<span class="cart-price"><span>$150.00</span> x 1</span>
<div class="qty-plus-minus">
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
</div>
<a href="#" class="remove">×</a>
</div>
</li>
<li>
<a href="shop-left-sidebar-col-4.php" class="sidecart_pro_img"><img
src="assets/images/product-image/111_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Rose Gold Peacock Earrings</a>
<span class="cart-price"><span>$950.00</span> x 1</span>
<div class="qty-plus-minus">
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
</div>
<a href="#" class="remove">×</a>
</div>
</li>
</ul>
</div>
<div class="ec-cart-bottom">
<div class="cart-sub-total">
<table class="table cart-table">
<tbody>
<tr>
<td class="text-left">Sub-Total :</td>
<td class="text-right">$300.00</td>
</tr>
<tr>
<td class="text-left">VAT (20%) :</td>
<td class="text-right">$60.00</td>
</tr>
<tr>
<td class="text-left">Total :</td>
<td class="text-right primary-color">$360.00</td>
</tr>
</tbody>
</table>
</div>
<div class="cart_btn">
<a href="cart.html" class="btn btn-primary">View Cart</a>
<a href="checkout.html" class="btn btn-secondary">Checkout</a>
</div>
</div>
</div>
</div>
<!-- Ekka Cart End -->
<!-- Category Sidebar start -->
<div class="ec-side-cat-overlay"></div>
<div class="col-lg-3 category-sidebar" data-animation="fadeIn">
<div class="cat-sidebar">
<div class="cat-sidebar-box">
<div class="ec-sidebar-wrap">
<!-- Sidebar Category Block -->
<div class="ec-sidebar-block">
<div class="ec-sb-title">
<h3 class="ec-sidebar-title">Category<button class="ec-close">×</button></h3>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/dress-8.png"
class="svg_img" alt="drink" />Cothes</div>
<ul style="display: block;">
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Shirt <span
title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">shorts & jeans <span
title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">jacket<span
title="Available Stock">- 500</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">dress & frock <span
title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/shoes-8.png"
class="svg_img" alt="drink" />Footwear</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Sports <span
title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Formal <span
title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Casual <span
title="Available Stock">- 40</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">safety shoes <span
title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/jewelry-8.png"
class="svg_img" alt="drink" />jewelry</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Earrings <span
title="Available Stock">- 50</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Couple Rings <span
title="Available Stock">- 35</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Necklace <span
title="Available Stock">- 40</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/perfume-8.png"
class="svg_img" alt="drink" />perfume</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Clothes perfume<span
title="Available Stock">- 4 pcs</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">deodorant <span
title="Available Stock">- 52 pcs</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Flower fragrance <span
title="Available Stock">- 10 pack</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Air
Freshener<span title="Available Stock">- 35 pack</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/cosmetics-8.png"
class="svg_img" alt="drink" />cosmetics</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">shampoo<span
title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Sunscreen<span
title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">body
wash<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">makeup kit<span
title="Available Stock"></span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/glasses-8.png"
class="svg_img" alt="drink" />glasses</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Sunglasses <span
title="Available Stock">- 20</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">Lenses <span
title="Available Stock">- 52</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/bag-8.png"
class="svg_img" alt="drink" />bags</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">shopping bag <span
title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Gym
backpack <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">purse <span
title="Available Stock">- 40</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a
href="shop-left-sidebar-col-4.php">wallet <span
title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Sidebar Category Block -->
</div>
</div>
<div class="ec-sidebar-slider-cat">
<div class="ec-sb-slider-title">Best Sellers</div>
<div class="ec-sb-pro-sl">
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/1.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">baby fabric shoes</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$5.00</span>
<span class="new-price">$4.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/2.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Men's hoodies t-shirt</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$10.00</span>
<span class="new-price">$7.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/3.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Girls t-shirt</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$5.00</span>
<span class="new-price">$3.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/4.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">woolen hat for men</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$12.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/5.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Womens purse</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$12.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/6.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Baby toy doctor kit</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$50.00</span>
<span class="new-price">$45.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/7.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">teddy bear baby toy</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$35.00</span>
<span class="new-price">$25.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
src="assets/images/product-image/2.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Mens hoodies blue</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$13.00</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Slider Start -->
<div class="ec-main-slider section section-space-pb">
<div class="ec-slider">
<div class="ec-slide-item d-flex slide-1">
<div class="container align-self-center">
<div class="row">
<div class="col-sm-12 align-self-center">
<div class="ec-slide-content slider-animation">
<h2 class="ec-slide-stitle">healthy vegetables</h2>
<h1 class="ec-slide-title">Perfect<span class="outline-txt">Breakfast</span></h1>
<div class="ec-slide-disc">
<p>Best weekly prices</p>
<a href="#" class="btn btn-lg btn-primary"><span>Shop Now</span><i
class="fi-rr-shopping-basket"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ec-slide-item d-flex slide-2">
<div class="container align-self-center">
<div class="row">
<div class="col-sm-12 align-self-center">
<div class="ec-slide-content slider-animation">
<h2 class="ec-slide-stitle">healthy Fruits</h2>
<h1 class="ec-slide-title">Healthy<span class="outline-txt">Organic</span></h1>
<div class="ec-slide-disc">
<p>Food Everyday</p>
<a href="#" class="btn btn-lg btn-primary"><span>Shop Now</span><i
class="fi-rr-shopping-basket"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ec-slide-item d-flex slide-3">
<div class="container align-self-center">
<div class="row">
<div class="col-sm-12 align-self-center">
<div class="ec-slide-content slider-animation">
<h2 class="ec-slide-stitle">All You Need</h2>
<h1 class="ec-slide-title">Fresh<span class="outline-txt">Grocery</span></h1>
<div class="ec-slide-disc">
<p>Deserve To Eat Fresh</p>
<a href="#" class="btn btn-lg btn-primary"><span>Shop Now</span><i
class="fi-rr-shopping-basket"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- category Section Start -->
<section class="section ec-category-section section-space-p">
<div class="container">
<div class="row margin-minus-b-15 margin-minus-t-15">
<div id="ec-cat-slider" class="ec-cat-slider owl-carousel">
<div class="ec_cat_content ec_cat_content_2">
<div class="ec_cat_inner ec_cat_inner-2">
<div class="ec-category-image">
<img src="assets/images/icons/vegetable.png" class="svg_img" alt="drink" />
</div>
<div class="ec-category-desc">
<span>Vegetables & Fruits</span>
</div>
</div>
</div>
<div class="ec_cat_content ec_cat_content_2">
<div class="ec_cat_inner ec_cat_inner-2">
<div class="ec-category-image">
<img src="assets/images/icons/groceries.png" class="svg_img" alt="drink" />
</div>
<div class="ec-category-desc">
<span>Grocery & Staples</span>
</div>
</div>
</div>
<div class="ec_cat_content ec_cat_content_3">
<div class="ec_cat_inner ec_cat_inner-3">
<div class="ec-category-image">
<img src="assets/images/icons/dairy-products.png" class="svg_img" alt="drink" />
</div>
<div class="ec-category-desc">
<p>Dairy & Eggs</p>
</div>
</div>
</div>
<div class="ec_cat_content ec_cat_content_4">
<div class="ec_cat_inner ec_cat_inner-4">
<div class="ec-category-image">
<img src="assets/images/icons/beverage.png" class="svg_img" alt="drink" />
</div>
<div class="ec-category-desc">
<p>Beverage</p>
</div>
</div>
</div>
<div class="ec_cat_content ec_cat_content_5">
<div class="ec_cat_inner ec_cat_inner-5">
<div class="ec-category-image">
<img src="assets/images/icons/salad.png" class="svg_img" alt="drink" />
</div>
<div class="ec-category-desc">
<p>Salad</p>
</div>
</div>
</div>
<div class="ec_cat_content ec_cat_content_6">
<div class="ec_cat_inner ec_cat_inner-6">
<div class="ec-category-image">
<img src="assets/images/icons/cake.png" class="svg_img" alt="drink" />
</div>
<div class="ec-category-desc">
<p>Bakery</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--category Section End -->
<!-- About Start -->
<section class="section ec-about-sec section-space-p">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="ec-about-img">
<img src="assets/images/about/about2.png" alt="about-image">
</div>
</div>
<div class="col-md-6">
<div class="ec-about-detail">
<h4>We Are Healthy Food</h4>
<p class="detail-txt m-b-20">Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
galley of type and scrambled it to make a type specimen book.</p>
<div class="ec-detail-list m-b-15">
<div class="detail-list-img"><img src="assets/images/about/vegan.png" alt="plant-img"></div>
<div>
<h3 class="about-detail-text">Biological Benefits</h3>
<p class="detail-txt">Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem
Ipsum
has been the industry's .</p>
</div>
</div>
<div class="ec-detail-list">
<div class="detail-list-img"><img src="assets/images/about/plant.png" alt="plant-img"></div>
<div>
<h3 class="about-detail-text">Speciality Product</h3>
<p class="detail-txt">Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem
Ipsum
has been the industry's .</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About End -->
<!-- Grocery section start -->
<section class="section ec-grocery-sec section-space-ptb-80 section-space-m">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="section-title">
<h2 class="ec-title">Featured Grocery Item</h2>
<p class="sub-title">Browse The Collection of Top Products</p>
</div>
</div>
</div>
<div class="row">
<div class="tab-pane fade show active" id="all">
<div class="ec-product-slider owl-carousel">
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/141.jpg"
alt="Product" />
<span class="flags">
<span class="sale">Sale</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title">Egg</a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$30.00</span>
<span class="new-price">$20.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/142.jpg"
alt="Product" />
<span class="flags">
<span class="hot">Hot</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title">Dry Fruits</a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$65.00</span>
<span class="new-price">$58.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/143.jpg"
alt="Product" />
<span class="flags">
<span class="sale">Sale</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title"> Organic Pickle </a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$65.00</span>
<span class="new-price">$58.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/140.jpg"
alt="Product" />
<span class="flags">
<span class="new">New</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title">Soft Drinks</a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$65.00</span>
<span class="new-price">$58.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Grocery section End -->
<!-- Service section start -->
<section class="section ec-service-sec section-space-p">
<div class="container align-self-center">
<div class="row">
<div class="col-lg-4 col-md-12">
<div class="main-content-detail">
<div class="main-content left">
<div class="detail-content ">
<h6 class="ec-service-title">Fast Shipping</h6>
<p class="ec-service-detail">We are available for fast shipping in every season 24X7 deliver in the world. The printing and
typesetting industry.</p>
</div>
<img class="service-img" src="assets/images/service/shipping.png" alt="shipping-img">
</div>
<div class="main-content left">
<div class="detail-content">
<h6 class="ec-service-title">Trust Gurantee</h6>
<p class="ec-service-detail">The printing and
typesetting industry. We are available for fast shipping in every season 24X7 deliver in the world.</p>
</div>
<img class="service-img" src="assets/images/service/trust.png" alt="shipping-img">
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="ec-ser-mid-image">
<img class="ser-background" src="assets/images/service/man.png" alt="">
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="main-content-detail">
<div class="main-content right">
<img class="service-img" src="assets/images/service/support.png" alt="shipping-img">
<div class="detail-content">
<h6 class="ec-service-title">24x7 Free Support</h6>
<p class="ec-service-detail">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. the printing and typesetting industry.</p>
</div>
</div>
<div class="main-content right">
<img class="service-img" src="assets/images/service/discount.png" alt="shipping-img">
<div class="detail-content">
<h6 class="ec-service-title">Daily Discounts</h6>
<p class="ec-service-detail">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. the printing and typesetting industry.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service section End -->
<!-- Achievement sec Start -->
<section class="ec-achievement-sec section-space-p section-space-mt">
<div class="container section-space-mt">
<div class="shape"></div>
<div class="row">
<div class="col-md-12 text-center">
<div class="section-title">
<h2 class="ec-title">Our Achievements</h2>
</div>
</div>
</div>
<div class="row">
<div id="ec-ach-slider" class="owl-carousel">
<div class="main-card card-1">
<div class="inner-card">
<img src="assets/images/achievement/1.png" alt="">
<h3>1570+</h3>
<p>Total Products</p>
</div>
</div>
<div class="main-card card-2">
<div class="">
<div class="inner-card">
<img src="assets/images/achievement/2.png" alt="">
<h3>3540+</h3>
<p>Satisfied Clients</p>
</div>
</div>
</div>
<div class="main-card card-3">
<div class="">
<div class="inner-card">
<img src="assets/images/achievement/3.png" alt="">
<h3>4512+</h3>
<p>Project Completed</p>
</div>
</div>
</div>
<div class="main-card card-4">
<div class="">
<div class="inner-card">
<img src="assets/images/achievement/4.png" alt="">
<h3>120+</h3>
<p>Awards Winning</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Achievement sec End -->
<!-- Special Offer Start -->
<section class="ec-offer-sec section-space-p">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-sm-12 col-lg-6">
<div class="offer-section-title">
<h2><span class="black-text">Special Offers</span><span class="green-text"> Of The Week!</span>
</h2>
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry lorem ipsum when
for scrembled it to make a type spicemen book.</p>
</div>
</div>
<div class="col-md-6 col-sm-12 col-lg-6 section-timer">
<div class="timer">
<div id="countdown">
<div id='tiles'></div>
<div class="labels">
<li>Days</li>
<li>Hours</li>
<li>Mins</li>
<li>Secs</li>
</div>
</div>
</div>
</div>
</div>
<div class="row margin-top">
<div class="ec-product-slider owl-carousel">
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/141.jpg"
alt="Product" />
<span class="flags">
<span class="sale">Sale</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title">Egg</a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$30.00</span>
<span class="new-price">$20.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/142.jpg"
alt="Product" />
<span class="flags">
<span class="hot">Hot</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title">Dry Fruits</a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$65.00</span>
<span class="new-price">$58.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/143.jpg"
alt="Product" />
<span class="flags">
<span class="sale">Sale</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title"> Organic Pickle </a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$65.00</span>
<span class="new-price">$58.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
<div class="ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<img class="main-image" src="assets/images/product-image/140.jpg"
alt="Product" />
<span class="flags">
<span class="new">New</span>
</span>
</div>
</div>
<div class="ec-pro-content">
<h6 class="ec-pro-stitle">Grain, Breakfast, Fresh</h6>
<h5 class="ec-pro-title">Soft Drinks</a></h5>
<div class="ec-pro-rat-price">
<span class="ec-price">
<span class="old-price">$65.00</span>
<span class="new-price">$58.00</span>
<span class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</span>
</span>
</div>
</div>
<div class="ec-spe-pro-btn">
<a href="#" class="btn btn-lg btn-primary">Add To Cart<span class="cart-icon"><i
class="fi-rr-shopping-basket"></i></a>
<span class="social-btn">
<a class="wishlist"><i class="fi-rr-heart"></i></a>
<a class="quick-view"><i class="fi-rr-eye"></i></a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Special Offer Start -->
<!-- bottom banner sec Start -->
<div class="ec-bottom-banner-sec section section-space-p">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-xs-12 col-lg-12">
<div class="bottom-banner-img">
<div class="bottom-banner-txt">
<h2 class="inner-txt">Tasty, yeah? <br>Buy now!</h2>
<div class="ec-purchase-btn">
<a href="#" class="shop-btn">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- bottom banner sec end -->
<!-- faq sec Start -->
<section class="ec-faq-sec section-space-p">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="faq-detail">
<div class="faq-title">
<h3>Find frequently asked questions and
important information about us</h3>
</div>
<div class="accordion" id="accordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
There are many variations of passages of Lorem Ipsum available,
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordion">
<div class="accordion-body">
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
There are many variations of passages of Lorem Ipsum available,
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordion">
<div class="accordion-body">
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
There are many variations of passages of Lorem Ipsum available,
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordion">
<div class="accordion-body">
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a
piece of classical Latin literature from 45 BC, making it over 2000 years old.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="faq-img">
<img src="assets/images/faq/faq.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- faq sec End -->
<!-- get in touch sec Start -->
<section class="ec-get-in-touch section section-space-p">
<div class="container">
<div class="contact-map">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="ec-contact-map">
<div class="ec-content-left">
<div class="ec_contact_map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d119066.41709476661!2d72.73989540440776!3d21.159340298484807!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be04e59411d1563%3A0xfe4558290938b042!2sSurat%2C%20Gujarat!5e0!3m2!1sen!2sin!4v1686215917436!5m2!1sen!2sin"></iframe>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 ec-content-right">
<div class="ec-content-right">
<div class="ec-contact-form">
<form id="main-form">
<div class="table-heading">
<h3>Get In Touch</h3>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-lg-6">
<div class="form-group">
<input type="text" name="name" id="name" placeholder="Enter your name"
required>
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-6">
<div class="form-group">
<input type="email" name="email" id="email"
placeholder="Enter your email" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-lg-6">
<div class="form-group">
<input type="tel" name="number" id="number" placeholder="Phone Number"
required>
</div>
</div>
<div class="col-md-6 col-sm-6 col-lg-6">
<div class="form-group">
<div class="form-group">
<input type="text" name="subject" id="subject" placeholder="Subject"
required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-12">
<div class="form-group">
<textarea id="comments" name="comment"
placeholder="Enter your comment here..."></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4 col-lg-4">
<a href="#" class="submit-btn">Submit Now<span class="cart-icon"></a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- get in touch sec end -->
<!-- footer sec start -->
<footer class="section ec-footer-sec">
<div class="footer-container ec-footer">
<div class="footer-top section-space-footer-p">
<div class="container">
<div class="social-links">
<a href="" class="social-btn">Facebook</a>
<a href="" class="social-btn">Twitter</a>
<a href="" class="social-btn">Instagram</a>
<a href="" class="social-btn">Linkedin</a>
<a href="" class="social-btn">Google</a>
<a href="" class="social-btn">Youtube</a>
</div>
<div class="row">
<div class="col-md-4 ec-footer-cat">
<div class="ec-footer-widget">
<div class="footer-logo">
<a href="index.php"><img src="assets/images/logo/logo-11.png"
alt="Site Logo" /><img class="dark-logo"
src="assets/images/logo/dark-logo-11.png" alt="Site Logo"
style="display: none;" /></a>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley</p>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-cat">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">About</h4>
<div class="ec-footer-links ec-footer-dropdown">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="#">About Grocery</a></li>
<li class="ec-footer-link"><a href="#">Plans & Pricing</a></li>
<li class="ec-footer-link"><a href="#">Services</a></li>
<li class="ec-footer-link"><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-cat">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Quick Links</h4>
<div class="ec-footer-links ec-footer-dropdown">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="#">Home</a></li>
<li class="ec-footer-link"><a href="#">About Us</a></li>
<li class="ec-footer-link"><a href="#">Testimonial</a></li>
<li class="ec-footer-link"><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-cat">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Our Products</h4>
<div class="ec-footer-links ec-footer-dropdown">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="#">Dry Fruits</a></li>
<li class="ec-footer-link"><a href="#">Backery</a></li>
<li class="ec-footer-link"><a href="#">Grocery & Staples</a></li>
<li class="ec-footer-link"><a href="#">Fresh Oil</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-cat">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Resources</h4>
<div class="ec-footer-links ec-footer-dropdown">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="#">Support center</a></li>
<li class="ec-footer-link"><a href="#">Documentation</a></li>
<li class="ec-footer-link"><a href="#">Newsletter</a></li>
<li class="ec-footer-link"><a href="#">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<!-- Footer payment -->
<div class="footer-bottom-right">
<div class="footer-bottom-payment d-flex justify-content-center">
<div class="payment-link">
<img src="assets/images/icons/payment.png" alt="">
</div>
</div>
</div>
<!-- Footer payment -->
</div>
</div>
</div>
<!-- Footer Copyright Start -->
<div class="container">
<div class="footer-copy">
<div class="row">
<div class="col-md-6">
<div class="footer-bottom-copy">
<div class="ec-copy">Copyright © 2023 <a class="site-name" href="index.php">Ekka</a>
all
rights reserved
</div>
</div>
</div>
<div class="col-md-6">
<div class="footer">
<div class="float-right">
<div class="privacy">
<span class="green-text"><a href="">Terms of Use</a></span>
<span><a href="">| Privacy Policy</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Copyright End -->
</div>
</footer>
<!-- footer sec End -->
<!-- Click To Call -->
<div class="ec-cc-style cc-right-bottom">
<!-- Start Floating Panel Container -->
<div class="cc-panel">
<!-- Panel Content -->
<div class="cc-header">
<img src="assets/images/whatsapp/profile_01.jpg" alt="profile image" />
<h2>John Mark</h2>
<p>Tachnical Manager</p>
</div>
<div class="cc-body">
<p><b>Hey there &#128515;</b></p>
<p>Need help ? just give me a call.</p>
</div>
<div class="cc-footer">
<a href="tel:+919099153528" class="cc-call-button">
<span>Call me</span>
<svg width="13px" height="10px" viewBox="0 0 13 10">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg>
</a>
</div>
</div>
<!--/ End Floating Panel Container -->
<!-- Start Right Floating Button-->
<div class="cc-button cc-right-bottom">
<i class="fi-rr-phone-call"></i>
</div>
<!--/ End Right Floating Button-->
</div>
<!-- Click To Call end -->
<!-- Newsletter Modal Start -->
<div id="ec-popnews-bg"></div>
<div id="ec-popnews-box">
<div id="ec-popnews-close"><i class="ecicon eci-close"></i></div>
<div class="row">
<div class="col-md-7 disp-no-767">
<img src="assets/images/banner/newsletter-8.png" alt="newsletter">
</div>
<div class="col-md-5">
<div id="ec-popnews-box-content">
<h2>Subscribe Newsletter.</h2>
<p>Subscribe the oBanana ecommerce to get in touch and get the future update. </p>
<form id="ec-popnews-form" action="#" method="post">
<input type="email" name="newsemail" placeholder="Email Address" required />
<button type="button" class="btn btn-primary" name="subscribe">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
<!-- Newsletter Modal end -->
<!-- Footer navigation panel for responsive display -->
<div class="ec-nav-toolbar">
<div class="container">
<div class="ec-nav-panel">
<div class="ec-nav-panel-icons">
<a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i
class="fi fi-rr-menu-burger"></i></a>
</div>
<div class="ec-nav-panel-icons">
<a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i
class="fi-rr-shopping-basket"></i><span
class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
</div>
<div class="ec-nav-panel-icons">
<a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
</div>
<div class="ec-nav-panel-icons">
<a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span
class="ec-cart-noti">4</span></a>
</div>
<div class="ec-nav-panel-icons">
<a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
</div>
</div>
</div>
</div>
<!-- Footer navigation panel for responsive display end -->
<!-- Recent Purchase Popup -->
<div class="recent-purchase">
<img src="assets/images/product-image/111_1.jpg" alt="payment image">
<div class="detail">
<p>Someone in new just bought</p>
<h6>Rose Gold Earrings</h6>
<p>2 Minutes ago</p>
</div>
<a href="javascript:void(0)" class="icon-btn recent-close">×</a>
</div>
<!-- Recent Purchase Popup end -->
<!-- Add to Cart successfully toast Start -->
<div id="addtocart_toast" class="addtocart_toast">
<div class="desc">You Have Add To Cart Successfully</div>
</div>
<div id="wishlist_toast" class="wishlist_toast">
<div class="desc">You Have Add To Wishlist Successfully</div>
</div>
<!-- Add to Cart successfully toast end -->
<!-- Vendor JS -->
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/popper.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
<!--Plugins JS-->
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/countdownTimer.min.js"></script>
<script src="assets/js/plugins/nouislider.js"></script>
<script src="assets/js/plugins/scrollup.js"></script>
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
<script src="assets/js/plugins/slick.min.js"></script>
<script src="assets/js/plugins/owl.carousel.min.js"></script>
<script src="assets/js/plugins/infiniteslidev2.js"></script>
<script src="assets/js/plugins/click-to-call.js"></script>
<!-- Main Js -->
<script src="assets/js/vendor/index.js"></script>
<script src="assets/js/demo-11.js"></script>
</body>
</html>