博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图
网页代码
<!DOCTYPE html>
<html class="" lang="en">
<head>
<title>Zenex</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/Favicon.ico">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<!-- Bootstrap v4.5.3 -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- Font Awesome Free 5.15.1 -->
<link rel="stylesheet" type="text/css" href="assets/css/all.min.css">
<!-- animate 4.1.1 -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css">
<!-- media -->
<link rel="stylesheet" type="text/css" href="assets/css/media.css">
<!-- Owl Carousel v1.3.3 -->
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
<!-- daterangepicker -->
<link rel="stylesheet" type="text/css" href="assets/css/daterangepicker.css">
<!-- Magnific Popup CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">
<!-- style.css -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
</head>
<body>
<!-- cart-model -->
<div class="modal fade" id="cart_model" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title f_13 font-weight-bold">Product successfully added to your shopping cart</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-4 col-xs-12 mb-3 ">
<img src="assets/img/product/product_13.jpg" class="fst-image mx-auto d-block img-fluid border rounded" alt="product_13">
</div>
<div class="col-sm-8 col-xs-12 ">
<h3 class="font-weight-bold f_15">Fresho fruit - Banganapalli, 1 kg </h3>
<div class="font-weight-bold pb-1">$19.12</div>
<span class="font-weight-bold f_13 pb-1">Size: S</span><br>
<span class="font-weight-bold f_13 pb-1">Color: White</span><br>
<span class="font-weight-bold f_13 pb-1">Qty: 2</span>
</div>
</div>
<div class="row">
<div class=" col-12 ">
<div class="border rounded bg-white final_payment">
<div class="card-body border-bottom">
<p class="text-muted">5 items</p>
<p class="font-weight-bolder">show details</p>
<div>
<span class="font-weight-bold">subtotal</span>
<span class="float-right font-weight-bold">$94.00</span>
</div>
<div>
<span class="font-weight-bold">shipping</span>
<span class="float-right font-weight-bold">$9.00</span>
</div>
</div>
<div class="card-body ">
<div>
<span class="font-weight-bold">total(tax excl.)</span>
<span class="float-right font-weight-bold">$94.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<a class="btn btn-primary mt-2 f_13 px-3 py-2 rounded" data-dismiss="modal">close</a>
<a href="checkout.html" class="btn btn-primary mt-2 f_13 px-3 py-2 rounded">continue</a>
</div>
</div>
</div>
</div>
<!-- cart_model -->
<!-- eye-model -->
<div class="modal fade" id="eye_model" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-5 col-12">
<img src="assets/img/product/product_13.jpg" class="fst-image mx-auto d-block img-fluid border rounded" alt="product_13">
</div>
<div class="col-sm-7 col-12 eye-button-p">
<div class="eye-button-d">
<h5 class="font-weight-bold border-bottom me_name">Women's Chiffon Full Circle Belly Dance Costume/Skirt</h5>
<div class="font-weight-bold border-bottom me_price">$19.12</div>
<div class="my-2 border-bottom me_des">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
<div class="me_quan">
<div class="sp_counter ">
<div class="number">
<span class="minus">-</span>
<input type="text" value="1"/>
<span class="plus">+</span>
</div>
</div>
<span class="compere_addcart">
<a href="cart.html" class="btn btn-primary primary mt-3">add to cart</a><!-- cart.html -->
</span>
</div>
<div class="product_meta">
<span class="sku_wrapper">SKU: <span class="sku">NHFL5-8</span></span>
<span class="posted_in">Categories: <a href="#" rel="tag">Chairs</a>, <a href="" rel="tag">Circuits</a>, <a href="" rel="tag">clothes</a>, <a href="" rel="tag">mega</a>, <a href="" rel="tag">Nintendo</a>, <a href="" rel="tag">radio</a>, <a href="" rel="tag">shoes</a>, <a href="" rel="tag">sofa</a>, <a href="" rel="tag">spectacles</a>, <a href="" rel="tag">Spintronics</a>, <a href="" rel="tag">Washing</a></span>
<span class="tagged_as">Tags: <a href="" rel="tag">Accessories</a>, <a href="" rel="tag">Bioelectronics</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- eye_model -->
<!-- compare-model -->
<div class="modal fade" id="compare_model" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<p>
<svg viewBox="0 0 408.576 408.576" id="check" width="30px" height="30px">
<path d="M204.288,0C91.648,0,0,91.648,0,204.288s91.648,204.288,204.288,204.288s204.288-91.648,204.288-204.288
S316.928,0,204.288,0z M318.464,150.528l-130.56,129.536c-7.68,7.68-19.968,8.192-28.16,0.512L90.624,217.6
c-8.192-7.68-8.704-20.48-1.536-28.672c7.68-8.192,20.48-8.704,28.672-1.024l54.784,50.176L289.28,121.344
c8.192-8.192,20.992-8.192,29.184,0C326.656,129.536,326.656,142.336,318.464,150.528z"></path>
</svg>
</p>
<h5>Compare list updated!</h5>
<p class="text-muted font-weight-bold">Product successfully removed from the product comparison!</p>
<div class="b-title font-weight-bold"><a href="compare.html">Go to Compare</a></div>
</div>
</div>
</div>
</div>
<!-- compare_model -->
<!-- heart-model -->
<div class="modal fade" id="heart_model" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<p>
<svg viewBox="0 0 408.576 408.576" id="checked" width="30px" height="30px">
<path d="M204.288,0C91.648,0,0,91.648,0,204.288s91.648,204.288,204.288,204.288s204.288-91.648,204.288-204.288
S316.928,0,204.288,0z M318.464,150.528l-130.56,129.536c-7.68,7.68-19.968,8.192-28.16,0.512L90.624,217.6
c-8.192-7.68-8.704-20.48-1.536-28.672c7.68-8.192,20.48-8.704,28.672-1.024l54.784,50.176L289.28,121.344
c8.192-8.192,20.992-8.192,29.184,0C326.656,129.536,326.656,142.336,318.464,150.528z"></path>
</svg>
</p>
<p class="text-muted font-weight-bold">You must be logged in to manage your wishlist.</p>
<div class="b-title font-weight-bold"><a href="wishlist.html"> to wishlist</a></div>
</div>
</div>
</div>
</div>
<!-- heart_model -->
<div class="preloader"></div>
<!-- header area -->
<header>
<div class="topbar-outer py-2 d-md-none d-none d-none d-lg-block">
<div class="container container">
<div class="row">
<div class="col-lg-7 col-md-4 col-sm-4 topbar_left">
<ul>
<li>
<span>Get 30% Off On Selected Items</span>
<span class="ml-3 text-lowercase"><i class="fa fa-envelope mr-2"></i>demo@demo.com</span>
</li>
</ul>
</div>
<!-- col-lg-5 col-md-4 col-sm-4 hidden-md-down topbar_left -->
<div class="col-lg-5 col-md-8 col-sm-8 text-xs-right topbar_right text-right">
<nav class="navbar ">
<div class="dropdown right1 md_1 ">
<span class="dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><a href="#" > USD <i class="fas fa-angle-down"></i></a>
</span>
<div class="dropdown-menu r_menu dropdown-menu-right" >
<a class="dropdown-item font-weight-bolder" href="#">SAR SAR</a>
<a class="dropdown-item font-weight-bolder" href="#">USD $</a>
</div>
</div>
<div class="dropdown right1 md_2 hr_">
<span class="dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><a href="#" >ENG <i class="fas fa-angle-down"></i></a>
</span>
<div class="dropdown-menu r_menu dropdown-menu-right" >
<a class="dropdown-item font-weight-bolder" href="#">English</a>
<a class="dropdown-item font-weight-bolder" href="#">Polski</a>
<a class="dropdown-item font-weight-bolder" href="#">Romana</a>
<a class="dropdown-item font-weight-bolder" href="#">Deutsch</a>
<a class="dropdown-item font-weight-bolder" href="#">Italiano</a>
</div>
</div>
</nav>
</div>
<!-- col-lg-7 col-md-8 col-sm-8 text-xs-right hidden-md-down topbar_right text-right -->
</div>
<!-- row -->
</div>
<!-- container container -->
</div>
<!-- topbar-outer py-2 border-bottom bg-white -->
<div class="header-top py-4 bg-white sticky-md-top">
<div class="container container header-top-container">
<div class="row">
<div class="col-xl-2 col-lg-3 col-6 head-logo">
<div class="text-left header-top-left"><a href="index.html"><img src="assets/img/logo.png" class="img-responsive img" alt="Zenex"></a></div>
</div>
<!-- col-xl-2 col-lg-2 col-md-2 col-sm-3 head-logo -->
<div class="col-xl-10 col-lg-9 col-6 head-search">
<div class="d-flex navbar">
<div class="input-class text-left col-xl-8 col-lg-7 col-md-12 ">
<div class="between-header border border-danger mb-0 head-left">
<select class="select-menu form-select d-none d-sm-block" >
<option value="selected">all categories</option>
<option value="1">laptop</option>
<option value="2">headphone</option>
<option value="3">audio</option>
</select>
<div class="input-group">
<input type="text" placeholder="search" class="form-control" aria-label="search">
<div class="input-group-btn"><button type="button" class="btn btn-danger text-uppercase font-weight-normal">search</button></div>
</div>
</div>
<!-- between-header text-left col-sm-8 head-left border border-danger rounded mb-0 -->
</div>
<div class="col-xl-4 col-lg-5 head-right text-right pr-0">
<ul>
<li class="md_compare d-lg-none d-md-inline-block">
<a href="compare.html">
<span class="rcom d-lg-inline-block d-md-none d-sm-none d-none">
<svg width="34px" height="34px">
<use xlink:href="#compare"></use>
</svg>
</span>
<span class="comp_wish align-middle d-lg-inline-block font-weight-bolder"><i class="fas fa-compress-alt"></i><span class="md_svg">compare</span></span>
</a>
</li>
<li class="dropdown right1 md_acc ">
<span class="dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a href="#" class="font-weight-bolder">
<span class="header_user_svg d-lg-inline-block d-none"></span><span class="header_user_text d-lg-none d-md-inline-block"><i class="far fa-user"></i><span class="md_svg">user</span></span>
<!-- -->
</a>
</span>
<span class="dropdown-menu r_menu dropdown-menu-right" >
<a class="dropdown-item font-weight-bolder" href="login.html">log in</a>
<a class="dropdown-item font-weight-bolder" href="registration.html">register</a>
</span>
</li>
<li class="md_wish d-lg-inline-block d-md-none d-sm-none d-none">
<a href="wishlist.html">
<span class="rcom d-lg-inline-block d-md-none d-sm-none d-none">
<span class="header_heart_svg"></span>
<!-- <img src="assets/img/svg/heart_header.svg" class="head_svg" alt="svg_head"></svg> -->
</span>
<span class="comp_wish align-middle font-weight-bolder d-lg-none d-md-inline-block"><i class="far fa-heart"></i><span class="md_svg">favourite</span></span>
</a>
</li>
<li class="d-lg-none d-md-inline-block user">
<span >
<a href="#"><span class="header_user_svg"></span></a>
</span>
<div class="head_ border rounded bg-white text-left">
<a class=" md_login" href="#"></a>
</div>
</li>
<li class="dropdown d-inline-block header_cart">
<span class="dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="cart_back">
<span class="header_cart_svg"></span>
<!-- <img src="assets/img/svg/cart_header.svg" class="head_svg" alt="svg_head"> -->
<!-- <svg width="35px" height="35px"><use xlink:href="#cart"></use></svg> -->
</span>
<span class="d-inline-block align-top cart_count"><span class="font-weight-bolder mb-0 f_16 lg_cart">my cart</span>
<span class="price_cart mr-1 d-none d-lg-inline-block">item</span><span class="for_res">1</span></span>
</span>
<div class="dropdown-menu s_cart dropdown-menu-right" >
<ul class="shopping-cart p-2 ">
<li class="pb-2 d-block border-bottom pl-0">
<div class="text-right header-p-dlt cart_remove">
<a href="#"><i class="fas fa-trash-alt "></i></a>
</div>
<div class="media ">
<div>
<a href="#"><img src="assets/img/product/product_21.jpg" class="fst-image img-fluid align-self-center" alt="product_21"></a>
</div>
<div class="media-body">
<h6 class="mt-0 f_15"><a href="#">Media heading</a></h6>
<p><span>1 x $ 299.00</span></p>
</div>
</div>
</li>
<li class="d-block text-muted font-weight-bolder p-2 border-bottom">
<span class="text-left">subtotal:</span>
<span class="float-right">$230.00</span>
</li>
<li class="d-block font-weight-bolder pt-2">
<span class="text-left"><a href="cart.html">view cart</a></span>
<span class="float-right"><a href="checkout.html">check out</a></span>
</li>
</ul>
<p class="text-center cart_empty">Your Shopping cart is empty!</p>
</div>
</li>
</ul>
</div>
<!-- col-sm-4 head-right text-right -->
</div>
<!-- row -->
</div>
<!-- col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12 head-search -->
</div>
<!-- row -->
</div>
<!-- container container -->
</div>
<!-- header-top py-4 border-bottom bg-white -->
<!-- third row -->
<div class="header_bottom shadow-sm bg-white rounded bg-white">
<div class="container container">
<div class="row">
<div class="col-lg-3 vertical_menu ">
<div class="v_menu bg-white rounded">
<div class="cat_menu "><a class="text-white pe-auto text-uppercase d-md-none d-sm-none d-none d-lg-block font-weight-bold" data-toggle="collapse" href="#vartical_collapse" role="button" aria-expanded="false" aria-controls="vartical_collapse"><i class="fas fa-bars"></i>all categories<span class="float-right"><i class="fas fa-angle-down"></i></span></a></div>
<div class="navbar-header d-xl-none d-lg-none">
<button type="button" class="btn-navbar navbar-toggle" onclick="openNav()" data-toggle="collapse" data-target="#vartical_collapse"><i class="fas fa-bars"></i></button>
</div>
<div class="collapse" id="vartical_collapse">
<div id="mySidenav" class="sidenav" >
<div class="close-nav d-xl-none d-lg-none">
<span class="categories">Category</span>
<a href="javascript:void(0)" class="closebtn pull-right" onclick="closeNav()"><i class="fas fa-times"></i></a>
</div>
<ul class="vertical_main_menu sp_menu navbar navbar-nav">
<li class="dropdown mega_menu m1_menu level-1 font-weight-bolder">
<a class="dropdown-toggle" href="single-product.html" role="button" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-mobile-alt"></i>portfolio <span class="float-right mt-1"><i class="fas fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li>
<ul class="row mx-0">
<li class="mg_menu col-lg-6 col-md-12 ">
<ul>
<li class="h_title text-uppercase font-weight-bold border-bottom">portfolio grid 2</li>
<li><a class="dropdown-item font-weight-bolder" href="portfolio-grid-2.html">portfolio grid 2</a></li>
<li><a class="dropdown-item font-weight-bolder" href="portfolio-grid-3.html">portfolio grid 3</a></li>
<li><a class="dropdown-item font-weight-bolder" href="portfolio-grid-4.html">portfolio grid 4</a></li>
<li><a class="dropdown-item font-weight-bolder" href="mesonary-grid-2.html">mesonary grid 2</a></li>
<li><a class="dropdown-item font-weight-bolder" href="mesonary-grid-3.html">mesonary grid 3</a></li>
<li><a class="dropdown-item font-weight-bolder" href="mesonary-grid-4.html">mesonary grid 4</a></li>
</ul>
</li>
<li class="mg_menu col-lg-6 col-md-12">
<ul>
<li class="h_title text-uppercase font-weight-bold border-bottom">theme elements</li>
<li><a class="dropdown-item font-weight-bolder" href="title.html">title</a></li>
<li><a class="dropdown-item font-weight-bolder" href="category-style.html">category</a></li>
<li><a class="dropdown-item font-weight-bolder" href="services.html">services</a></li>
<li><a class="dropdown-item font-weight-bolder" href="product-tab.html">product tab</a></li>
<li><a class="dropdown-item font-weight-bolder" href="multi-slider-product.html">multi slider product</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown level-1 font-weight-bolder">
<a class="dropdown-toggle" href="blog.html" role="button" data-toggle="dropdown" aria-expanded="false"><i class="far fa-hourglass"></i>blog <span class="float-right mt-1"><i class="fas fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item font-weight-bolder" href="blog.html">blog</a></li>
<li><a class="dropdown-item font-weight-bolder" href="blog-left-sidebar.html">left sidebar</a></li>
<li><a class="dropdown-item font-weight-bolder" href="blog-right-sidebar.html">right sidebar</a></li>
</ul>
</li>
<li class="dropdown level-1 font-weight-bolder">
<a class="dropdown-toggle" href="shop-left-sidebar.html" role="button" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-laptop"></i>shop <span class="float-right mt-1"><i class="fas fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">left sidebar</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-right-sidebar.html">right sidebar</a></li>
</ul>
</li>
<li class="dropdown mega_menu level-1 font-weight-bolder">
<a class="dropdown-toggle" href="single-product.html" role="button" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-mobile-alt"></i>Smartphone <span class="float-right mt-1"><i class="fas fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li>
<ul class="row mx-0">
<li class="mg_menu col-lg-4 col-md-12 ">
<ul>
<li class="h_title text-uppercase font-weight-bold border-bottom">fashion</li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">Laptop</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">head phone</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">computer</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">chair</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">mobile</a></li>
</ul>
</li>
<li class="mg_menu col-lg-4 col-md-12">
<ul>
<li class="h_title text-uppercase font-weight-bold border-bottom">fashion</li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">Laptop</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">head phone</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">computer</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">chair</a></li>
<li><a class="dropdown-item font-weight-bolder" href="shop-left-sidebar.html">mobile</a></li>
</ul>
</li>
<li class="mg_menu col-lg-4 col-md-12">
<ul>
<li><a href="single-product.html"><img src="assets/img/product/deal2.jpg" class="fst-image mx-auto d-block mb-1 img-fluid" alt="deal2"></a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown level-1 font-weight-bolder">
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-laptop"></i>pages <span class="float-right mt-1"><i class="fas fa-angle-down"></i></span></a>
<ul class="dropdown-menu" >
<li><a class="dropdown-item font-weight-bolder" href="about-us.html">about us</a></li>
<li><a class="dropdown-item font-weight-bolder" href="login.html">login</a></li>
<li><a class="dropdown-item font-weight-bolder" href="registration.html">registration</a></li>
<li><a class="dropdown-item font-weight-bolder" href="single-product.html">single product</a></li>
<li><a class="dropdown-item font-weight-bolder" href="single-blog.html">single blog</a></li>
<li><a class="dropdown-item font-weight-bolder" href="cart.html">cart</a></li>
<li><a class="dropdown-item font-weight-bolder" href="compare.html">compare</a></li>
<li><a class="dropdown-item font-weight-bolder" href="wishlist.html">wishlist</a></li>
<li><a class="dropdown-item font-weight-bolder" href="checkout.html">check out</a></li>
<li><a class="dropdown-item font-weight-bolder" href="forgot.html">forgot password</a></li>
</ul>
</li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="fas fa-tv"></i>TV & Audio</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="fas fa-headphones-alt"></i>Headphone</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="far fa-clock"></i>Smart watch</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="far fa-keyboard"></i>Accessories</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="fas fa-tshirt"></i>Fashion</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="fas fa-universal-access"></i>Sale and Offers</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="far fa-keyboard"></i>Accessories</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="fas fa-tshirt"></i>Fashion</a></li>
<li class="level-1 font-weight-bolder"><a href="shop-left-sidebar.html"><i class="fas fa-universal-access"></i>Sale and Offers</a></li>
</ul>
</div>
</div>
</div>
<!-- v_menu bg-white rounded -->
</div>
<!-- col-md-3 vertical_menu -->
<div class="col-lg-9 text-left md_none">
<ul class="main-menu navbar">
<li><a href="index.html">Home</a></li>
<li><a href="shop-left-sidebar.html">Shop</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="portfolio-grid-4.html">gallery</a></li>
<li><a href="about-us.html">about us</a></li>
<li>
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">pages <i class="fas fa-angle-down"></i></a>
<ul class="dropdown-menu" >
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="about-us.html">about us</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="single-product.html">single product</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="single-blog.html">single blog</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="login.html">login</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="registration.html">registration</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="cart.html">cart</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="compare.html">compare</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="wishlist.html">wishlist</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="checkout.html">check out</a></li>
<li class="d-block"><a class="dropdown-item font-weight-bolder" href="forgot.html">forgot password</a></li>
</ul>
</li>
</ul>
</div>
<!-- col-lg-9 text-left -->
</div>
<!-- row -->
</div>
<!-- container container -->
</div>
<!-- header_bottom shadow-sm bg-white rounded bg-white -->
</header>
<!-- header -->
<!-- header area end -->
<!-- vertical menu and slider -->
<div class="slider_container">
<div class="preloader"></div>
<div id="slider_carousel" class="owl-carousel owl-theme">
<div class="item">
<a href="#">
<img src="assets/img/s1.jpg" class="float-left img-fluid" alt="banner-1" data-wow-delay="0.2s">
</a>
</div>
<div class="item">
<a href="#">
<img src="assets/img/s2.jpg" class="float-left img-fluid" alt="banner-1" data-wow-delay="0.2s">
</a>
</div>
</div>
</div>
<!-- container container menu_slider mt-4 -->
<!-- vertical menu and slider end -->
<!-- services -->
<div class="container service_container">
<div class="main_services bg-white">
<div class="row">
<div class="col-md-3 col-sm-6 col-12 m_service ">
<ul class="bg-white service text-center animate__animated animate__fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">
<li class="ser-svg d-lg-inline-block d-md-block align-middle"><span class="ser1_svg"></span></li>
<li class="ser-t d-lg-inline-block d-md-block align-middle text-left">
<p class="mb-0">24 x 7 free Support</p>
</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-12 m_service">
<ul class="bg-white service text-center animate__animated animate__fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<li class="ser-svg d-lg-inline-block d-md-block align-middle"><span class="ser2_svg"></span></li>
<li class="ser-t d-lg-inline-block d-md-block align-middle text-left">
<p class="mb-0">Money Back Guarantee</p>
</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-12 m_service">
<ul class="bg-white service text-center animate__animated animate__fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
<li class="ser-svg d-lg-inline-block d-md-block align-middle"><span class="ser3_svg"></span></li>
<li class="ser-t d-lg-inline-block d-md-block align-middle text-left">
<p class="mb-0">Free Worldwide Shipping</p>
</li>
</ul>
</div>
<div class="col-md-3 col-sm-6 col-12 m_service">
<ul class="bg-white service text-center animate__animated animate__fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<li class="ser-svg d-lg-inline-block d-md-block align-middle"><span class="ser4_svg"></span></li>
<li class="ser-t d-lg-inline-block d-md-block align-middle text-left">
<p class="mb-0">Win $100 To Shop</p>
</li>
</ul>
</div>
</div>
<!-- row -->
</div>
<!-- main_services -->
</div>
<!-- container container -->
<!-- services end -->
<div class="container animate__animated animate__fadeInUp">
<div class="shadow_container">
<div class="row">
<div class="col-12">
<div class="title_outer">
<h2 class="font-weight-bolder mb-4 pr-3"><span>hot categories</span></h2>
</div>
<!-- title_outer -->
</div>
<!-- col-12 -->
</div>
<!-- row -->
<div class="row cat_row">
<div id="cat_carousel" class="owl-carousel owl-theme">
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="shop-left-sidebar.html"><img src="assets/img/category/category_1.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>phone</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_2.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>speaker</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_3.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>shoes</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_4.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>tv</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_5.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>chair</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_6.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>bag</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_7.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>watch</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-12">
<div class="category_part">
<div class="cate_img">
<a href="single-product.html"><img src="assets/img/category/category_8.png" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
</div>
<div class="content-cate text-center">
<h3 class="categoryName">
<span>accessories</span>
</h3>
</div>
<div class="cate-view text-center">
<a href="shop-left-sidebar.html">
View More
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- main container -->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 leftw">
<div class="fst_bnr banner">
<div class="row">
<div class="col-12">
<div class="beffect">
<a href="#"><img src="assets/img/z_left_bnr.jpg" alt="bnr" class="img-fluid mx-auto d-block"></a>
</div>
</div>
</div>
</div>
<div class="new_product_left">
<div class="leftpro">
<h2 class="left-heading text-left"><span>popular Product</span></h2>
<div class="left_pro_part">
<div class="row">
<div id="left_product_carousel1" class="owl-carousel owl-theme">
<div class="item">
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_3.jpg" class="fst-image img-fluid " alt="product_3"></a>
<a href="single-product.html"><img src="assets/img/product/product_4.jpg" class="second-img img-fluid" alt="product_4"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span><span class="font-weight-bolder price">$78.00 </span> <del class="text-muted">$89.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_5.jpg" class="fst-image img-fluid " alt="product_5"></a>
<a href="single-product.html"><img src="assets/img/product/product_6.jpg" class="second-img img-fluid" alt="product_6"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">designer stainless steel water bottle</a></h3>
<span><span class="font-weight-bolder price">$67.00 </span> <del class="text-muted">$100.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_7.jpg" class="fst-image img-fluid " alt="product_7"></a>
<a href="single-product.html"><img src="assets/img/product/product_8.jpg" class="second-img img-fluid" alt="product_8"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Women Solid Simple Skirts</a></h3>
<span><span class="font-weight-bolder price">$34.00 </span> <del class="text-muted">$45.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_9.jpg" class="fst-image img-fluid " alt="product_9"></a>
<a href="single-product.html"><img src="assets/img/product/product_10.jpg" class="second-img img-fluid" alt="product_10"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$78.00 </span> <del class="text-muted">$98.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Solid Women Crop bag</a></h3>
<span><span class="font-weight-bolder price">$23.00 </span> <del class="text-muted">$34.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span><span class="font-weight-bolder price">$45.00 </span> <del class="text-muted">$67.00</del></span>
</div>
<!-- main_text -->
</div>
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_15"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_16"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span><span class="font-weight-bolder price">$87.00 </span> <del class="text-muted">$87.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- left_product_carousel1 -->
</div>
<!-- row -->
</div>
<!-- left_pro_part -->
</div>
<!-- leftpro -->
</div>
<!-- new_product_left -->
<div class="snd_bnr banner">
<div class="row">
<div class="col-12">
<div class="beffect">
<a href="#"><img src="assets/img/z_left_bnr.jpg" alt="bnr" class="img-fluid mx-auto d-block"></a>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- 2_bnr banner -->
<div class="testimonial_left">
<div class="leftpro">
<h2 class="left-heading text-left"><span>Testimonials</span></h2>
<div class="testimonial">
<div class="row">
<div id="testimonial_carousel" class="owl-carousel owl-theme">
<div class="item">
<div class="col-12">
<div class="quotes-slider__text text-center">
<svg viewBox="0 0 475.082 475.081">
<path d="M164.45,219.27h-63.954c-7.614,0-14.087-2.664-19.417-7.994c-5.327-5.33-7.994-11.801-7.994-19.417v-9.132
c0-20.177,7.139-37.401,21.416-51.678c14.276-14.272,31.503-21.411,51.678-21.411h18.271c4.948,0,9.229-1.809,12.847-5.424
c3.616-3.617,5.424-7.898,5.424-12.847V54.819c0-4.948-1.809-9.233-5.424-12.85c-3.617-3.612-7.898-5.424-12.847-5.424h-18.271
c-19.797,0-38.684,3.858-56.673,11.563c-17.987,7.71-33.545,18.132-46.68,31.267c-13.134,13.129-23.553,28.688-31.262,46.677
C3.855,144.039,0,162.931,0,182.726v200.991c0,15.235,5.327,28.171,15.986,38.834c10.66,10.657,23.606,15.985,38.832,15.985
h109.639c15.225,0,28.167-5.328,38.828-15.985c10.657-10.663,15.987-23.599,15.987-38.834V274.088
c0-15.232-5.33-28.168-15.994-38.832C192.622,224.6,179.675,219.27,164.45,219.27z"></path>
<path d="M459.103,235.256c-10.656-10.656-23.599-15.986-38.828-15.986h-63.953c-7.61,0-14.089-2.664-19.41-7.994
c-5.332-5.33-7.994-11.801-7.994-19.417v-9.132c0-20.177,7.139-37.401,21.409-51.678c14.271-14.272,31.497-21.411,51.682-21.411
h18.267c4.949,0,9.233-1.809,12.848-5.424c3.613-3.617,5.428-7.898,5.428-12.847V54.819c0-4.948-1.814-9.233-5.428-12.85
c-3.614-3.612-7.898-5.424-12.848-5.424h-18.267c-19.808,0-38.691,3.858-56.685,11.563c-17.984,7.71-33.537,18.132-46.672,31.267
c-13.135,13.129-23.559,28.688-31.265,46.677c-7.707,17.987-11.567,36.879-11.567,56.674v200.991
c0,15.235,5.332,28.171,15.988,38.834c10.657,10.657,23.6,15.985,38.828,15.985h109.633c15.229,0,28.171-5.328,38.827-15.985
c10.664-10.663,15.985-23.599,15.985-38.834V274.088C475.082,258.855,469.76,245.92,459.103,235.256z"></path>
</svg>
<img class="img-fluid mx-auto" src="assets/img/testimonial/testi1.png" alt="">
<h4>Mr. john deo</h4>
<h5>developer</h5>
<span></span>
<p></p>
<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>
<p></p>
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="quotes-slider__text text-center">
<svg viewBox="0 0 475.082 475.081">
<path d="M164.45,219.27h-63.954c-7.614,0-14.087-2.664-19.417-7.994c-5.327-5.33-7.994-11.801-7.994-19.417v-9.132
c0-20.177,7.139-37.401,21.416-51.678c14.276-14.272,31.503-21.411,51.678-21.411h18.271c4.948,0,9.229-1.809,12.847-5.424
c3.616-3.617,5.424-7.898,5.424-12.847V54.819c0-4.948-1.809-9.233-5.424-12.85c-3.617-3.612-7.898-5.424-12.847-5.424h-18.271
c-19.797,0-38.684,3.858-56.673,11.563c-17.987,7.71-33.545,18.132-46.68,31.267c-13.134,13.129-23.553,28.688-31.262,46.677
C3.855,144.039,0,162.931,0,182.726v200.991c0,15.235,5.327,28.171,15.986,38.834c10.66,10.657,23.606,15.985,38.832,15.985
h109.639c15.225,0,28.167-5.328,38.828-15.985c10.657-10.663,15.987-23.599,15.987-38.834V274.088
c0-15.232-5.33-28.168-15.994-38.832C192.622,224.6,179.675,219.27,164.45,219.27z"></path>
<path d="M459.103,235.256c-10.656-10.656-23.599-15.986-38.828-15.986h-63.953c-7.61,0-14.089-2.664-19.41-7.994
c-5.332-5.33-7.994-11.801-7.994-19.417v-9.132c0-20.177,7.139-37.401,21.409-51.678c14.271-14.272,31.497-21.411,51.682-21.411
h18.267c4.949,0,9.233-1.809,12.848-5.424c3.613-3.617,5.428-7.898,5.428-12.847V54.819c0-4.948-1.814-9.233-5.428-12.85
c-3.614-3.612-7.898-5.424-12.848-5.424h-18.267c-19.808,0-38.691,3.858-56.685,11.563c-17.984,7.71-33.537,18.132-46.672,31.267
c-13.135,13.129-23.559,28.688-31.265,46.677c-7.707,17.987-11.567,36.879-11.567,56.674v200.991
c0,15.235,5.332,28.171,15.988,38.834c10.657,10.657,23.6,15.985,38.828,15.985h109.633c15.229,0,28.171-5.328,38.827-15.985
c10.664-10.663,15.985-23.599,15.985-38.834V274.088C475.082,258.855,469.76,245.92,459.103,235.256z"></path>
</svg>
<img class="img-fluid mx-auto" src="assets/img/testimonial/testi2.png" alt="">
<h4>Ms. bella</h4>
<h5>designer</h5>
<span></span>
<p></p>
<p>Add customer reviews and testimonials to showcase your store’s happy customers.</p>
<p></p>
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- testimonial_carousel -->
</div>
<!-- row -->
</div>
<!-- left_pro_part -->
</div>
<!-- leftpro -->
</div>
<!-- new_product_left -->
<div class="new_product_left">
<div class="leftpro">
<h2 class="left-heading text-left"><span>best selling</span></h2>
<div class="left_pro_part">
<div class="row">
<div id="left_product_carousel2" class="owl-carousel owl-theme">
<div class="item">
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_5.jpg" class="fst-image img-fluid " alt="product_5"></a>
<a href="single-product.html"><img src="assets/img/product/product_6.jpg" class="second-img img-fluid" alt="product_6"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">designer stainless steel water bottle</a></h3>
<span><span class="font-weight-bolder price">$67.00 </span> <del class="text-muted">$100.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_7.jpg" class="fst-image img-fluid " alt="product_7"></a>
<a href="single-product.html"><img src="assets/img/product/product_8.jpg" class="second-img img-fluid" alt="product_8"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Women Solid Simple Skirts</a></h3>
<span><span class="font-weight-bolder price">$98.00 </span> <del class="text-muted">$100.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_9.jpg" class="fst-image img-fluid " alt="product_9"></a>
<a href="single-product.html"><img src="assets/img/product/product_10.jpg" class="second-img img-fluid" alt="product_10"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$78.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Solid Women Crop bag</a></h3>
<span><span class="font-weight-bolder price">$45.00 </span> <del class="text-muted">$56.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb bg-white d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_15"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_16"></a>
</div>
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<h3 class="pro-heading mb-0"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span><span class="font-weight-bolder price">$87.00 </span> <del class="text-muted">$98.00</del></span>
</div>
</div>
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- left_product_carousel2 -->
</div>
<!-- row -->
</div>
<!-- left_pro_part -->
</div>
<!-- leftpro -->
</div>
<!-- new_product_left -->
</div>
<!-- leftw -->
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 right-col">
<div class="product-tab-item">
<div class="shadow_container">
<div class="row">
<div class="col-12">
<div class="title_outer">
<h2 class="font-weight-bolder mb-4 pr-3"><span>new products</span></h2>
</div>
<!-- title_outer -->
</div>
<!-- col-12 -->
</div>
<!-- row -->
<div class="new_pro_container">
<ul class="nav nav-tabs mb-4" role="tablist">
<li class="nav-item" >
<a class="nav-link active" id="fashion_tab" role="tab" data-toggle="tab" href="#fashion_" aria-selected="true">laptop</a>
</li>
<li class="nav-item" >
<a class="nav-link" id="bags_tab" data-toggle="tab" role="tab" href="#bags" aria-selected="false">camera</a>
</li>
</ul>
<div class="tab-content" >
<div class="tab-pane fade show active" id="fashion_" role="tabpanel" aria-labelledby="fashion_tab">
<div class="row">
<div id="product_carousel2" class="owl-carousel owl-theme pro_thumb">
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img mx-auto d-block img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$89.00 </span> <del class="text-muted">$90.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_3.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_3"></a>
<a href="single-product.html"><img src="assets/img/product/product_4.jpg" class="second-img mx-auto d-block img-fluid" alt="product_4"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_5.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_5"></a>
<a href="single-product.html"><img src="assets/img/product/product_6.jpg" class="second-img mx-auto d-block img-fluid" alt="product_6"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">designer stainless steel water bottle</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$56.00 </span> <del class="text-muted">$67.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_7.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_8.jpg" class="second-img mx-auto d-block img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Women Solid Simple Skirts</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$78.00 </span> <del class="text-muted">$89.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_9.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_9"></a>
<a href="single-product.html"><img src="assets/img/product/product_10.jpg" class="second-img mx-auto d-block img-fluid" alt="product_10"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$98.00 </span> <del class="text-muted">$78.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img mx-auto d-block img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Today is a good day Framed poster</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img mx-auto d-block img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Solid Women Crop bag</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$89.00 </span> <del class="text-muted">$90.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_15"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img mx-auto d-block img-fluid" alt="product_16"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$09.00 </span> <del class="text-muted">$87.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<div class="new">new</div>
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_17"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img mx-auto d-block img-fluid" alt="product_18"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Today is a good day Framed poster</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_19"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img mx-auto d-block img-fluid" alt="product_20"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$78.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- product_carousel2 -->
</div>
</div>
<div class="tab-pane fade" id="bags" role="tabpanel" aria-labelledby="bags_tab">
<div class="row">
<div id="product_carousel3" class="owl-carousel owl-theme pro_thumb">
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img mx-auto d-block img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$89.00 </span> <del class="text-muted">$78.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_3.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_3"></a>
<a href="single-product.html"><img src="assets/img/product/product_4.jpg" class="second-img mx-auto d-block img-fluid" alt="product_4"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$12.00 </span> <del class="text-muted">$23.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_21.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_21"></a>
<a href="single-product.html"><img src="assets/img/product/product_22.jpg" class="second-img mx-auto d-block img-fluid" alt="product_22"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">designer stainless steel water bottle</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$34.00 </span> <del class="text-muted">$45.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_23.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_23"></a>
<a href="single-product.html"><img src="assets/img/product/product_24.jpg" class="second-img mx-auto d-block img-fluid" alt="product_24"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Women Solid Simple Skirts</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<a href="single-product.html"><img src="assets/img/product/product_25.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_25"></a>
<a href="single-product.html"><img src="assets/img/product/product_26.jpg" class="second-img mx-auto d-block img-fluid" alt="product_26"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$56.00 </span> <del class="text-muted">$67.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_27.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_27"></a>
<a href="single-product.html"><img src="assets/img/product/product_28.jpg" class="second-img mx-auto d-block img-fluid" alt="product_28"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Today is a good day Framed poster</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_29.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_29"></a>
<a href="single-product.html"><img src="assets/img/product/product_30.jpg" class="second-img mx-auto d-block img-fluid" alt="product_30"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Solid Women Crop bag</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$78.00 </span> <del class="text-muted">$89.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_31.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_31"></a>
<a href="single-product.html"><img src="assets/img/product/product_32.jpg" class="second-img mx-auto d-block img-fluid" alt="product_32"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$90.00 </span> <del class="text-muted">$80.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img mx-auto d-block img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Today is a good day Framed poster</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_3.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_3"></a>
<a href="single-product.html"><img src="assets/img/product/product_4.jpg" class="second-img mx-auto d-block img-fluid" alt="product_4"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- product_carousel2 -->
</div>
</div>
</div>
<!-- tab-content -->
</div>
<!-- container custom_container -->
</div>
</div>
<div class="left_main_banner ">
<div class="row bnr_row">
<div class="col-sm-4 col-12 bnr_col">
<div class="banner animate__animated animate__fadeInUp">
<a href="#">
<img src="assets/img/latestbanner-1.jpg" class="rounded float-left img-fluid" alt="banner-1" data-wow-delay="0.2s">
</a>
</div>
</div>
<div class="col-sm-4 col-12 bnr_col">
<div class="banner animate__animated animate__fadeInUp " data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="#">
<img src="assets/img/latestbanner-2.jpg" class="rounded img-fluid" alt="banner-2">
</a>
</div>
</div>
<div class="col-sm-4 col-12 bnr_col">
<div class="banner animate__animated animate__fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s">
<a href="#">
<img src="assets/img/latestbanner-3.jpg" class="rounded float-right img-fluid" alt="banner-3">
</a>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container container main_banner -->
<div class="product-deal-item">
<div class="shadow_container">
<div class="row">
<div class="col-12">
<div class="title_outer">
<h2 class="font-weight-bolder mb-4 pr-3"><span>deal of the day</span></h2>
</div>
<!-- title_outer -->
</div>
<!-- col-12 -->
</div>
<!-- row -->
<div class="new_pro_container">
<div class="row">
<div id="deal_carousel" class="owl-carousel owl-theme bg-white rounded ">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="col-sm-6 col-12 pro_image px-0">
<a href="single-product.html"><img src="assets/img/product/product_27.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_27"></a>
<a href="single-product.html"><img src="assets/img/product/product_28.jpg" class="second-img mx-auto d-block img-fluid" alt="product_28"></a>
</div>
<!-- pro_image -->
<div class="col-sm-6 col-12 deal_big_text">
<div class="detail d-inline-block">
<h3 class="pro-heading mb-0"><a href="single-product.html">Chairs Leatherette Office Chair</a></h3>
<div class="star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="mb-0"><span class="font-weight-bolder price">$87.00 </span> <del class="text-muted">$98.00</del></p>
<p class="text-muted f_13 deal_text">Lorem ipsum The dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum.</p>
<hr>
<p id="demo5" class="counter mb-0" ></p>
</div>
<!-- detail -->
</div>
<!-- col-sm-6 col-12 -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="col-sm-6 col-12 pro_image px-0">
<a href="single-product.html"><img src="assets/img/product/product_29.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_29"></a>
<a href="single-product.html"><img src="assets/img/product/product_30.jpg" class="second-img mx-auto d-block img-fluid" alt="product_30"></a>
</div>
<!-- pro_image -->
<div class="col-sm-6 col-12 deal_big_text">
<div class="detail d-inline-block">
<h3 class="pro-heading mb-0"><a href="single-product.html">Chairs Leatherette Office Chair</a></h3>
<div class="star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="mb-0"><span class="font-weight-bolder price">$90.00 </span> <del class="text-muted">$100.00</del></p>
<p class="text-muted f_13 deal_text">Lorem ipsum The dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum.</p>
<hr>
<p id="demo3" class="counter mb-0" ></p>
</div>
<!-- detail -->
</div>
<!-- col-sm-6 col-12 -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="col-sm-6 col-12 pro_image px-0">
<a href="single-product.html"><img src="assets/img/product/product_31.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_31"></a>
<a href="single-product.html"><img src="assets/img/product/product_32.jpg" class="second-img mx-auto d-block img-fluid" alt="product_32"></a>
</div>
<!-- pro_image -->
<div class="col-sm-6 col-12 deal_big_text">
<div class="detail d-inline-block">
<h3 class="pro-heading mb-0"><a href="single-product.html">Chairs Leatherette Office Chair</a></h3>
<div class="star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="mb-0"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></p>
<p class="text-muted f_13 deal_text">Lorem ipsum The dolor sit amet, consectetur adipiscing elit, sed do eiusmod Lorem ipsum.</p>
<hr>
<p id="demo2" class="counter mb-0" ></p>
</div>
<!-- detail -->
</div>
<!-- col-sm-6 col-12 -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
</div>
</div>
</div>
<div class="category-product">
<div class="shadow_container">
<div class="row">
<div class="col-12">
<div class="title_outer">
<h2 class="font-weight-bolder mb-4 pr-3"><span>categories products</span></h2>
</div>
<!-- title_outer -->
</div>
<!-- col-12 -->
</div>
<!-- row -->
<div class="product-image row">
<div class="col-sm-5 col-lg-4 col-xs-4 menu-cat">
<h4><button class="toggle collapsed" data-toggle="collapse" data-target="#cat-product">category</button></h4>
<div class="categorie collapse" id="cat-product">
<ul class="nav nav-tabs navtab">
<li><a href="#furniture" data-toggle="tab" class="menu-line active">smartwatch</a></li>
<li><a href="#mobile" data-toggle="tab">handbag</a></li>
<li><a href="#electonic" data-toggle="tab">furniture</a></li>
<li><a href="#shoes" data-toggle="tab">shoes</a></li>
<li><a href="#television" data-toggle="tab">television</a></li>
<li><a href="#dining-table" data-toggle="tab">mobile</a></li>
<li><a href="#accessories" data-toggle="tab">accessories</a></li>
</ul>
</div>
</div>
<div class="col-sm-7 col-lg-8 col-xs-8 menu-img">
<div class="tab-content">
<div id="furniture" class="tab-pane fade show active">
<div class="row md_tab_row">
<div class="owl-carousel owl-theme" id="owl-furniture">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Women Pink Shoulder Bag</a></h3>
<span><span class="font-weight-bolder price">$89.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Running Shoes For Men & Women</a></h3>
<span><span class="font-weight-bolder price">$90.00 </span> <del class="text-muted">$98.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$56.00 </span> <del class="text-muted">$67.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$78.00 </span> <del class="text-muted">$89.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
</div>
<div id="mobile" class="tab-pane fade">
<div class="owl-carousel owl-theme" id="owl-mobile">
<div class="item">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Women Pink Shoulder Bag</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Running Shoes For Men & Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
<div id="electonic" class="tab-pane fade">
<div class="owl-carousel owl-theme" id="owl-electonic">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- item -->
<div class="item">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- item -->
</div>
</div>
<div id="shoes" class="tab-pane fade">
<div class="owl-carousel owl-theme" id="owl-shoes">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Women Pink Shoulder Bag</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Running Shoes For Men & Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
<div id="television" class="tab-pane fade">
<div class="owl-carousel owl-theme" id="owl-television">
<div class="item">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Women Pink Shoulder Bag</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Running Shoes For Men & Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
<div id="dining-table" class="tab-pane fade">
<div class="owl-carousel owl-theme" id="owl-dining-table">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- item -->
<div class="item">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- item -->
</div>
</div>
<div id="accessories" class="tab-pane fade">
<div class="owl-carousel owl-theme" id="owl-accessories">
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image img-fluid " alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Women Pink Shoulder Bag</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_13.jpg" class="fst-image img-fluid " alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_14.jpg" class="second-img img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Running Shoes For Men & Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Analog Watch For Women</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_17.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_18.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Homes Solid Wood Living Room Chair</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">Texture Artificial Plant With Pot</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
<div class="col-12">
<div class="product_thumb rounded d-flex">
<div class="pro_image col-lg-4 col-4 px-0">
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image img-fluid " alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-left col-lg-8 col-8 pr-0">
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<h3 class="pro-heading"><a href="single-product.html" class="">400w Vistra Mixer Grinder</a></h3>
<span><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-left -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="b_banner ">
<div class="bnr_row">
<div class="banner animate__animated animate__fadeInUp">
<a href="#">
<img src="assets/img/offerbanner-1.jpg" class="rounded float-left img-fluid" alt="banner" data-wow-delay="0.2s">
</a>
</div>
</div>
<!-- bnr_row -->
</div>
<!-- b_banner -->
<div class="latest_product_part">
<div class="shadow_container">
<div class="row">
<div class="col-12">
<div class="title_outer">
<h2 class="font-weight-bolder mb-4 pr-3"><span>latest products</span></h2>
</div>
<!-- title_outer -->
</div>
<!-- col-12 -->
</div>
<!-- row -->
<div class="new_pro_container">
<div class="row">
<div id="latest_product_carousel" class="owl-carousel owl-theme pro_thumb">
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<div class="sale">sale</div>
<a href="single-product.html"><img src="assets/img/product/product_1.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_1"></a>
<a href="single-product.html"><img src="assets/img/product/product_2.jpg" class="second-img mx-auto d-block img-fluid" alt="product_2"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_7.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_13"></a>
<a href="single-product.html"><img src="assets/img/product/product_8.jpg" class="second-img mx-auto d-block img-fluid" alt="product_14"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Women Solid Simple Skirts</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<div class="new">new</div>
<a href="single-product.html"><img src="assets/img/product/product_11.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_11"></a>
<a href="single-product.html"><img src="assets/img/product/product_12.jpg" class="second-img mx-auto d-block img-fluid" alt="product_12"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Today is a good day Framed poster</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_15.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_15"></a>
<a href="single-product.html"><img src="assets/img/product/product_16.jpg" class="second-img mx-auto d-block img-fluid" alt="product_16"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">Designer Plastic Galley With Brush</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 ">
<div class="product_thumb rounded">
<div class="pro_image">
<a href="single-product.html"><img src="assets/img/product/product_19.jpg" class="fst-image mx-auto d-block img-fluid" alt="product_19"></a>
<a href="single-product.html"><img src="assets/img/product/product_20.jpg" class="second-img mx-auto d-block img-fluid" alt="product_20"></a>
</div>
<!-- pro_image -->
<div class="text-center">
<div class="button-group">
<a href="#" class="symbol" data-toggle="modal" data-target="#cart_model"><span class="fst_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#compare_model"><span class="snd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#eye_model"><span class="thd_pro"></span></a>
<a href="#" class="symbol" data-toggle="modal" data-target="#heart_model"><span class="fth_pro"></span></a>
</div>
<!-- button-group -->
<div class="main_text">
<div class="star">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<!-- star -->
<h3 class="text-center pro-heading my-2"><a href="single-product.html" class="">All woman Stylish crop</a></h3>
<span class="text-center"><span class="font-weight-bolder price">$69.00 </span> <del class="text-muted">$100.00</del></span>
</div>
<!-- main_text -->
</div>
<!-- text-center -->
</div>
<!-- product_thumb -->
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
<!-- product_carousel2 -->
</div>
</div>
</div>
</div>
</div>
<!-- right-col -->
<div class="md_left_part"></div>
</div>
<!-- row -->
</div>
<!-- container -->
<!-- blog -->
<div class="container animate__animated animate__fadeInUp">
<div class="shadow_container">
<div class="row">
<div class="col-12">
<div class="title_outer">
<h2 class="font-weight-bolder mb-4 pr-3"><span>latest news</span></h2>
</div>
<!-- title_outer -->
</div>
<!-- col-12 -->
</div>
<!-- row -->
<div class="row blog_containt">
<div id="blog_carousel" class="owl-carousel owl-theme blog_class ">
<div class="item">
<div class="col-12 blog_">
<div>
<div class="blog_image">
<a href="single-blog.html"><img src="assets/img/blog/blog_2.jpg" class="fst-image img-fluid rounded" alt="blog_1"></a>
<div class="blog_mask">
<div class="blog_mask_content mx-0 my-auto text-center">
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-search"></i></a>
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-link"></i></a>
</div>
<!-- blog_mask_content -->
</div>
<!-- blog_mask -->
</div>
<!-- blog_image -->
<div class="text-center mt-2">
<h3><a href="single-blog.html">This is Secound Post For wbBlog</a></h3>
<p class="text-muted mb-0 f_13 text_blog">Sed elit the quamrich iaculis sed sempoersit udin vitae sed amet magna osemper the lorem osema olatiup udin...</p>
<a href="single-blog.html" class="b_btn f_13 ">read more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
<!-- text-center -->
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 blog_">
<div>
<div class="blog_image">
<a href="single-blog.html"><img src="assets/img/blog/blog_3.jpg" class="fst-image img-fluid rounded" alt="blog_1"></a>
<div class="blog_mask">
<div class="blog_mask_content mx-0 my-auto text-center">
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-search"></i></a>
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-link"></i></a>
</div>
<!-- blog_mask_content -->
</div>
<!-- blog_mask -->
</div>
<!-- blog_image -->
<div class="text-center mt-2">
<h3><a href="single-blog.html">Aliquam efficitur dictum arcu</a></h3>
<p class="text-muted mb-0 f_13 text_blog">Sed elit the quamrich iaculis sed sempoersit udin vitae sed amet magna osemper the lorem osema olatiup udin...</p>
<a href="single-blog.html" class="b_btn f_13 ">read more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
<!-- text-center -->
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 blog_">
<div>
<div class="blog_image">
<a href="single-blog.html"><img src="assets/img/blog/blog_1.jpg" class="fst-image img-fluid rounded" alt="blog_1"></a>
<div class="blog_mask">
<div class="blog_mask_content mx-0 my-auto text-center">
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-search"></i></a>
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-link"></i></a>
</div>
<!-- blog_mask_content -->
</div>
<!-- blog_mask -->
</div>
<!-- blog_image -->
<div class="text-center mt-2">
<h3><a href="single-blog.html">This is Secound Post For wbBlog</a></h3>
<p class="text-muted mb-0 f_13 text_blog">Sed elit the quamrich iaculis sed sempoersit udin vitae sed amet magna osemper the lorem osema olatiup udin...</p>
<a href="single-blog.html" class="b_btn f_13 ">read more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
<!-- text-center -->
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 blog_">
<div>
<div class="blog_image">
<a href="single-blog.html"><img src="assets/img/blog/blog_4.jpg" class="fst-image img-fluid rounded" alt="blog_1"></a>
<div class="blog_mask">
<div class="blog_mask_content mx-0 my-auto text-center">
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-search"></i></a>
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-link"></i></a>
</div>
<!-- blog_mask_content -->
</div>
<!-- blog_mask -->
</div>
<!-- blog_image -->
<div class="text-center mt-2">
<h3><a href="single-blog.html">Nullam eget tincidunt nisi</a></h3>
<p class="text-muted mb-0 f_13 text_blog">Sed elit the quamrich iaculis sed sempoersit udin vitae sed amet magna osemper the lorem osema olatiup udin...</p>
<a href="single-blog.html" class="b_btn f_13 ">read more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
<!-- text-center -->
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
<div class="item">
<div class="col-12 blog_">
<div>
<div class="blog_image">
<a href="single-blog.html"><img src="assets/img/blog/blog_5.jpg" class="fst-image img-fluid rounded" alt="blog_1"></a>
<div class="blog_mask">
<div class="blog_mask_content mx-0 my-auto text-center">
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-search"></i></a>
<a href="single-blog.html" class="icon d-inline-block"><i class="fas fa-link"></i></a>
</div>
<!-- blog_mask_content -->
</div>
<!-- blog_mask -->
</div>
<!-- blog_image -->
<div class="text-center mt-2">
<h3><a href="single-blog.html">Integer facilisis placerat libero</a></h3>
<p class="text-muted mb-0 f_13 text_blog">Sed elit the quamrich iaculis sed sempoersit udin vitae sed amet magna osemper the lorem osema olatiup udin...</p>
<a href="single-blog.html" class="b_btn f_13 ">read more <i class="fas fa-long-arrow-alt-right ml-2"></i></a>
</div>
<!-- text-center -->
</div>
</div>
<!-- col-12 -->
</div>
<!-- item -->
</div>
</div>
</div>
<!-- shadow_container -->
</div>
<!-- container -->
<!-- blog end -->
<!-- brand logo -->
<div class="container blogo_container">
<div class="row">
<div id="logo_carousel" class="owl-carousel owl-theme ">
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_1.png" class="second-img mx-auto d-block img-fluid" alt="logo1">
</a>
</div>
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_2.png" class="second-img mx-auto d-block img-fluid" alt="logo2">
</a>
</div>
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_3.png" class="second-img mx-auto d-block img-fluid" alt="logo3">
</a>
</div>
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_4.png" class="second-img mx-auto d-block img-fluid" alt="logo4">
</a>
</div>
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_5.png" class="second-img mx-auto d-block img-fluid" alt="logo1">
</a>
</div>
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_6.png" class="second-img mx-auto d-block img-fluid" alt="logo2">
</a>
</div>
</div>
<!-- item -->
<div class="item">
<div class="col-12">
<a href="#">
<img src="assets/img/b_logo/logo_7.png" class="second-img mx-auto d-block img-fluid" alt="logo3">
</a>
</div>
</div>
<!-- item -->
</div>
</div>
</div>
<!-- brand logo -->
<!-- footer -->
<footer class="site-footer footer">
<div class="container">
<div class="middle-footer fspc">
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-3 col-xs-12 footer-left">
<div class="footer_logo">
<a href="index.html"><img src="assets/img/logo.png" class="img-responsive img" alt="zenex"></a>
</div>
<!-- footer_logo -->
<div class="foot-about">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<!-- foot-about -->
<div class="fst_col">
<div class="footer_title">
<h5 class="text-uppercase">contact us<button class="toggle collapsed" data-toggle="collapse" data-target="#fproduct"></button></h5>
</div>
<!-- footer_title -->
<div class="categorie collapse " id="fproduct">
<ul class="add_row">
<li>
<div class="d-inline-block float-left">
<a href="#"><img src="assets/img/svg/f_maps.svg" class="foo_svg" alt="svg_footer"></a>
</div>
<div class="data1 add">
<a href="#">1093, Marigold Lane,<br> Coral Way, Miami,<br>Florida, 33169</a>
</div>
</li>
<li>
<div class="d-inline-block float-left">
<a href="#"><img src="assets/img/svg/f_call.svg" class="foo_svg" alt="svg_footer"></a>
</div>
<div class="add">
<a href="#">610-403-403</a>
</div>
</li>
<li>
<div class="d-inline-block float-left">
<a href="#"><img src="assets/img/svg/f_envelope.svg" class="foo_svg" alt="svg_footer"></a>
</div>
<div class="add">
<a href="#" class="mail_f text-lowercase">company@example.com</a>
</div>
</li>
</ul>
</div>
<!-- categorie -->
</div>
<!-- fst_col -->
<div class="payment-img">
<ul class="item_name2">
<li>
<a href="#"><img src="assets/img/foo_icon1.png" class="second-img img-fluid " alt="foo_icon1"></a>
<a href="#"><img src="assets/img/foo_icon2.png" class="second-img img-fluid " alt="foo_icon2"></a>
</li>
</ul>
<!-- item_name2 -->
</div>
<!-- payment-img -->
</div>
<!-- footer-left -->
<div class="col-sm-12 col-md-8 col-lg-9 col-xs-12 footer-right">
<div class="foot-top">
<div class="row">
<div class="block_newsletter col-md-7 col-sm-7 col-xs-12">
<div class="newsltr">
<div class=" newsl hidden-xs hidden-xs">
<h4>Sign up for Newsletter</h4>
</div>
<div class="form-vertical">
<form>
<div class="newsb input-group">
<input type="email" value="" placeholder="Email address" >
<div class="input-group-btn"><button type="submit" class="btn btn-primary" >
subscribe
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="block-social col-md-5 col-sm-5 col-xs-12 pl-0">
<h3 class="c-info newsb hidden-xs">Follow us</h3>
<div class="header_social">
<div class="socials">
<span><a href="#"><i class="fab fa-facebook-f"></i></a></span>
<span><a href="#"><i class="fab fa-instagram"></i></a></span>
<span><a href="#"><i class="fab fa-skype"></i></a></span>
<span><a href="#"><i class="fab fa-twitter"></i></a></span>
<span><a href="#"><i class="fab fa-whatsapp"></i></a></span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="xs-con col-xs-12"></div>
<div class="col-sm-12 col-md-4 col-12">
<div class="sec_col">
<div class="footer_title">
<h5 class="text-uppercase">information<button class="toggle collapsed" data-toggle="collapse" data-target="#sproduct"></button></h5>
</div>
<div class="categorie collapse" id="sproduct">
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="information.html">Delivery Infomations</a></li>
<li><a href="policy.html">Privacy Policy</a></li>
<li><a href="service.html">Custom Service</a></li>
<li><a href="condition.html">Terms & Condition</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4 col-12">
<div class="th_col">
<div class="footer_title">
<h5 class="text-uppercase ">categories<button class="toggle collapsed" data-toggle="collapse" data-target="#tproduct"></button></h5>
</div>
<div class="categorie collapse" id="tproduct">
<ul>
<li><a href="shop-left-sidebar.html">airplanes</a></li>
<li><a href="shop-left-sidebar.html">cars</a></li>
<li><a href="shop-left-sidebar.html">Helicopters</a></li>
<li><a href="shop-left-sidebar.html">Quadcopters</a></li>
<li><a href="shop-left-sidebar.html">RC Boats & Yachts</a></li>
<li><a href="shop-left-sidebar.html">RC Vehicle Parts</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4 col-12 md_append">
<div class="fth_col">
<div class="footer_title">
<h5 class="text-uppercase">extras<button class="toggle collapsed" data-toggle="collapse" data-target="#fh_product"></button></h5>
</div>
<div class="categorie collapse" id="fh_product">
<ul>
<li><a href="title.html">title</a></li>
<li><a href="category-style.html">category</a></li>
<li><a href="services.html">services</a></li>
<li><a href="product-tab.html">product tab</a></li>
<li><a href="multi-slider-product.html">multi slider product</a></li>
<li><a href="contact-us.html">contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- footer-right -->
</div>
<!-- row -->
</div>
<!-- middle-footer -->
</div>
<!-- container -->
<!-- container -->
<div class="fifth_footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="text-center d-block mt-2">
<ul class="foo_pay">
<li>
<a href="#"><i class="fab fa-cc-mastercard"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-cc-visa"></i></a>
</li>
<li>
<a href="#"><i class="fas fa-credit-card"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-cc-paypal"></i></a>
</li>
</ul>
</div>
</div>
<!-- col-12 -->
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!-- row first_footer -->
</footer>
<!-- footer -->
<!-- footer end -->
<!-- scroll -->
<a href="#" id="scroll"></a>
<!-- jQuery v3.4.1 -->
<script src="assets/js/jquery-3.4.1.min.js"></script>
<!-- jQuery OwlCarousel v1.3.3 -->
<script src="assets/js/owl.carousel.js"></script>
<!-- Bootstrap v4.5.3 -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- popper js -->
<script src="assets/js/popper.min.js"></script>
<!-- Font Awesome Free 5.15.1 -->
<script src="assets/js/all.min.js"></script>
<!-- wow.js - v1.2.1 -->
<script src="assets/js/wow.min.js"></script>
<!-- Masonry v4.2.2 -->
<script src="assets/js/masonry.js"></script>
<!-- custom js -->
<script src="assets/js/custom.js"></script>
<script>
// deal of the day
timedown("Dec 08, 2021 17:00:59", 'demo5');
timedown("June 20, 2022 13:00:15", 'demo2');
timedown("May 20, 2022 15:00:24", 'demo3');
function timedown(ti, id) {
// Set the date we're counting down to
var countDownDate = new Date(ti).getTime();
// Update the count down every 1 second
var x = setInterval(function () {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo"
document.getElementById(id).innerHTML = '<div>' + '<span>' + days + '</span>' + '<strong>' + 'days' + '</strong>' + '</div>' +
'<div>' + '<span>' + hours + '</span>' + '<strong>' + 'hours' + '</strong>' + '</div>' +
'<div>' + '<span>' + minutes + '</span>' + '<strong>' + 'min' + '</strong>' + '</div>' +
'<div>' + '<span>' + seconds + " " + '</span>' + '<strong>' + 'sec' + '</strong>' + '</div>' ;
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
}
//header cart product remove
$( document ).ready(function(){
$( ".header-p-dlt" ).click(function() {
$(this).fadeOut( "slow", function() {
// After animation completed:
$(this).parent().remove();
});
$( this ).fadeOut( "slow", function() {
// After animation completed:
$( this ).remove();
});
});
});
$( ".cart_remove" ).click(function() {
$(this).parent().parent().remove();
});
</script>
</body>
</html>
扫一扫
3179
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
