obanana_b2b_test/demo-11.html

2347 lines
143 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>