obanana_b2b_test/demo-10.html

3166 lines
222 KiB
HTML
Raw Permalink 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>oBanana B2B - Elevate Your Business</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-10.png" sizes="32x32" />
<link rel="apple-touch-icon" href="assets/images/favicon/favicon-10.png" />
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon-10.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/slick.min.css" />
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
<!-- Main Style -->
<link rel="stylesheet" href="assets/css/demo10.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 phone Start -->
<div class="col header-top-left">
<div class="header-top-call">
<i class="fi-rr-phone-call"></i> Phone:
<a href="tel:+48735527287"> +48 735 52 728 7</a>
</div>
</div>
<!-- Header Top phone End -->
<!-- Header Top call Start -->
<div class="col header-top-center">
<div class="header-top-call">
Order online or call us (+1800) 000 8808
</div>
</div>
<!-- Header Top call End -->
<!-- Header Top Language Currency -->
<div class="col header-top-right d-none d-lg-block">
<div class="header-top-right-inner d-flex justify-content-end">
<!-- Currency Start -->
<div class="header-top-lan-curr header-top-curr dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown">USD <i
class="ecicon eci-angle-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 -->
<!-- Language Start -->
<div class="header-top-lan-curr header-top-lan dropdown">
<button class="dropdown-toggle" data-bs-toggle="dropdown">ENG <i
class="ecicon eci-angle-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 -->
<!-- Social Start -->
<div class="header-top-social">
<ul class="mb-0">
<li class="list-inline-item"><a href="#"><i class="ecicon eci-facebook"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-twitter"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-instagram"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-linkedin"></i></a>
</li>
</ul>
</div>
<!-- Social End -->
</div>
</div>
<!-- Header Top Language Currency -->
<!-- Header Top responsive Action -->
<div class="col header-top-res 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="#" class="ec-header-btn ec-header-wishlist">
<div class="header-icon"><i class="fi-rr-heart"></i></div>
<span class="ec-header-count ec-wishlist-count">0</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">3</span>
</a>
<!-- Header Cart End -->
<!-- Header menu Start -->
<a href="#ec-mobile-menu" class="ec-header-btn ec-side-toggle ec-d-l d-lg-none">
<i class="ecicon eci-bars"></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="header-bottom-flex">
<!-- Ec Header Logo Start -->
<div class="align-self-center ec-header-logo ">
<div class="header-logo">
<a href="index.php"><img src="assets/images/logo/logo-10.png"
alt="Site Logo" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
<!-- Ec Header Search Start -->
<div class="align-self-center ec-header-search">
<div class="header-search">
<form class="ec-search-group-form" action="#">
<div class="ec-search-select-inner">
<select name="ec-search-cat">
<option selected disabled>All</option>
<option value="cloths">Cloths</option>
<option value="bag">Bag</option>
<option value="shoes">Shoes</option>
</select>
</div>
<input class="form-control" placeholder="Im searching for..." type="text">
<button class="search_submit" type="submit">Search <i class="fi-rr-search"></i></button>
</form>
</div>
</div>
<!-- Ec Header Search End -->
<!-- Ec Header Button Start -->
<div class="align-self-center ec-header-cart">
<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><span class="ec-btn-title">Account</span></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 wishlist Start -->
<a href="#" class="ec-header-btn ec-header-wishlist">
<div class="header-icon"><i class="fi-rr-heart"></i></div><span
class="ec-header-count ec-cart-wishlist">0</span>
<span class="ec-btn-title">wishlist</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">3</span><span class="ec-btn-title">In
Cart</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-10.png" alt="Site Logo" /></a>
</div>
</div>
<!-- Ec Header Logo End -->
<!-- Ec Header Search Start -->
<div class="col align-self-center ec-header-search">
<div class="header-search">
<form class="ec-search-group-form" action="#">
<div class="ec-search-select-inner">
<select name="ec-search-cat">
<option selected disabled>All</option>
<option value="cloths">Cloths</option>
<option value="bag">Bag</option>
<option value="shoes">Shoes</option>
</select>
</div>
<input class="form-control" placeholder="Im searching for..." type="text">
<button class="search_submit" type="submit"><i class="fi-rr-search"></i></button>
</form>
</div>
</div>
<!-- Ec Header Search End -->
</div>
</div>
</div>
<!-- Header responsive Bottom End -->
<!-- EC Main Menu Start -->
<div id="ec-main-menu-desk" class="sticky-nav">
<div class="container position-relative">
<div class="row">
<div class="col-sm-2 ec-category-block">
<div class="ec-category-menu">
<div class="ec-category-toggle"><span class="ec-category-title">Categories</span><i
class="ecicon eci-angle-down" aria-hidden="true"></i>
</div>
<div class="ec-category-content">
<div id="ec-category-menu" class="ec-category-menu">
<ul class="ec-category-wrapper">
<li><a title="" class="ec-cat-menu-link" href="#"><img src="assets/images/icons/category-10.png" class="svg_img pro_svg" alt="" />Paint Tools</a></li>
<li><a title="" class="ec-cat-menu-link" href="#"><img src="assets/images/icons/category-11.png" class="svg_img pro_svg" alt="" />Drills Machines</a></li>
<li><a title="" class="ec-cat-menu-link" href="#"><img src="assets/images/icons/category-12.png" class="svg_img pro_svg" alt="" />Hammers</a></li>
<li><a title="" class="ec-cat-menu-link" href="#"><img src="assets/images/icons/category-13.png" class="svg_img pro_svg" alt="" />Wrenches</a></li>
<li><a title="" class="ec-cat-menu-link" href="#"><img src="assets/images/icons/category-14.png" class="svg_img pro_svg" alt="" />Grinding machine</a></li>
<li><a title="" class="ec-cat-menu-link" href="#"><img src="assets/images/icons/category-15.png" class="svg_img pro_svg" alt="" />Screw drivers</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-10 ec-main-menu-block align-self-center d-none d-lg-block">
<div class="ec-main-menu">
<ul>
<li><a href="javascript:void(0)">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)">Banner
Variation</a></li>
<li><a href="shop-banner-left-sidebar-col-3.html">Left sidebar 3
column</a></li>
<li><a href="shop-banner-left-sidebar-col-4.html">Left sidebar 4
column</a></li>
<li><a href="shop-banner-right-sidebar-col-3.html">Right sidebar
3 column</a></li>
<li><a href="shop-banner-right-sidebar-col-4.html">Right sidebar
4 column</a></li>
<li><a href="shop-banner-full-width.html">Full width 4 column</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>
<li>
<ul class="ec-main-banner w-100">
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
class="img-responsive"
src="assets/images/menu-banner/17.jpg" alt=""></a>
</li>
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
class="img-responsive"
src="assets/images/menu-banner/19.jpg" alt=""></a>
</li>
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
class="img-responsive"
src="assets/images/menu-banner/18.jpg" alt=""></a>
</li>
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
class="img-responsive"
src="assets/images/menu-banner/20.jpg" alt=""></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 ec-right-0">
<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
<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
<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
<i class="ecicon eci-angle-right"></i></a>
<ul class="sub-menu sub-menu-child">
<li><a href="catalog-single-vendor.html">Single Vendor</a></li>
<li><a href="catalog-multi-vendor.html">Multi Vendor</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
<ul class="sub-menu ec-right-0">
<li><a href="blog-left-sidebar.html">Left sidebar</a></li>
<li><a href="blog-right-sidebar.html">Right sidebar</a></li>
<li><a href="blog-detail-left-sidebar.html">Detail left sidebar</a></li>
<li><a href="blog-detail-right-sidebar.html">Detail right sidebar</a></li>
<li><a href="blog-full-width.html">Full width</a></li>
<li><a href="blog-detail-full-width.html">Detail full width</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
<ul class="sub-menu ec-right-0">
<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 -->
<!-- Ekka Menu Start -->
<div class="ec-mobile-menu-overlay"></div>
<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="javascript:void(0)">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>
<!-- Social Start -->
<div class="header-res-social">
<div class="header-top-social">
<ul class="mb-0">
<li class="list-inline-item"><a href="#"><i class="ecicon eci-facebook"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-twitter"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-linkedin"></i></a></li>
</ul>
</div>
</div>
<!-- Social End -->
</div>
</div>
</div>
<!-- Ekka 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/130_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="single-shop-left-sidebar-col-4.php" class="cart_pro_title">Breaker machine smart tech</a>
<span class="cart-price"><span>$799</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/131_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Ceramic tiles cutter</a>
<span class="cart-price"><span>$400</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/132_1.jpg" alt="product"></a>
<div class="ec-pro-content">
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Small chainsaw for wood cutting</a>
<span class="cart-price"><span>$3500</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">$1350.00</td>
</tr>
<tr>
<td class="text-left">VAT (20%) :</td>
<td class="text-right">$270.00</td>
</tr>
<tr>
<td class="text-left">Total :</td>
<td class="text-right primary-color">$1620.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 -->
<!-- Main Slider Start -->
<div class="ec-main-slider section section-space-mb">
<div class="ec-slider">
<div class="ec-slide-item d-flex slide-1">
<img src="assets/images/main-slider-banner/arrow-26.png" class="main_banner_arrow_img" alt="" />
<div class="container align-self-center">
<div class="row">
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
<div class="ec-slide-content slider-animation">
<h2 class="ec-slide-stitle">Power Backup</h2>
<h1 class="ec-slide-title">12V Electric Drill Machine</h1>
<p>Introducing Drill Series 4. Fundamentally redesigned and re-engineered to help
you stay even more active & accurate.</p>
<span class="ec-slide-disc">Starting @<span>$150</span></span>
<a href="#" class="btn btn-lg btn-secondary">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="ec-slide-item d-flex slide-2">
<img src="assets/images/main-slider-banner/arrow-27.png" class="main_banner_arrow_img" alt="" />
<div class="container align-self-center">
<div class="row">
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
<div class="ec-slide-content slider-animation">
<h2 class="ec-slide-stitle">Accuracy 100%</h2>
<h1 class="ec-slide-title">Ceramic tiles cutter</h1>
<p>Introducing tiles cutter vss4 model. Fundamentally redesigned and re-engineered to help
you stay even more active.</p>
<span class="ec-slide-disc">Starting @<span>$654</span></span>
<a href="#" class="btn btn-lg btn-secondary">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="ec-slide-item d-flex slide-3">
<img src="assets/images/main-slider-banner/arrow-28.png" class="main_banner_arrow_img" alt="" />
<div class="container align-self-center">
<div class="row">
<div class="col-xl-6 col-lg-7 col-md-7 col-sm-7 align-self-center">
<div class="ec-slide-content slider-animation">
<h2 class="ec-slide-stitle">Smooth </h2>
<h1 class="ec-slide-title">grinder machine</h1>
<p>Introducing grinder machine bs. Fundamentally redesigned and re-engineered to help
you stay even more active, healthy, and connected.</p>
<span class="ec-slide-disc">Starting @<span>$150</span></span>
<a href="#" class="btn btn-lg btn-secondary">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Slider End -->
<!-- About Start -->
<section class="section ec-about-sec section-space-p">
<div class="container">
<div class="row">
<div class="section-title d-none">
<h2 class="ec-title">About</h2>
</div>
<div class="col-lg-6">
<div class="ec-about">
<img src="assets/images/about/about-10.png" alt="about-image">
</div>
</div>
<div class="col-lg-6">
<div class="ec-about-detail">
<h4>Bring power to your Work, with incredible tools.</h4>
<h5>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested alteration in some form.</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from in Virginia.</p>
<a class="btn btn-lg btn-primary" href="shop-banner-left-sidebar-col-3.html">Buy Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- About End -->
<!-- category Section Start -->
<section class="section ec-category-section section-space-p">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-block">
<div class="section-title">
<h2 class="ec-title">Browse By Categories</h2>
<p class="sub-title">Check out our feature products.</p>
</div>
<div class="section-btn">
<span class="ec-section-btn"><a class="btn-primary" href="shop-left-sidebar-col-4.php">View All Categories</a></span>
</div>
</div>
</div>
<div class="row">
<div class="ec_cat_slider">
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/14.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">drilling tools</a></span>
</div>
</div>
</div>
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/15.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">grinding machine</a></span>
</div>
</div>
</div>
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/16.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">Winches tools</a></span>
</div>
</div>
</div>
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/17.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">Generators</a></span>
</div>
</div>
</div>
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/18.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">Compressors</a></span>
</div>
</div>
</div>
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/19.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">Marble cutters</a></span>
</div>
</div>
</div>
<div class="ec_cat_content">
<div class="ec_cat_inner">
<div class="ec-cat-image">
<img src="assets/images/category-image/20.jpg" alt="" />
</div>
<div class="ec-cat-desc">
<span class="ec-section-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">planer machines</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--category Section End -->
<!-- ec Banner Section Start -->
<section class="ec-banner section section-space-p">
<div class="container">
<h2 class="d-none">Banner</h2>
<div class="ec-banners">
<div class="ec-banner-left col-sm-6">
<div class="ec-banner-block ec-banner-block-1 col-sm-12">
<div class="banner-block">
<img src="assets/images/banner/28.jpg" alt="" />
<div class="banner-content">
<div class="banner-text">
<span class="ec-banner-stitle">20% Off ! Limited week deal</span>
<span class="ec-banner-title">tools box</span>
<p>Lorem ipsum, or lipsum as it <br>is sometimes known, is dummy <br>since 1991.</p>
</div>
<span class="ec-banner-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">Discover Now</a></span>
</div>
</div>
</div>
</div>
<div class="ec-banner-right col-sm-6">
<div class="ec-banner-block ec-banner-block-2 col-sm-12">
<div class="banner-block">
<img src="assets/images/banner/29.jpg" alt="" />
<div class="banner-content">
<div class="banner-text">
<span class="ec-banner-stitle">Rezers</span>
<span class="ec-banner-title">welding machine</span>
</div>
<span class="ec-banner-btn"><a href="shop-left-sidebar-col-4.php" class="btn-primary">Discover Now</a></span>
</div>
</div>
</div>
<div class="ec-banner-block ec-banner-block-3 col-sm-6">
<div class="banner-block">
<a href="shop-left-sidebar-col-4.php">
<img src="assets/images/banner/30.jpg" alt="" />
<div class="banner-content">
<div class="banner-text">
<span class="ec-banner-stitle">Exlusive</span>
<span class="ec-banner-title">cleaner machine</span>
<span class="ec-banner-desc">Starting <span>$500.00</span></span>
</div>
</div>
</a>
</div>
</div>
<div class="ec-banner-block ec-banner-block-4 col-sm-6">
<div class="banner-block">
<a href="shop-left-sidebar-col-4.php">
<img src="assets/images/banner/31.jpg" alt="" />
<div class="banner-content">
<div class="banner-text">
<span class="ec-banner-stitle">Best 2022 Gear</span>
<span class="ec-banner-title">level machine</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ec Banner Section End -->
<!-- Product tab Area Start -->
<section class="section ec-product-tab section-space-p">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-block">
<div class="section-title">
<h2 class="ec-title">Exclusive Products</h2>
<p class="sub-title">Check out our exclusive products.</p>
</div>
<div class="section-btn">
<ul class="ec-pro-tab-nav nav">
<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab"
href="#tab-pro-new-arrivals">New Arrivals</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab"
href="#tab-pro-special-offer">Special Offer</a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab"
href="#tab-pro-best-sellers">Best Sellers</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="tab-content">
<!-- 1st Product tab start -->
<div class="tab-pane fade show active" id="tab-pro-new-arrivals">
<div class="row">
<div class="ec-pro-tab-slider">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/128_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/128_2.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Single drilling machine vss1</a></h5>
<span class="ec-price">
<span class="old-price">$1549</span>
<span class="new-price">$1400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/129_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/129_2.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Grinder machine striker s1</a>
</h5>
<span class="ec-price">
<span class="old-price">$120</span>
<span class="new-price">$80</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/130_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/130_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Breaker machine smart tech</a>
</h5>
<span class="ec-price">
<span class="old-price">$999</span>
<span class="new-price">$799</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/131_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/131_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Ceramic tiles cutter</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/132_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/132_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-15%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Small chainsaw for wood cutting</a>
</h5>
<span class="ec-price">
<span class="old-price">$3950</span>
<span class="new-price">$3500</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/133_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/133_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Stainless steel Hammer</a></h5>
<span class="ec-price">
<span class="old-price">$25</span>
<span class="new-price">$20</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/134_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/134_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-35%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Nail machine C35 stricker</a></h5>
<span class="ec-price">
<span class="old-price">$500</span>
<span class="new-price">$390</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/135_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/135_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-25%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Pliers hand tool ssv</a></h5>
<span class="ec-price">
<span class="old-price">$45</span>
<span class="new-price">$40</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Messoring tap tools</a></h5>
<span class="ec-price">
<span class="old-price">$12</span>
<span class="new-price">$10</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/137_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/137_2.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Vice tool for wooden work</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$370</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/138_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/138_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Screwdrivers Set</a>
</h5>
<span class="ec-price">
<span class="old-price">$230</span>
<span class="new-price">$180</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/139_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/139_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Spanner hand tool vss</a>
</h5>
<span class="ec-price">
<span class="old-price">$68</span>
<span class="new-price">$55</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ec 1st Product tab end -->
<!-- ec 2nd Product tab start -->
<div class="tab-pane fade" id="tab-pro-special-offer">
<div class="row">
<div class="ec-pro-tab-slider">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/132_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/132_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-15%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Small chainsaw for wood cutting</a>
</h5>
<span class="ec-price">
<span class="old-price">$3950</span>
<span class="new-price">$3500</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/133_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/133_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Stainless steel Hammer</a></h5>
<span class="ec-price">
<span class="old-price">$25</span>
<span class="new-price">$20</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/134_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/134_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-35%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Nail machine C35 stricker</a></h5>
<span class="ec-price">
<span class="old-price">$500</span>
<span class="new-price">$390</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/135_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/135_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-25%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Pliers hand tool ssv</a></h5>
<span class="ec-price">
<span class="old-price">$45</span>
<span class="new-price">$40</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Messoring tap tools</a></h5>
<span class="ec-price">
<span class="old-price">$12</span>
<span class="new-price">$10</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/137_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/137_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Vice tool for wooden work</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$370</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/138_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/138_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Screwdrivers Set</a>
</h5>
<span class="ec-price">
<span class="old-price">$230</span>
<span class="new-price">$180</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/139_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/139_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Spanner hand tool vss</a>
</h5>
<span class="ec-price">
<span class="old-price">$68</span>
<span class="new-price">$55</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/128_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/128_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Single drilling machine vss1</a></h5>
<span class="ec-price">
<span class="old-price">$1549</span>
<span class="new-price">$1400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/129_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/129_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Grinder machine striker s1</a>
</h5>
<span class="ec-price">
<span class="old-price">$120</span>
<span class="new-price">$80</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/130_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/130_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Breaker machine smart tech</a>
</h5>
<span class="ec-price">
<span class="old-price">$999</span>
<span class="new-price">$799</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/131_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/131_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Ceramic tiles cutter</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$400</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ec 2nd Product tab end -->
<!-- ec 3rd Product tab start -->
<div class="tab-pane fade" id="tab-pro-best-sellers">
<div class="row">
<div class="ec-pro-tab-slider">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/138_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/138_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Screwdrivers Set</a>
</h5>
<span class="ec-price">
<span class="old-price">$230</span>
<span class="new-price">$180</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/139_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/139_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Spanner hand tool vss</a>
</h5>
<span class="ec-price">
<span class="old-price">$68</span>
<span class="new-price">$55</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/128_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/128_2.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Single drilling machine vss1</a></h5>
<span class="ec-price">
<span class="old-price">$1549</span>
<span class="new-price">$1400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/129_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/129_2.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Grinder machine striker s1</a>
</h5>
<span class="ec-price">
<span class="old-price">$120</span>
<span class="new-price">$80</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Messoring tap tools</a></h5>
<span class="ec-price">
<span class="old-price">$12</span>
<span class="new-price">$10</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/137_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/137_2.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Vice tool for wooden work</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$370</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/134_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/134_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-35%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Nail machine C35 stricker</a></h5>
<span class="ec-price">
<span class="old-price">$500</span>
<span class="new-price">$390</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/135_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/135_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-25%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Pliers hand tool ssv</a></h5>
<span class="ec-price">
<span class="old-price">$45</span>
<span class="new-price">$40</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/130_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/130_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Breaker machine smart tech</a>
</h5>
<span class="ec-price">
<span class="old-price">$999</span>
<span class="new-price">$799</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/131_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/131_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Ceramic tiles cutter</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/132_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/132_2.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="percentage">-15%</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Small chainsaw for wood cutting</a>
</h5>
<span class="ec-price">
<span class="old-price">$3950</span>
<span class="new-price">$3500</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/133_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/133_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Stainless steel Hammer</a></h5>
<span class="ec-price">
<span class="old-price">$25</span>
<span class="new-price">$20</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ec 3rd Product tab end -->
</div>
</div>
</div>
</div>
</section>
<!-- ec Product tab Area End -->
<!-- offer Section Start -->
<section class="section ec-offer-section section-space-mt section-space-mb">
<h2 class="d-none">Offer</h2>
<div class="container">
<div class="ec-banner-info-10">
<div class="ec-offer-inner">
<div class="col-sm-4 ec-offer-content">
<h2 class="ec-offer-stitle">Happy Sunday</h2>
<h2 class="ec-offer-title">40% off</h2>
<span class="ec-offer-desc">All Construction Tools</span>
<div class="countdowntimer"><span id="ec-offer-count"></span></div>
<span class="ec-offer-btn"><a href="#" class="btn btn-lg btn-secondary">Shop Now</a></span>
</div>
</div>
</div>
</div>
</section>
<!-- offer Section End -->
<!-- Trending Item Start -->
<section class="section ec-trend-product section-space-p">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-block">
<div class="section-title">
<h2 class="ec-title">Trending Item</h2>
<p class="sub-title">Check out our trending products.</p>
</div>
<div class="section-btn">
<span class="ec-section-btn"><a class="btn-secondary" href="shop-left-sidebar-col-4.php">View All</a></span>
</div>
</div>
</div>
<div class="row">
<div class="ec-trend-slider">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/137_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/137_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Vice tool for wooden work</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$370</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/130_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/130_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Breaker machine smart tech</a>
</h5>
<span class="ec-price">
<span class="old-price">$999</span>
<span class="new-price">$799</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/128_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/128_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Single drilling machine vss1</a></h5>
<span class="ec-price">
<span class="old-price">$1549</span>
<span class="new-price">$1400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/129_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/129_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Grinder machine striker s1</a>
</h5>
<span class="ec-price">
<span class="old-price">$120</span>
<span class="new-price">$80</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/131_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/131_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Ceramic tiles cutter</a>
</h5>
<span class="ec-price">
<span class="old-price">$450</span>
<span class="new-price">$400</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/136_1.jpg"
alt="Product" />
</a>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Messoring tap tools</a></h5>
<span class="ec-price">
<span class="old-price">$12</span>
<span class="new-price">$10</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/138_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/138_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="sale">Top Seller</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Screwdrivers Set</a>
</h5>
<span class="ec-price">
<span class="old-price">$230</span>
<span class="new-price">$180</span>
</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 ec-product-content">
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="shop-left-sidebar-col-4.php" class="image">
<img class="main-image"
src="assets/images/product-image/139_2.jpg"
alt="Product" />
<img class="hover-image"
src="assets/images/product-image/139_1.jpg"
alt="Product" />
</a>
<span class="flags">
<span class="stock">Out of stock</span>
</span>
<div class="ec-pro-actions">
<button title="Add To Cart" class=" add-to-cart"><i class="fi-rr-shopping-basket"></i></button>
<a href="compare.html" class="ec-btn-group compare" title="Compare"><i class="fi fi-rr-arrows-repeat"></i></a>
<a href="#" class="ec-btn-group quickview" data-link-action="quickview" title="Quick view"
data-bs-toggle="modal" data-bs-target="#ec_quickview_modal"><i class="fi-rr-eye"></i></a>
<a class="ec-btn-group wishlist" title="Wishlist"><i class="fi-rr-heart"></i></a>
</div>
</div>
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Spanner hand tool vss</a>
</h5>
<span class="ec-price">
<span class="old-price">$68</span>
<span class="new-price">$55</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Trending Item end -->
<!-- services Section Start -->
<section class="section ec-services-section section-space-p">
<h2 class="d-none">Services</h2>
<div class="container">
<div class="row mb-minus-30">
<div class="ec_ser_content ec_ser_content_1 col-sm-12 col-md-3">
<div class="ec_ser_inner">
<div class="ec-service-image">
<i class="fi fi-ts-tachometer-fast"></i>
</div>
<div class="ec-service-desc">
<h2>Quick Delivery</h2>
<p>For Order Over $100.</p>
</div>
</div>
</div>
<div class="ec_ser_content ec_ser_content_2 col-sm-12 col-md-3">
<div class="ec_ser_inner">
<div class="ec-service-image">
<i class="fi fi-ts-truck-moving"></i>
</div>
<div class="ec-service-desc">
<h2>Free Returns</h2>
<p>Easy & Free Return.</p>
</div>
</div>
</div>
<div class="ec_ser_content ec_ser_content_3 col-sm-12 col-md-3">
<div class="ec_ser_inner">
<div class="ec-service-image">
<i class="fi fi-ts-circle-phone"></i>
</div>
<div class="ec-service-desc">
<h2>24/7 Support</h2>
<p>Free Online Support.</p>
</div>
</div>
</div>
<div class="ec_ser_content ec_ser_content_3 col-sm-12 col-md-3">
<div class="ec_ser_inner">
<div class="ec-service-image">
<i class="fi fi-ts-donate"></i>
</div>
<div class="ec-service-desc">
<h2>Secure Payment</h2>
<p>Refund Guaranteed.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--services Section End -->
<!-- ec testimonial Start -->
<section class="section ec-test-section section-space-p">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-block">
<div class="section-title">
<h2 class="ec-title">Testimonial</h2>
<p class="sub-title">What our clients say about us!</p>
</div>
</div>
</div>
<div class="row">
<div class="ec-test-outer">
<ul id="ec-testimonial-slider">
<li class="ec-test-item">
<div class="ec-test-inner">
<div class="ec-test-img"><img alt="testimonial" title="testimonial"
src="assets/images/testimonial/1.jpg" /></div>
<div class="ec-test-content">
<div class="ec-test-icon"><i class="fi-rr-quote-right"></i></div>
<div class="ec-test-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam.</div>
<div class="ec-test-name-info">
<div class="ec-test-name">Jenifer Brown</div>
<div class="ec-test-designation">Manager of AZ</div>
</div>
</div>
</div>
</li>
<li class="ec-test-item">
<div class="ec-test-inner">
<div class="ec-test-img"><img alt="testimonial" title="testimonial"
src="assets/images/testimonial/2.jpg" /></div>
<div class="ec-test-content">
<div class="ec-test-icon"><i class="fi-rr-quote-right"></i></div>
<div class="ec-test-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam.</div>
<div class="ec-test-name-info">
<div class="ec-test-name">Maria Zukerbug</div>
<div class="ec-test-designation">Manager of AZ</div>
</div>
</div>
</div>
</li>
<li class="ec-test-item">
<div class="ec-test-inner">
<div class="ec-test-img"><img alt="testimonial" title="testimonial"
src="assets/images/testimonial/3.jpg" /></div>
<div class="ec-test-content">
<div class="ec-test-icon"><i class="fi-rr-quote-right"></i></div>
<div class="ec-test-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam.</div>
<div class="ec-test-name-info">
<div class="ec-test-name">Moris Selemen</div>
<div class="ec-test-designation">Manager of AZ</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ec testimonial end -->
<!-- Ec Brand Section Start -->
<section class="section ec-brand-area section-space-p">
<h2 class="d-none">Brand</h2>
<div class="container">
<div class="row">
<div class="ec-brand-outer">
<ul id="ec-brand-slider">
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/1.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/2.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/3.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/4.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/5.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/6.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/7.png" />
</a>
</div>
</li>
<li class="ec-brand-item" data-animation="zoomIn">
<div class="ec-brand-img">
<a href="#">
<img alt="brand" title="brand" src="assets/images/brand-image/8.png" />
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Ec Brand Section End -->
<!-- Ec Instagram Start -->
<section class="section ec-instagram-section section-space-p">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-block">
<div class="section-title">
<h2 class="ec-title">Instagram <span>#Thestore</span></h2>
<p class="sub-title">Add Stories on instagram and tell us how impact our product in your life.
</p>
</div>
<div class="section-btn">
<span class="ec-section-btn"><a class="btn-secondary" href="#">Follow Us</a></span>
</div>
</div>
</div>
<div class="row">
<div class="ec-insta-wrapper">
<div class="ec-insta-outer">
<div class="insta-auto">
<!-- instagram item -->
<div class="ec-insta-item">
<div class="ec-insta-inner">
<a href="#" target="_blank"><img src="assets/images/instragram-image/8.jpg" alt=""></a>
</div>
</div>
<!-- instagram item -->
<div class="ec-insta-item">
<div class="ec-insta-inner">
<a href="#" target="_blank"><img src="assets/images/instragram-image/9.jpg" alt=""></a>
</div>
</div>
<!-- instagram item -->
<div class="ec-insta-item">
<div class="ec-insta-inner">
<a href="#" target="_blank"><img src="assets/images/instragram-image/10.jpg" alt=""> </a>
</div>
</div>
<!-- instagram item -->
<div class="ec-insta-item">
<div class="ec-insta-inner">
<a href="#" target="_blank"><img src="assets/images/instragram-image/11.jpg" alt=""></a>
</div>
</div>
<!-- instagram item -->
<div class="ec-insta-item">
<div class="ec-insta-inner">
<a href="#" target="_blank"><img src="assets/images/instragram-image/12.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Ec Instagram End -->
<!-- Footer Start -->
<footer class="ec-footer">
<div class="footer-container">
<div class="footer-offer">
<div class="container">
<div class="row">
<div class="text-center footer-off-msg">
<span>Win a contest! Get this limited-editon</span><span class="footer-off-text">- Free
Office Chair</span><a href="#" target="_blank">View Detail</a>
</div>
</div>
</div>
</div>
<div class="footer-top section-space-footer-p">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-3 ec-footer-contact">
<div class="ec-footer-widget">
<div class="ec-footer-logo"><a href="javascript:void(0)"><img
src="assets/images/logo/footer-logo-10.png" alt=""></div>
<h4 class="ec-footer-heading">Location</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
<li class="ec-footer-link">71 Pilgrim Avenue Chevy Chase, MD 20815, USA</li>
</ul>
<div class="col-sm-12 col-lg-3 ec-footer-social">
<div class="ec-footer-widget">
<div class="ec-footer-links">
<ul class="align-items-center">
<li class="list-inline-item"><a href="#"><i class="ecicon eci-facebook"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-twitter"></i></a>
</li>
<li class="list-inline-item"><a href="#"><i
class="ecicon eci-instagram"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="ecicon eci-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-3 ec-footer-news">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Newsletter</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
<li class="ec-footer-link">Get instant updates about our new products and
special promos!</li>
</ul>
<div class="ec-subscribe-form">
<form id="ec-newsletter-form" name="ec-newsletter-form" method="post"
action="#">
<div id="ec_news_signup" class="ec-form">
<input class="ec-email" type="email" required=""
placeholder="Enter your email here..." name="ec-email" value="" />
<button id="ec-news-btn" class="button btn-secondary" type="submit"
name="subscribe" value=""><i class="ecicon eci-paper-plane-o"
aria-hidden="true"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-account">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Account</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="user-profile.html">My Account</a></li>
<li class="ec-footer-link"><a href="track-order.html">Order History</a></li>
<li class="ec-footer-link"><a href="wishlist.html">Wish List</a></li>
<li class="ec-footer-link"><a href="offer.html">Specials</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-service">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Services</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="#">Discount Returns</a></li>
<li class="ec-footer-link"><a href="privacy-policy.html">Policy & policy </a>
</li>
<li class="ec-footer-link"><a href="#">Customer Service</a></li>
<li class="ec-footer-link"><a href="terms-condition.html">Term & condition</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-2 ec-footer-info">
<div class="ec-footer-widget">
<h4 class="ec-footer-heading">Information</h4>
<div class="ec-footer-links">
<ul class="align-items-center">
<li class="ec-footer-link"><a href="about-us.html">About us</a></li>
<li class="ec-footer-link"><a href="faq.html">FAQ</a></li>
<li class="ec-footer-link"><a href="track-order.html">Delivery Information</a>
</li>
<li class="ec-footer-link"><a href="contact-us.html">Contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<!-- Footer Copyright Start -->
<div class="col footer-copy">
<div class="footer-bottom-copy ">
<div class="ec-copy">Copyright © 2023 <a class="site-name text-upper"
href="index.php">Ekka</a>. All Rights Reserved</div>
</div>
</div>
<!-- Footer Copyright End -->
<!-- Footer payment -->
<div class="col footer-bottom-right">
<div class="footer-bottom-payment d-flex justify-content-end">
<div class="payment-link">
<img src="assets/images/icons/payment.png" alt="">
</div>
</div>
</div>
<!-- Footer payment -->
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Area End -->
<!-- Modal -->
<div class="modal fade" id="ec_quickview_modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="btn-close qty_close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<div class="row">
<div class="col-md-5 col-sm-12 col-xs-12">
<!-- Swiper -->
<div class="qty-product-cover">
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/19_1.jpg"
alt="">
</div>
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/19_2.jpg"
alt="">
</div>
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/27_1.jpg"
alt="">
</div>
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/27_2.jpg"
alt="">
</div>
</div>
<div class="qty-nav-thumb">
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/19_1.jpg"
alt="">
</div>
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/19_2.jpg"
alt="">
</div>
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/27_1.jpg"
alt="">
</div>
<div class="qty-slide">
<img class="img-responsive" src="assets/images/product-image/27_2.jpg"
alt="">
</div>
</div>
</div>
<div class="col-md-7 col-sm-12 col-xs-12">
<div class="quickview-pro-content">
<h5 class="ec-quick-title"><a href="shop-left-sidebar-col-4.php">Single sofa for living room</a></h5>
<div class="ec-quickview-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>
<div class="ec-quickview-desc">Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s,</div>
<div class="ec-quickview-price">
<span class="old-price">$450.00</span>
<span class="new-price">$400.00</span>
</div>
<div class="ec-pro-variation">
<div class="ec-pro-variation-inner ec-pro-variation-color">
<span>Color</span>
<div class="ec-pro-variation-content">
<ul>
<li><span style="background-color:#696d62;"></span></li>
<li><span style="background-color:#2ea1cd;"></span></li>
</ul>
</div>
</div>
</div>
<div class="ec-quickview-qty">
<div class="qty-plus-minus">
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
</div>
<div class="ec-quickview-cart ">
<button class="btn btn-secondary"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal end -->
<!-- FB Chat Messenger -->
<div class="ec-fb-style fb-right-bottom">
<!-- Start Floating Panel Container -->
<div class="fb-panel">
<!-- Panel Content -->
<div class="fb-header">
<img src="assets/images/user/1.jpg" alt="pic" />
<h2>Maria Mark</h2>
<p>Technical Manager</p>
</div>
<div class="fb-body">
<p><b>Hey there &#128515;</b></p>
<p>Need help ? just send me a message.</p>
</div>
<div class="fb-footer">
<a href="http://m.me/Loopinfosol" target="_blank" class="fb-msg-button">
<span>Send Message</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="fb-button fb-right-bottom">
<i class="fi-rr-phone-call"></i>
</div>
<!--/ End Right Floating Button -->
</div>
<!-- FB Chat Messenger 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 id="ec-popnews-box-content">
<h1>Subscribe Newsletter</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<form id="ec-popnews-form" action="#" method="post">
<input type="email" name="newsemail" placeholder="Email Address" required />
<button type="button" class="btn btn-secondary" name="subscribe">Subscribe</button>
</form>
</div>
</div>
<!-- Newsletter Modal end -->
<!-- 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>
<!--successfully toast end -->
<!-- Theme Custom Cursors -->
<div class="ec-cursor"></div>
<div class="ec-cursor-2"></div>
<!-- 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/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/countdownTimer.min.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/infiniteslidev2.js"></script>
<script src="assets/js/plugins/fb-chat.js"></script>
<!-- Main Js -->
<script src="assets/js/vendor/index.js"></script>
<script src="assets/js/demo-10.js"></script>
</body>
</html>