绿色大气风格的数码商城整站网站源码下载



9 34 12



模板描述:绿色大气风格 数码商城 整站网站,绿色大气风格的数码商城整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="asset/css/simple-line-icons.css">
<link rel="stylesheet" type="text/css" href="asset/css/ionicons.min.css">
<link rel="stylesheet" type="text/css" href="asset/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="asset/css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="asset/css/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="asset/css/slick.css">
<link rel="stylesheet" type="text/css" href="asset/css/slick-theme.css">
<link rel="stylesheet" type="text/css" href="asset/css/fonts.css">
<link rel="stylesheet" type="text/css" href="asset/css/style.css">
<link rel="stylesheet" type="text/css" href="asset/css/fix-style.css">
<link rel="stylesheet" type="text/css" href="asset/css/main.css">

2. 引入JS

<script src="asset/js/jquery-3.3.1.min.js"></script>
<script src="asset/js/bootstrap.min.js"></script>
<script src="asset/js/owl.carousel.min.js"></script>
<script src="asset/js/slick.min.js"></script>
<script src="asset/js/main.js"></script>

3. HTML代码

<div id="page-container">
    <!-- banner top -->
    <div class="header-top-banner">
       <a href="#">
          <img src="asset/img/1920x95.jpg" class="img-reponsive" alt="">
        </a>
        <button type="button" class="js-promo close"><i class="fa fa-times" aria-hidden="true"></i></button>
   </div>
    <!-- end -->
	<!-- push menu-->
    <div class="pushmenu menu-home5">
        <div class="menu-push">
            <span class="close-left js-close"><i class="icon-close f-20"></i></span>
            <div class="clearfix"></div>
            <form role="search" method="get" id="searchform" class="searchform title-font" action="/search">
                <div>
                    <label class="screen-reader-text" for="q"></label>
                    <input type="text" placeholder="Search for products" value="" name="q" id="q" autocomplete="off">
                    <input type="hidden" name="type" value="product">
                    <button type="submit" id="searchsubmit"><i class="ion-ios-search-strong"></i></button>
                </div>
            </form>
            <ul class="nav-home5 js-menubar clear-space menu-font">
                <li class="level1 active dropdown">
                    <a href="#" class="uppercase">Home</a>
                    <span class="icon-sub-menu"></span>
                    <div class="menu-level1 js-open-menu">
                    <ul class="level1">
                        <li class="level2">
                                <ul class="menu-level-2 clear-space">
                                    <li class="level3 capital"><a href="home1.html" title="">home page 1</a></li>
                                    <li class="level3 capital"><a href="home2.html" title="">home page 2</a></li>
                                    <li class="level3 capital"><a href="home3.html" title="">home page 3</a></li>
                                    <li class="level3 capital"><a href="home4.html" title="">home page 4</a></li>
                                    <li class="level3 capital"><a href="home5.html" title="">home page 5</a></li>
                                    <li class="level3 capital"><a href="home6.html" title="">home page 6</a></li>
                                </ul>
                        </li>
                    </ul>
                </div>
                </li>
                <li class="level1 active dropdown"><a href="#" class="uppercase">Shop</a>
                    <span class="icon-sub-menu"></span>
                    <div class="menu-level1 js-open-menu">
                        <ul class="level1">
                            <li class="level2">
                                <a href="#" class="capital">Shop Page</a>
                                <ul class="menu-level-2 clear-space">
                                    <li class="level3"><a href="shop_full_width.html">Shop Full Width</a></li>
                                    <li class="level3"><a href="shop_grid_v1.html">Shop Grid V.1</a></li>
                                    <li class="level3"><a href="shop_grid_v2.html">Shop Grid V.2</a></li>
                                    <li class="level3"><a href="shop_list.html">Shop List</a></li>
                                    <li class="level3"><a href="shop_left_sidebar.html">Shop Left Sidebar</a></li>
                                    <li class="level3"><a href="shop_right_sidebar.html">Shop Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li class="level2">
                                <a href="#" class="capital">Categories</a>
                                <ul class="menu-level-2 clear-space">
                                    <li class="level3"><a href="categories_full_width.html">Categories Full Width</a></li>
                                    <li class="level3"><a href="categories_left_sidebar.html">Categories Left Sidebar</a></li>
                                    <li class="level3"><a href="categories_right_sidebar.html">Categories Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li class="level2">
                                <a href="#" class="capital">Single Product Type</a>
                                <ul class="menu-level-2 clear-space">
                                    <li class="level3"><a href="bundle.html">Bundle</a></li>
                                    <li class="level3"><a href="pin_product.html">Pin Product</a></li>
                                    <li class="level3"><a href="360_degree.html">360 Degree</a></li>
                                    <li class="level3"><a href="featued_video.html">Featued video</a></li>
                                    <li class="level3"><a href="simple.html">Simple</a></li>
                                    <li class="level3"><a href="variable.html">Variable</a></li>
                                    <li class="level3"><a href="external.html">External / Affiliate</a></li>
                                    <li class="level3"><a href="grouped.html">Grouped</a></li>
                                    <li class="level3"><a href="oft.html">Out of stock</a></li>
                                    <li class="level3"><a href="on_sale.html">On sale</a></li>
                                </ul>
                            </li>
                            <li class="level2">
                                <a href="#" class="capital">Single Product Layout</a>
                                <ul class="menu-level-2 clear-space">
                                    <li class="level3"><a href="product_extended.html">Product Extended</a></li>
                                    <li class="level3"><a href="product_left_sidebar.html">Product Left Sidebar</a></li>
                                    <li class="level3"><a href="product_right_sidebar.html">Product Right Sideba</a></li>
                                </ul>
                            </li>
                            <li class="level2">
                                <a href="#" class="capital">Other Pages</a>
                                <ul class="menu-level-2 clear-space">
                                    <li class="level3"><a href="cart.html">Cart</a></li>
                                    <li class="level3"><a href="my_wishlist.html">My Wishlist</a></li>
                                    <li class="level3"><a href="checkout.html">Checkout</a></li>
                                    <li class="level3"><a href="my_account.html">My Account</a></li>
                                    <li class="level3"><a href="track.html">Track Your Order</a></li>
                                    <li class="level3"><a href="quick_view.html">Quick View</a></li>
                                </ul>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </li>
                <li class="level1 active dropdown">
                    <a href="#" class="uppercase">Blog</a>
                    <span class="icon-sub-menu"></span>
                    <div class="menu-level1 js-open-menu">
                    <ul class="level1">
                        <li class="level2">
                            <a href="blog_standar.html" class="capital">Blog Standar</a>
                        </li>
                        <li class="level2">
                            <a href="blog_grid.html" class="capital">Blog Gird</a>
                        </li>
                        <li class="level2">
                            <a href="blog_sidebar.html" class="capital">Blog Sidebar</a>
                        </li>
                        <li class="level2">
                            <a href="single_blog.html" class="capital">Blog Single Post</a>
                        </li>
                    </ul>
                </div>
                </li>
                <li class="level1 active dropdown">
                    <a href="#" class="uppercase">Pages</a>
                    <span class="icon-sub-menu"></span>
                    <div class="menu-level1 js-open-menu">
                    <ul class="level1">
                        <li class="level2">
                            <a href="about_us.html" class="capital">About Us</a>
                        </li>
                        <li class="level2">
                            <a href="faqs.html" class="capital">FAQs</a>
                        </li>
                        <li class="level2">
                            <a href="404.html" class="capital">404</a>
                        </li>
                    </ul>
                </div>
                </li>
                <li class="level1">
                    <a href="contact.html" class="uppercase">contact</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- end push menu-->
<div class="wrappage">
    <header id="header" class="style-main-9 zens-hdv9">
        <div class="header-center">
          <div class="container container-240">
              <div class="row flex">
                  <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6 v-center header-logo">
                      <a href="#" title="logo">
                        <img src="asset/img/logo.png" class="img-reponsive" alt="logo">
                      </a>
                  </div>
                <div class="col-lg-7 col-md-7 v-center header-search hidden-xs hidden-sm">
                    <form method="get" class="searchform" action="/search">
                        <input type="text" name="q" class="form-control" placeholder="i’m shoping for...">
                        <div class="search-panel">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">All categories <span class="fa fa-caret-down"></span></a>
                            <ul id="category" class="dropdown-menu dropdown-category">
                                    <li><a href="#" title="Bags">Bags</a></li>
                                    <li><a href="#" title="Jeans">Jeans</a></li>
                                    <li><a href="#" title="Night Wear">Night Wear</a></li>
                                    <li><a href="#" title="Party Wear">Party Wear</a></li>
                                    <li><a href="#" title="Tshirt">Tshirt</a></li>
                                    <li><a href="#" title="Party Wear Shirt">Party Wear Shirt</a></li>
                                    <li><a href="#" title="Cotton Jeans">Cotton Jeans</a></li>
                                    <li><a href="#" title="Sport Watch">Sport Watch</a></li>
                            </ul>
                        </div>
                        <span class="input-group-btn">
                             <button class="button_search" type="submit"><i class="ion-ios-search-strong"></i></button>
                        </span>
                    </form>
                </div>
                <div class="col-lg-3  col-md-3 col-sm-6 col-xs-6 v-center header-sub">
                    <div class="right-panel">
                        <div class="header-sub-element row">
                            <a class="hidden-xs hidden-sm" href="#">
                                    <i class="icon-user f-22"></i>
                            </a>
                            <a href="#">
                                    <i class="icon-heart f-22"></i>
                            </a>
                            <div class="cart">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="label5">
                                          <i class="icon-handbag f-22"></i>
                                    <span class="count cart-count enj-cartcount">0</span>
                                </a>
                                <div class="dropdown-menu dropdown-cart">
                                  <div class="enj-minicart-ajax">
                                    <div class="text-center">
                                      <p class="empty-cart-title">No products in the cart.</p>
                                    </div>
                                    <div class="text-center">
                                      <a href="../../../collections/all" class="btn-back btn-gradient">Start shopping</a>
                                    </div>
                                  </div>
                                </div>
                            </div>
                            <a href="‿‿" onclick="return false;" class="hidden-md hidden-lg icon-pushmenu js-push-menu">
                                <i class="fa fa-bars f-25"></i>
                            </a>
                        </div>
                    </div>
                </div>
              </div>
          </div>
        </div>
    <div class="header-bottom hidden-xs hidden-sm">
        <div class="container container-240">
          <div class="main-menu-wrapper"></div>
            <div class="row flex lr2">
                <div class="col-lg-3 col-md-3 widget-verticalmenu">
                    <div class="navbar-vertical">
                        <button class="navbar-toggles navbar-drop js-vertical-menu"><span>All Categories</span><i class="ion-ios-arrow-down"></i></button>
                    </div>
                    <div class="vertical-wrapper">
                        <!-- begin site-nav -->
<ul class="vertical-group">
  <li class="vertical-item level1 vertical-drop">
    <a href="#" title="Accessories">
        <span class="icon_add">
        <svg width="20" height="15" version="1.1"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" class="v1"  xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
        <g>
            <g>
                <path d="M177.74,29.93c-1.86-1.86-4.44-2.93-7.07-2.93c-2.64,0-5.21,1.07-7.07,2.93c-1.86,1.86-2.93,4.44-2.93,7.07
                    s1.07,5.21,2.93,7.07c1.86,1.86,4.43,2.93,7.07,2.93c2.63,0,5.21-1.07,7.07-2.93c1.86-1.86,2.93-4.44,2.93-7.07
                    S179.6,31.79,177.74,29.93z"></path>
            </g>
        </g>
        <g>
            <g>
                <path d="M502,27H213.333c-5.523,0-10,4.477-10,10s4.477,10,10,10H492v81.851L309.594,311.255c-3.905,3.905-3.905,10.237,0,14.143
                    c1.953,1.952,4.512,2.929,7.071,2.929s5.119-0.977,7.071-2.929L492,157.135V371H20V47h107c5.523,0,10-4.477,10-10s-4.477-10-10-10
                    H10C4.477,27,0,31.477,0,37v344c0,5.523,4.477,10,10,10h172v34h-58c-5.523,0-10,4.477-10,10v30H57.154c-5.523,0-10,4.477-10,10
                    s4.477,10,10,10h361.889c5.523,0,10-4.477,10-10s-4.477-10-10-10H398v-30c0-5.523-4.477-10-10-10h-58v-34h172
                    c5.523,0,10-4.477,10-10V37C512,31.477,507.523,27,502,27z M202,391h108v34H202V391z M378,445v20H134v-20h58h128H378z"></path>
            </g>
        </g>
        <g>
            <g>
                <path d="M177.359,114.92c-3.905-3.906-10.236-3.904-14.143,0L74.71,203.426c-3.905,3.905-3.905,10.237,0,14.143
                    c1.953,1.953,4.512,2.929,7.071,2.929s5.119-0.977,7.071-2.929l88.507-88.506C181.264,125.157,181.265,118.825,177.359,114.92z"></path>
            </g>
        </g>
        <g>
            <g>
                <path d="M60.61,231.67c-1.86-1.86-4.44-2.93-7.07-2.93s-5.21,1.07-7.07,2.93c-1.86,1.86-2.93,4.43-2.93,7.07
                    c0,2.63,1.07,5.21,2.93,7.07c1.86,1.86,4.44,2.93,7.07,2.93s5.21-1.07,7.07-2.93c1.86-1.86,2.93-4.44,2.93-7.07
                    S62.47,233.53,60.61,231.67z"></path>
            </g>
        </g>
        <g>
            <g>
                <path d="M461.92,467.93c-1.86-1.86-4.44-2.93-7.07-2.93c-2.64,0-5.21,1.07-7.07,2.93c-1.87,1.86-2.93,4.44-2.93,7.07
                    s1.06,5.21,2.93,7.07c1.85,1.86,4.43,2.93,7.07,2.93c2.63,0,5.21-1.07,7.07-2.93c1.86-1.86,2.93-4.44,2.93-7.07
                    S463.78,469.79,461.92,467.93z"></path>
            </g>
        </g>
        <g>
            <g>
                <path d="M235.704,161.994h-56c-5.523,0-10,4.477-10,10c0,5.523,4.477,10,10,10h18V256c0,5.523,4.477,10,10,10
                    c5.523,0,10-4.477,10-10v-74.006h18c5.523,0,10-4.477,10-10C245.704,166.471,241.227,161.994,235.704,161.994z"></path>
            </g>
        </g>
        <g>
            <g>
                <path d="M335.458,162.507c-5.239-1.745-10.903,1.084-12.649,6.325l-18.513,55.543l-18.513-55.543
                    c-1.746-5.239-7.411-8.07-12.649-6.325c-5.239,1.746-8.071,7.409-6.325,12.649l28,84.006c1.361,4.084,5.183,6.838,9.487,6.838
                    c4.304,0,8.126-2.754,9.487-6.838l28-84.006C343.53,169.916,340.698,164.253,335.458,162.507z"></path>
            </g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        <g>
        </g>
        </svg>
    </span>
        Accessories
    </a>
    <div class="menu-level-1 dropdown-menu vertical-menu v2 tvbg pd2 style1">
        <ul class="level1">
            <li class="level2 col-md-5">
                <a href="#">TVs by Type</a>
                <ul class="menu-level-2">
                    <li class="level3"><a href="#" title="">4K Ultra HD</a></li>
                    <li class="level3"><a href="#" title="">Smart TVs</a></li>
                    <li class="level3"><a href="#" title="">LED &amp; LCD TVs &amp; amplifiers</a></li>
                    <li class="level3"><a href="#" title="">OLED TVs</a></li>
                    <li class="level3"><a href="#" title="">QLED/Quantum Dot TVs  </a></li>
                </ul>
                <a href="#">Blu-ray &amp; DVD Players</a>
                <ul class="menu-level-2">
                    <li class="level3"><a href="#" title="">4K Blu-ray Players</a></li>
                    <li class="level3"><a href="#" title="">Streaming Blu-ray Players</a></li>
                    <li class="level3"><a href="#" title="">3D Blu-ray Players</a></li>
                    <li class="level3"><a href="#" title="">Portable Blu-ray Players</a></li>
                    <li class="level3"><a href="#" title="">DVD Recorders</a></li>
                </ul>
            </li>
            <li class="level2 col-md-7">
                <a href="# ">Home Audio</a>
                <ul class="menu-level-2">
                    <li class="level3"><a href="#" title="">Home Theater Systems</a></li>
                    <li class="level3"><a href="#" title="">Soundbars</a></li>
                    <li class="level3"><a href="#" title="">Speakers</a></li>
                    <li class="level3"><a href="#" title="">Receivers &amp; Amplifiers</a></li>
                    <li class="level3"><a href="#" title="">Premium Audio</a></li>
                </ul>
            </li>
        </ul>
    </div>
  </li>
  <li class="vertical-item level1 mega-parent">
      <a href="#" title="Camera">
            <span class="icon_add"><svg width="20" height="15"  data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 333.67 263.63"><title>photo-camera</title>
<path d="M295.1,298.65H38.56A38.6,38.6,0,0,1,0,260.09V103.7A38.6,38.6,0,0,1,38.56,65.14H90.91l4.58-15.46A19,19,0,0,1,114.19,35h105.3a19.39,19.39,0,0,1,18.73,14.74l.12.53,4.18,14.85h52.6a38.6,38.6,0,0,1,38.56,38.56V260.09A38.61,38.61,0,0,1,295.1,298.65ZM38.56,78A25.73,25.73,0,0,0,12.85,103.7V260.09a25.73,25.73,0,0,0,25.71,25.71H295.1a25.73,25.73,0,0,0,25.71-25.71V103.7A25.73,25.73,0,0,0,295.1,78H232.77l-7-25.1a6.46,6.46,0,0,0-6.26-5H114.18a6.38,6.38,0,0,0-6.26,5L100.49,78ZM166.84,259.8a81.57,81.57,0,1,1,81.56-81.56A81.66,81.66,0,0,1,166.84,259.8Zm0-150.29a68.71,68.71,0,1,0,68.7,68.72A68.8,68.8,0,0,0,166.84,109.51Zm120-7.66a11.86,11.86,0,1,0,11.85,11.86A11.86,11.86,0,0,0,286.8,101.85Z" transform="translate(0 -35.02)"></path></svg></span>
        Camera
    </a>
  </li>
  <li class="vertical-item level1 mega-parent">
      <a href="#" title="Smartphone">
            <span class="icon_add"><svg width="20" height="20"  data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><title>smartphone</title>
<path d="M42.6,0H17.41A4.41,4.41,0,0,0,13,4.41V55.59A4.41,4.41,0,0,0,17.41,60H42.59A4.41,4.41,0,0,0,47,55.6V4.41A4.41,4.41,0,0,0,42.6,0ZM15,8H45V46H15Zm2.41-6H42.59A2.41,2.41,0,0,1,45,4.41V6H15V4.41A2.41,2.41,0,0,1,17.41,2ZM42.6,58H17.41A2.41,2.41,0,0,1,15,55.6V48H45v7.6A2.41,2.41,0,0,1,42.6,58Z" transform="translate(0)"></path><path d="M30,49a4,4,0,1,0,4,4A4,4,0,0,0,30,49Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,30,55Z" transform="translate(0)"></path><path d="M26,5h4a1,1,0,0,0,0-2H26a1,1,0,0,0,0,2Z" transform="translate(0)"></path><path d="M33,5h1a1,1,0,0,0,0-2H33a1,1,0,0,0,0,2Z" transform="translate(0)"></path><path d="M56.61,4.57A1,1,0,1,0,55.2,6a9.59,9.59,0,0,1,0,13.55,1,1,0,1,0,1.41,1.41A11.6,11.6,0,0,0,56.61,4.57Z" transform="translate(0)"></path><path d="M52.4,6.84A1,1,0,1,0,51,8.26a6.57,6.57,0,0,1,0,9.28,1,1,0,1,0,1.41,1.41,8.57,8.57,0,0,0,0-12.1Z" transform="translate(0)"></path><path d="M4.8,6A1,1,0,0,0,3.39,4.57a11.6,11.6,0,0,0,0,16.38A1,1,0,0,0,4.8,19.53,9.59,9.59,0,0,1,4.8,6Z" transform="translate(0)"></path><path d="M9,6.57a1,1,0,0,0-1.41,0,8.57,8.57,0,0,0,0,12.11A1,1,0,0,0,9,17.26,6.57,6.57,0,0,1,9,8,1,1,0,0,0,9,6.57Z" transform="translate(0)"></path></svg></span>
        Smartphone
    </a>
  </li>
  <li class="vertical-item level1 mega-parent">
      <a href="#" title="Playstation">
            <span class="icon_add">
<svg width="20" height="20" version="1.1"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 511.999 511.999" class="v2" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<g>
    <g>
        <path d="M509.273,298.297l-32.658-116.62c-6.306-22.534-21.891-41.531-42.76-52.122c-20.87-10.592-45.406-11.956-67.32-3.739
            c-16.022,6.013-29.628,16.583-39.338,30.558c0,0-0.046,0.037-0.14,0.037H185.45c-0.085,0-0.13-0.03-0.134-0.03
            c-9.707-13.981-23.309-24.551-39.341-30.567c-21.915-8.211-46.453-6.85-67.321,3.742c-20.864,10.59-36.448,29.587-42.754,52.119
            L3.242,298.296c-10.789,38.513,6.053,75.722,40.048,88.478c8.556,3.208,17.548,4.722,26.513,4.722
            c29.164-0.001,58.001-16.026,70.304-41.855l15.67-32.794c9.656,12.936,25.042,20.962,41.742,20.962
            c22.775,0,42.735-14.858,49.559-36.094h18.302c6.823,21.236,26.777,36.094,49.548,36.094c16.709,0,32.102-8.035,41.756-20.98
            l15.708,32.8c7.92,16.626,21.687,29.581,38.764,36.476c17.078,6.896,35.982,7.134,53.232,0.668
            c17.246-6.47,31.332-19.08,39.663-35.506C512.38,334.845,514.235,316.034,509.273,298.297z M485.259,341.736
            c-5.94,11.709-15.98,20.698-28.27,25.309c-12.294,4.607-25.77,4.438-37.944-0.477c-12.173-4.916-21.986-14.149-27.641-26.02
            l-21.904-45.739c-2.412-5.037-7.578-8.087-13.16-7.805c-5.561,0.295-10.355,3.873-12.212,9.115
            c-4.37,12.334-16.105,20.621-29.199,20.621c-14.772,0-27.553-10.5-30.388-24.968c-1.264-6.447-6.942-11.127-13.501-11.127h-29.617
            c-6.56,0-12.238,4.68-13.503,11.129c-2.835,14.466-15.621,24.966-30.4,24.966c-13.091,0-24.824-8.284-29.197-20.614
            c-1.859-5.243-6.655-8.82-12.218-9.113c-5.575-0.299-10.749,2.775-13.157,7.816l-21.856,45.738
            c-11.385,23.899-44.281,36.271-70.401,26.478c-23.884-8.961-35.05-34.895-27.159-63.067l32.659-116.624
            c4.79-17.115,16.154-30.969,32.001-39.012c8.977-4.556,18.61-6.851,28.3-6.851c7.418,0,14.871,1.344,22.086,4.049
            c12,4.504,22.178,12.407,29.432,22.856c3.95,5.687,10.47,9.082,17.44,9.082h141.606c6.969,0,13.487-3.392,17.435-9.075
            c7.265-10.455,17.448-18.361,29.443-22.863c16.64-6.238,34.534-5.244,50.386,2.8c15.849,8.043,27.215,21.898,32.005,39.014
            l32.657,116.62C492.521,316.618,491.197,330.028,485.259,341.736z"></path>
    </g>
</g>
<g>
    <g>
        <circle cx="396.962" cy="187.214" r="13.31"></circle>
    </g>
</g>
<g>
    <g>
        <circle cx="396.962" cy="250.064" r="13.311"></circle>
    </g>
</g>
<g>
    <g>
        <circle cx="365.537" cy="218.639" r="13.311"></circle>
    </g>
</g>
<g>
    <g>
        <circle cx="428.388" cy="218.639" r="13.311"></circle>
    </g>
</g>
<g>
    <g>
        <path d="M147.177,208.102h-18.653v-18.653c0-5.818-4.716-10.535-10.535-10.535c-5.818,0-10.535,4.716-10.535,10.535v18.653H88.801
            c-5.818,0-10.535,4.716-10.535,10.535c0,5.818,4.716,10.535,10.535,10.535h18.653v18.653c0,5.818,4.716,10.535,10.535,10.535
            c5.818,0,10.535-4.716,10.535-10.535v-18.653h18.653c5.818,0,10.535-4.716,10.535-10.535
            C157.711,212.818,152.995,208.102,147.177,208.102z"></path>
    </g>
</g>
<g>
    <g>
        <path d="M232.033,208.102h-11.524c-5.818,0-10.535,4.716-10.535,10.535c0,5.818,4.716,10.535,10.535,10.535h11.524
            c5.818,0,10.535-4.716,10.535-10.535C242.567,212.818,237.851,208.102,232.033,208.102z"></path>
    </g>
</g>
<g>
    <g>
        <path d="M291.993,208.102h-11.524c-5.818,0-10.535,4.716-10.535,10.535c0,5.818,4.716,10.535,10.535,10.535h11.524
            c5.818,0,10.535-4.716,10.535-10.535C302.528,212.818,297.811,208.102,291.993,208.102z"></path>
    </g>
</g>
<g>
    <g>
        <path d="M197.52,264.538c-11.696,0-21.211,9.515-21.211,21.211c0,11.697,9.515,21.212,21.211,21.212
            c11.697,0,21.212-9.515,21.212-21.212C218.731,274.053,209.216,264.538,197.52,264.538z M197.52,291.159
            c-2.982,0-5.409-2.426-5.409-5.41c0-2.982,2.426-5.409,5.409-5.409c2.983,0,5.41,2.426,5.41,5.409
            C202.929,288.732,200.503,291.159,197.52,291.159z"></path>
    </g>
</g>
<g>
    <g>
        <path d="M314.927,264.538c-11.696,0-21.211,9.515-21.211,21.211c0,11.697,9.515,21.212,21.211,21.212
            c11.696,0,21.211-9.515,21.211-21.212C336.138,274.053,326.623,264.538,314.927,264.538z M314.927,291.159
            c-2.982,0-5.409-2.426-5.409-5.41c0-2.982,2.426-5.409,5.409-5.409s5.409,2.426,5.409,5.409
            C320.336,288.732,317.91,291.159,314.927,291.159z"></path>
    </g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg></span>
        Playstation
    </a>
  </li>
  <li class="vertical-item level1 mega-parent">
      <a href="#" title="Headphone">
            <span class="icon_add"><svg width="20" height="20"  data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496.75 512"><title>headset</title>
<path d="M459.07,236.29v-30A203.2,203.2,0,0,0,334.67,19V10a10,10,0,0,0-10-10H187.3a10,10,0,0,0-10,10v9.07A203.1,203.1,0,0,0,52.95,206.29v30a59.81,59.81,0,0,0-45.33,58V356a59.76,59.76,0,0,0,59.7,59.69H76a27.06,27.06,0,0,0,50.51-13.52V248.06A27.07,27.07,0,0,0,99.44,221,27.22,27.22,0,0,0,76,234.52H72.91V206.29A183.07,183.07,0,0,1,180.67,39.39,28.91,28.91,0,0,0,206.2,54.77h99.6a28.89,28.89,0,0,0,25.53-15.41A183.26,183.26,0,0,1,439.1,206.29v28.23H436a27.06,27.06,0,0,0-42.58-5.61,26.9,26.9,0,0,0-7.93,19.15V402.18a27.06,27.06,0,0,0,12.95,23A90.53,90.53,0,0,1,331.35,466a35.73,35.73,0,0,0-34.1-25.23H279a35.67,35.67,0,0,0-35.63,35.63A35.65,35.65,0,0,0,279,512h18.21a35.68,35.68,0,0,0,34.3-26,110.53,110.53,0,0,0,88.26-57.74A27.31,27.31,0,0,0,436,415.7h8.67a59.76,59.76,0,0,0,59.7-59.7V294.24A59.8,59.8,0,0,0,459.07,236.29ZM92.32,248.06h0a7.27,7.27,0,0,1,.15-1.49,7.12,7.12,0,0,1,12-3.54,7.07,7.07,0,0,1,2.08,5V402.17a7.11,7.11,0,1,1-14.23,0V248.06Zm-20,147.67h-5A39.78,39.78,0,0,1,27.59,356V294.23a39.78,39.78,0,0,1,39.73-39.74h5ZM314.7,25.91a8.91,8.91,0,0,1-8.9,8.9H206.2a8.92,8.92,0,0,1-8.92-8.9V20H314.7ZM278.41,492a15.65,15.65,0,0,1-15-15.63,15.67,15.67,0,0,1,15-15.63V492Zm20,0V460.76a15.66,15.66,0,0,1,14.53,15.61A15.67,15.67,0,0,1,298.38,492Zm121.32-89.8h0a7.21,7.21,0,0,1-.16,1.49,7.12,7.12,0,0,1-14.08-1.49V248.06a7.05,7.05,0,0,1,2.07-5,7.13,7.13,0,0,1,12,3.53,7.28,7.28,0,0,1,.15,1.49V402.17ZM484.41,356a39.77,39.77,0,0,1-39.73,39.73h-5V254.49h5a39.78,39.78,0,0,1,39.73,39.75Z" transform="translate(-7.62)"></path></svg></span>
        Headphone
    </a>
  </li>
  <li class="vertical-item level1 mega-parent">
      <a href="#" title="Software">
            <span class="icon_add"><svg width="20" height="21"  data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.26 401.39"><title>mouse</title>
<path d="M200.7,0A125.27,125.27,0,0,0,75.57,125.13V276.27a125.13,125.13,0,0,0,250.26,0V125.13A125.27,125.27,0,0,0,200.7,0ZM310.83,125.13v2a237.08,237.08,0,0,1-105.13,27.06V112.32a23.57,23.57,0,0,0,18.54-23V58a23.57,23.57,0,0,0-18.54-23V15.12A110.26,110.26,0,0,1,310.83,125.13ZM200.7,44.42A13.55,13.55,0,0,1,214.23,58V89.33a13.54,13.54,0,1,1-27.07,0V58A13.55,13.55,0,0,1,200.7,44.42Zm-5-29.31V35a23.57,23.57,0,0,0-18.53,23V89.33a23.57,23.57,0,0,0,18.53,23v41.84A237.06,237.06,0,0,1,90.57,127.1v-2A110.26,110.26,0,0,1,195.69,15.12Zm5,371.28A110.25,110.25,0,0,1,90.57,276.27V138.34a247.28,247.28,0,0,0,110.13,25.88,247.3,247.3,0,0,0,110.13-25.88V276.27A110.25,110.25,0,0,1,200.7,386.4Z" transform="translate(-75.57)"></path></svg></span>
        Software
    </a>
  </li>
  <li class="vertical-item level1 vertical-drop">
    <a href="#" title="Mouse">
        <span class="icon_add">
<svg width="20" height="20" version="1.1"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 480 480" class="v3" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<g>
    <g>
        <path d="M240,216c-26.469,0-48,21.531-48,48s21.531,48,48,48s48-21.531,48-48S266.469,216,240,216z M240,296
            c-17.645,0-32-14.352-32-32s14.355-32,32-32s32,14.352,32,32S257.645,296,240,296z"></path>
    </g>
</g>
<g>
    <g>
        <path d="M240,0C107.664,0,0,107.664,0,240s107.664,240,240,240s240-107.664,240-240S372.336,0,240,0z M240,464
            C116.484,464,16,363.516,16,240S116.484,16,240,16s224,100.484,224,224S363.516,464,240,464z"></path>
    </g>
</g>
<g>
    <g>
        <path d="M240,48C134.133,48,48,134.133,48,240s86.133,192,192,192s192-86.133,192-192S345.867,48,240,48z M240,64
            c74.785,0,138.781,46.905,164.228,112.825l-59.938,19.979c-20.559,6.852-42.785,5.781-62.602-3.031
            c-26.492-11.781-56.887-11.781-83.371,0l-3.031,1.344c-18.016,8.016-38.441,9.633-57.512,4.547L73.672,182.57
            C97.54,113.646,163.061,64,240,64z M64,240c0-1.63,0.079-3.241,0.124-4.86l5.556,1.852
            c78.876,26.291,134.657,95.203,144.579,177.107C129.373,401.603,64,328.302,64,240z M240,416c-3.177,0-6.332-0.095-9.468-0.262
            c-9.454-89.602-69.874-165.284-155.79-193.918l-9.406-3.135c0.857-7.06,2.118-13.995,3.788-20.774l64.524,17.207
            c8.648,2.305,17.527,3.453,26.398,3.453c14.297,0,28.559-2.969,41.734-8.828l3.031-1.344c22.359-9.953,48.008-9.945,70.398,0.008
            c23.457,10.414,49.785,11.695,74.141,3.57l59.939-19.98c2.456,8.647,4.265,17.559,5.373,26.688l-9.406,3.135
            c-85.917,28.634-146.336,104.316-155.79,193.918C246.332,415.905,243.177,416,240,416z M265.742,414.099
            c9.922-81.904,65.702-150.816,144.579-177.107l5.556-1.852c0.044,1.619,0.124,3.23,0.124,4.86
            C416,328.302,350.627,401.603,265.742,414.099z"></path>
    </g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg></span>
        Mouse
    </a>
    <div class="menu-level-1 dropdown-menu vertical-menu">
       <ul class="vertical-menu1">
            <li><a href="#">Car Audio</a></li>
            <li><a href="#">Radar Detectors</a></li>
            <li><a href="#">Car Safety &amp; Security</a></li>
            <li><a href="#">Car Video</a></li>
            <li><a href="#">Two-Way Radios</a></li>
            <li><a href="#">CB Radios &amp; Scanners</a></li>
            <li><a href="#">In-Dash Mounting Kits</a></li>
            <li><a href="#">Installation Accessories.</a></li>
        </ul>
    </div>
  </li>
  <li class="vertical-item level1 vertical-drop">
    <a href="#" title="Autocar">
        <span class="icon_add"><svg width="20" height="14"  data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 367.21"><title>laptob</title>
<g id="Shape_353" data-name="Shape 353"><path d="M61.2,448.8H550.8a20.42,20.42,0,0,0,20.4-20.41V142.79a20.4,20.4,0,0,0-20.4-20.4H61.2A20.4,20.4,0,0,0,40.8,142.8V428.4A20.41,20.41,0,0,0,61.2,448.8ZM61.2,153a10.2,10.2,0,0,1,10.2-10.2H540.6A10.2,10.2,0,0,1,550.8,153V418.2a10.22,10.22,0,0,1-10.2,10.21H71.4A10.22,10.22,0,0,1,61.2,418.2ZM601.8,469.21H10.2a10.2,10.2,0,1,0,0,20.39H601.8a10.2,10.2,0,1,0,0-20.39Z" transform="translate(0 -122.39)"></path></g></svg></span>
        Autocar
    </a>
    <div class="menu-level-1 dropdown-menu vertical-menu v2 homebg pd2 style1">
        <ul class="level1">
            <li class="level2 col-md-4">
                <a href="#">Home theater</a>
                <ul class="menu-level-2">
                    <li class="level3"><a href="#" title="">Sound bars</a></li>
                    <li class="level3"><a href="#" title="">Speakers</a></li>
                    <li class="level3"><a href="#" title="">Receivers &amp; amplifiers</a></li>
                    <li class="level3"><a href="#" title="">Equalizers</a></li>
                    <li class="level3"><a href="#" title="">Phono preamps  </a></li>
                </ul>
            </li>
            <li class="level2 col-md-4">
                <a href="# ">Speakers</a>
                <ul class="menu-level-2">
                    <li class="level3"><a href="#" title="">Bluetooth speakers</a></li>
                    <li class="level3"><a href="#" title="">Ceiling &amp; in-wall speakers</a></li>
                    <li class="level3"><a href="#" title="">Digital music systems</a></li>
                    <li class="level3"><a href="#" title="">Outdoor</a></li>
                    <li class="level3"><a href="#" title="">Satellite speakers</a></li>
                </ul>
            </li>
            <li class="level2 col-md-4">
                <a href="#">Accessories</a>
                <ul class="menu-level-2">
                    <li class="level3"><a href="#" title="">Receivers &amp; amplifiers</a></li>
                    <li class="level3"><a href="#" title="">Cd &amp; tape players</a></li>
                    <li class="level3"><a href="#" title="">Tuners</a></li>
                    <li class="level3"><a href="#" title="">Curntables</a></li>
                    <li class="level3"><a href="#" title="">Receivers &amp; adapters</a></li>
                </ul>
            </li>
        </ul>
    </div>
  </li>
  <li class="vertical-item level1 vertical-drop">
    <a href="#" title="Laptop">
        <span class="icon_add">
<svg width="22" height="17" version="1.1"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" class="v4" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
<g>
    <path d="M400,104h16c4.4,0,8-3.6,8-8s-3.6-8-8-8h-16c-4.4,0-8,3.6-8,8S395.6,104,400,104z"></path>
    <path d="M40,104h328c4.4,0,8-3.6,8-8s-3.6-8-8-8H40c-4.4,0-8,3.6-8,8S35.6,104,40,104z"></path>
    <path d="M496,233.4V160V96c0-22.1-17.9-40-40-40H40C17.9,56,0,73.9,0,96v320c0,22.1,17.9,40,40,40h416c22.1,0,40-17.9,40-40v-73.4
        c9.3-3.3,16-12.2,16-22.6v-64C512,245.6,505.3,236.7,496,233.4z M40,72h416c13.2,0,24,10.8,24,24v0c-6.7-5-15-8-24-8h-8
        c-4.4,0-8,3.6-8,8s3.6,8,8,8h8c13.2,0,24,10.8,24,24v0c-6.7-5-15-8-24-8H40c-13.2,0-24-10.8-24-24S26.8,72,40,72z M456,440H40
        c-13.2,0-24-10.8-24-24V128c6.7,5,15,8,24,8h416c13.2,0,24,10.8,24,24v72h-96c-17.6,0-32,14.4-32,32v48c0,17.6,14.4,32,32,32h96v72
        C480,429.2,469.2,440,456,440z M496,320c0,4.4-3.6,8-8,8H384c-8.8,0-16-7.2-16-16v-48c0-8.8,7.2-16,16-16h103.9c0,0,0.1,0,0.1,0
        c0,0,0,0,0.1,0c4.4,0,7.9,3.6,7.9,8V320z"></path>
    <path d="M432,280c-4.4,0-8,3.6-8,8c0,4.4-3.6,8-8,8s-8-3.6-8-8s3.6-8,8-8c4.4,0,8-3.6,8-8s-3.6-8-8-8c-13.2,0-24,10.8-24,24
        s10.8,24,24,24s24-10.8,24-24C440,283.6,436.4,280,432,280z"></path>
</g>
</svg></span>
        Laptop
    </a>
    <div class="menu-level-1 dropdown-menu vertical-menu">
       <ul class="vertical-menu1">
        <li>
          <a href="#" class="">13 inch Laptop</a>
        </li>
        <li>
          <a href="#" class="">14 inch Laptop</a>
        </li>
        <li>
          <a href="#" class="">15' inch Laptop</a>
        </li>
        </ul>
    </div>
  </li>
</ul>
<!-- //site-nav -->
                    </div>
                </div>
                <div class="col-lg-9 col-md-9 widget-left">
                    <div class="flex lr">
                        <nav class="main-menu">
                            <div class="collapse navbar-collapse" id="myNavbar">
                                <!-- begin site-nav -->
                                    <ul class="nav navbar-nav js-menubar">
                                        <li class="level1 active hassub">
                                            <a href="">Home</a>
                                            <div class="menu-level-1 ver2 dropdown-menu">
                                               <div class="row">
                                                   <div class="cate-item col-md-4 col-sm-12">
                                                        <div class="demo-img">
                                                            <a href="home1.html">
                                                                <img src="asset/img/demo1.jpg" alt="" class="img-reponsive">
                                                            </a>
                                                        </div>
                                                       <div class="demo-text">Demo 1</div>
                                                    </div> 
                                                   <div class="cate-item col-md-4 col-sm-12">
                                                        <div class="demo-img">
                                                            <a href="home2.html"><img src="asset/img/demo2.jpg" alt="" class="img-reponsive"></a>
                                                        </div>
                                                       <div class="demo-text">Demo 2</div>
                                                   </div> 
                                                   <div class="cate-item col-md-4 col-sm-12">
                                                        <div class="demo-img">
                                                            <a href="home3.html"><img src="asset/img/demo3.jpg" alt="" class="img-reponsive"></a>
                                                        </div>
                                                       <div class="demo-text">Demo 3</div>
                                                   </div> 
                                                   <div class="cate-item col-md-4 col-sm-12">
                                                        <div class="demo-img">
                                                            <a href="home4.html"><img src="asset/img/demo4.jpg" alt="" class="img-reponsive"></a>
                                                        </div>
                                                       <div class="demo-text">Demo 4</div>
                                                   </div> 
                                                   <div class="cate-item col-md-4 col-sm-12">
                                                        <div class="demo-img">
                                                            <a href="home5.html"><img src="asset/img/demo5.jpg" alt="" class="img-reponsive"></a>
                                                        </div>
                                                       <div class="demo-text">Demo 5</div>
                                                   </div> 
                                                   <div class="cate-item col-md-4 col-sm-12">
                                                        <div class="demo-img">
                                                            <a href="home6.html"><img src="asset/img/demo6.jpg" alt="" class="img-reponsive"></a>
                                                        </div>
                                                       <div class="demo-text">Demo 6</div>
                                                   </div> 
                                               </div>
                                            </div>
                                        </li>   
                                        <li class="level1 dropdown hassub">
                                          <a href="#" title="Shop">Shop
                                          <span class="h-ribbon h-pos label-sale">Sale</span>
                                          </a>
                                          <div class="menu-level-1 dropdown-menu">
                                            <ul class="level1">
                                                <li class="level2 col-4">
                                                        <a href="#">Shop Layout</a>
                                                        <ul class="menu-level-2">
                                                            <li class="level3"><a href="shop_full_width.html" title="">Shop Full Width</a></li>
                                                            <li class="level3"><a href="shop_grid_v1.html" title="">Shop Grid v.1</a></li>
                                                            <li class="level3"><a href="shop_grid_v2.html" title="">Shop Grid v.2</a><span class="h-ribbon v3 e-red h-pos">Hot</span></li>
                                                            <li class="level3"><a href="shop_list.html" title="">Shop List</a></li>
                                                            <li class="level3"><a href="shop_left_sidebar.html" title="">Shop Left Sidebar</a></li>
                                                            <li class="level3"><a href="shop_right_sidebar.html" title="">Shop Right Sidebar</a></li>
                                                        </ul>
                                                        <a href="#">Categories</a>
                                                        <ul class="menu-level-2">
                                                            <li class="level3"><a href="categories_full_width.html" title="">Categories Full Width</a><span class="h-ribbon v3 e-red h-pos">Hot</span></li>
                                                            <li class="level3"><a href="categories_left_sidebar.html" title="">Categories Left Sidebar</a></li>
                                                            <li class="level3"><a href="categories_right_sidebar.html" title="">Categories Right Sidebar</a></li>
                                                        </ul>
                                                </li>
                                                <li class="level2 col-4">
                                                    <a href="# ">Single Product Type</a>
                                                    <ul class="menu-level-2">
                                                        <li class="level3"><a href="bundle.html" title="">Bundle</a><span class="h-ribbon v3 e-red h-pos">Hot</span></li>
                                                        <li class="level3"><a href="pin_product.html" title="">Pin Product</a></li>
                                                        <li class="level3"><a href="360_degree.html" title="">360 Degree</a><span class="h-ribbon v3 e-green h-pos">new</span></li>
                                                        <li class="level3"><a href="featued_video.html" title="">Featued video</a></li>
                                                        <li class="level3"><a href="simple.html">Simple</a></li>
                                                        <li class="level3"><a href="variable.html">Variable</a></li>
                                                        <li class="level3"><a href="external.html">External / Affiliate</a></li>
                                                        <li class="level3"><a href="grouped.html">Grouped</a></li>
                                                        <li class="level3"><a href="oft.html">Out of stock</a></li>
                                                        <li class="level3"><a href="on_sale.html">On sale</a></li>
                                                    </ul>
                                                </li>
                                                <li class="level2 col-4">
                                                        <a href="#">Single Product Layout</a>
                                                        <ul class="menu-level-2">
                                                            <li class="level3"><a href="product_extended.html" title="">Product Extended</a><span class="h-ribbon v3 e-red h-pos">Hot</span></li>
                                                            <li class="level3"><a href="product_left_sidebar.html" title="">Product Left Sidebar</a></li>
                                                            <li class="level3"><a href="product_right_sidebar.html" title="">Product Right Sideba</a></li>
                                                        </ul>
                                                        <a href="#">Other Pages</a>
                                                        <ul class="menu-level-2">
                                                            <li class="level3"><a href="cart.html" title="">Cart</a></li>
                                                            <li class="level3"><a href="my_wishlist.html" title="">My Wishlist</a></li>
                                                            <li class="level3"><a href="checkout.html" title="">Checkout</a></li>
                                                            <li class="level3"><a href="my_account.html" title="">My Account</a></li>
                                                            <li class="level3"><a href="track.html" title="">Track Your Order</a></li>
                                                            <li class="level3"><a href="quick_view.html" title="">Quick View</a></li>
                                                        </ul>
                                                </li>
                                            </ul>
                                             <div class="clearfix"></div>
                                            </div>
                                        </li>
                                      <li class="level1 active">
                                            <a href="categories_full_width.html" title="Collections">Collections
                                            </a>
                                      </li>
                                      <li class="level1 active dropdown">
                                        <a href="#" title="Pages">Pages
                                            <span class="h-ribbon h-pos label-new">New</span>
                                            </a>
                                        <ul class="dropdown-menu menu-level-1">
                                            <li class="level2"><a href="about_us.html" title="About Us ">About Us </a></li>
                                            <li class="level2"><a href="contact.html" title="Contact">Contact</a></li>
                                            <li class="level2"><a href="faqs.html" title="FAQs">FAQs</a></li>
                                            <li class="level2"><a href="404.html" title="404">404</a></li>
                                        </ul>
                                      </li>
                                      <li class="level1 active dropdown">
                                        <a href="#" title="Blog">Blog
                                            </a>
                                        <ul class="dropdown-menu menu-level-1">
                                            <li class="level2"><a href="blog_standar.html" title="Blog Standar">Blog Standar</a></li>
                                            <li class="level2"><a href="blog_grid.html" title="Blog Gird">Blog Gird</a></li>
                                            <li class="level2"><a href="blog_sidebar.html" title="Blog Sidebar">Blog Sidebar</a></li>
                                            <li class="level2"><a href="single_blog.html" title="Blog Single Post">Blog Single Post</a></li>
                                        </ul>
                                      </li>
                                    </ul>
                                <!-- //site-nav -->
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
    <main>
        <div class="style-main-9">
            <!--slide-->
            <div class="slide-products">
              <div class="container container-240">
                  <div class="row">
                      <div class="col-lg-3 col-md-3"></div>
                      <div class="col-lg-9 col-md-9 col-sm-12">
                          <div class="row">
                              <div class="col-md-8 col-sm-7 col-xs-12">
                                  <div class="slide">
                                      <div class="e-slide magie-bd v2 js-slider-home2">
                                        <div class="e-slide-img v2">
                                            <a href="#"><img src="asset/img/slider_02.jpg" alt=""></a>
                                            <div class="box-center slide-content v3">
                                                <p class="cate v2 white text-center">Power to the pro</p>
                                                <h3 class="white v3 text-center">The vision is brighter than ever.</h3>
                                                <a href="#" class="slide-btn e-red-gradient">Shop now<i class="ion-ios-arrow-forward"></i></a>
                                            </div>
                                        </div>
                                        <div class="e-slide-img v2">
                                                <img src="asset/img/slider_01.jpg" class="img-reponsive" alt="">
                                              <div class="box-center slide-content v3">
                                              </div>
                                        </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-4 col-sm-5 col-xs-12">
                                    <div class="header-right-sidebar">
                                        <div class="title-bg"><h3 class="widget-title">Special</h3></div>
                                    <div class=" product-item engoj_grid_parent">
                                        <div class="product-inner v2">
                                            <div class="flex align-center">
                                                <div class="product-img">
                                                    <a class="engoj_find_img" href="#"><img src="asset/img/product_9.jpg" alt="washing machine" class="img-reponsive"></a>
                                                </div>
                                                <div class="product-info">
                                                    <div class="color-group">
                                                    </div>
                                                    <div class="element-list element-list-left">
                                                    </div>
                                                    <div class="element-list element-list-middle">
                                                        <p class="product-cate"></p>
                                                        <h3 class="product-title"><a href="#">washing machine</a></h3>
                                                        <div class="product-bottom v2">
                                                            <div class="product-price">
                                                                <span class="red ">$350.00</span>
                                                                <span class="old">$700.00</span> 
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class=" product-item engoj_grid_parent">
                                        <div class="product-inner v2">
                                            <div class="flex align-center">
                                                <div class="product-img">
                                                    <a class="engoj_find_img" href="#"><img src="asset/img/product_6.jpg" alt="television 50 inch" class="img-reponsive"></a>
                                                </div>
                                                <div class="product-info">
                                                    <div class="color-group">
                                                    </div>
                                                    <div class="element-list element-list-left">
                                                    </div>
                                                    <div class="element-list element-list-middle">
                                                        <p class="product-cate"></p>
                                                        <h3 class="product-title"><a href="#">television 50 inch</a></h3>
                                                        <div class="product-bottom v2">
                                                            <div class="product-price">
                                                                <span class="red ">$350.00</span>
                                                                <span class="old">$700.00</span> 
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class=" product-item engoj_grid_parent">
                                        <div class="product-inner v2">
                                            <div class="flex align-center">
                                                <div class="product-img">
                                                    <a class="engoj_find_img" href="#"><img src="asset/img/product_8.jpg" alt="speakers blue" class="img-reponsive"></a>
                                                </div>
                                                <div class="product-info">
                                                    <div class="color-group">
                                                    </div>
                                                    <div class="element-list element-list-left">
                                                    </div>
                                                    <div class="element-list element-list-middle">
                                                        <p class="product-cate"></p>
                                                        <h3 class="product-title"><a href="#">speakers blue</a></h3>
                                                        <div class="product-bottom v2">
                                                            <div class="product-price">
                                                                <span class="red ">$350.00</span>
                                                                <span class="old">$700.00</span> 
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
            </div>
            <!--endslide-->
            <!-- banner v1 -->
            <div class="container container-240 ">
                <div class="row flex-sm">
                  <div class="col-sm-3 col-xs-12">
                    <div class="special-content">
                        <h3>Special Offer</h3>
                        <p>Festival Deal On</p>
                    </div>
                  </div>
                  <div class="col-sm-9 col-xs-12">
                      <div class="banner-callus magie-bd effect_img2">
                        <a href="#">
                              <img src="asset/img/1118x300.jpg" class="img-reponsive" alt="">
                        </a>
                      </div>
                  </div>
                </div>
            </div>
            <!-- end -->
            <!-- tab newarrivals -->
            <div class=" container container-240 ">
                <div class="h-heading">
                  <div class="title-icon ">
                      <h3>NEW ARRIVAL PRODUCTS</h3>
                  </div>
                  <ul class="product-tab-sw2">
                      <li class="active">
                          <a href="#1_1545385361961" data-toggle="tab">Featured</a>
                      </li>
                      <li class="">
                          <a href="#2_1545385361961" data-toggle="tab">Lastest</a>
                      </li>
                      <li class="">
                          <a href="#3_1545385361961" data-toggle="tab">Special</a>
                      </li>
                      <li class="">
                          <a href="#4_1545385361961" data-toggle="tab">Best Seller</a>
                      </li>
                  </ul>
                </div>
                <div class="horizonltab">
                    <div class="tab-content">
                        <div class="tab-pane fade active in" id="1_1545385361961">
                            <div class="owl-carousel owl-theme owl-cate v3 customize-arrow js-owl-pd-arrow">
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_11.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_12.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_13.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_14.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_15.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_16.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="2_1545385361961">
                            <div class="owl-carousel owl-theme owl-cate v3 customize-arrow js-owl-pd-arrow">
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_1.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_2.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_3.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_4.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_5.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_16.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="3_1545385361961">
                            <div class="owl-carousel owl-theme owl-cate v3 customize-arrow js-owl-pd-arrow">
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_14.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_20.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_13.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_4.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_5.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_16.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="4_1545385361961">
                            <div class="owl-carousel owl-theme owl-cate v3 customize-arrow js-owl-pd-arrow">
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_11.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_20.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_3.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_14.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_15.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                                <div class="product-item">
                                    <div class="pd-bd product-inner">
                                        <div class="product-img">
                                            <a href="#"><img src="asset/img/product_16.jpg" alt="" class="img-reponsive"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="element-list element-list-middle">
                                                <p class="product-cate">Smart Phone</p>
                                                <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                                <div class="product-bottom">
                                                    <div class="product-price"><span>$1,215.00</span></div>
                                                </div>
                                            </div>         
                                            <div class="product-button-group">
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-handbag f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon">
                                                    <span class="icon-heart f-22"></span>
                                                </a>
                                                <a href="#" class="btn-icon btn-view">
                                                    <span class="icon-eye f-22"></span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--  -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end -->
            <!-- banner v3 -->
            <div class="homepage-banner v2">
                <div class="container container-240">
                    <div class="row">
                        <div class="col-md-4 col-sm-4 col-xs-12">
                            <div class="banner-img effect_img2">
                                <a href="#"><img src="asset/img/h1_b4.jpg" alt="" class="img-responsive"></a>
                                <div class="h-banner-content v2">
                                    <p class="content-name">Home at the good</p>
                                    <p class="content-price">From <span class="red">69.99</span></p>
                                    <a href="#" class="btn-banner">Shop now<i class="ion-ios-arrow-forward"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-12">
                            <div class="banner-img effect_img2">
                                <a href="#"><img src="asset/img/h1_b5.jpg" alt="" class="img-responsive"></a>
                                <div class="h-banner-content v2">
                                    <p class="content-name">Snap Digital Camera</p>
                                    <p class="content-price">From <span class="red">19.99</span></p>
                                    <a href="#" class="btn-banner">Shop now<i class="ion-ios-arrow-forward"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-12">
                            <div class="banner-img effect_img2">
                                <a href="#"><img src="asset/img/h1_b6.jpg" alt="" class="img-responsive"></a>
                                <div class="h-banner-content v2">
                                    <p class="content-name">Minimal Gold Wall Clock</p>
                                    <p class="content-price">From <span class="red">39.99</span></p>
                                    <a href="#" class="btn-banner">Shop now<i class="ion-ios-arrow-forward"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end -->
            <!-- bestselling -->
            <div class="container container-240 ">
                <div class="h-heading">
                      <div class="title-icon ">
                          <h3>BESTSELLING PRODUCTS</h3>
                      </div>
                </div>
                <div class="horizonltab">
                    <div class="owl-carousel owl-theme owl-cate v3 customize-arrow js-owl-pd-arrow">
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_20.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_12.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_13.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_19.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_10.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_16.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                    </div>
                </div>
            </div>
            <!-- end -->
            <!-- banner v2 -->
            <div class="homepage-banner v2">
                <div class="container container-240">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <div class="banner-img effect_img2">
                                <a href="#"><img src="asset/img/h1_b2.jpg" alt="" class="img-responsive"></a>
                                <div class="h-banner-content">
                                    <p class="content-name">The pro stage for your home</p>
                                    <p class="content-price">From <span class="red">69.99</span></p>
                                    <a href="#" class="btn-banner">Shop now<i class="ion-ios-arrow-forward"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <div class="banner-img effect_img2">
                                <a href="#"><img src="asset/img/h1_b3.jpg" alt="" class="img-responsive"></a>
                                <div class="h-banner-content">
                                    <p class="content-name">Smart speaker for music lovers</p>
                                    <p class="content-price">From <span class="red">39.99</span></p>
                                    <a href="#" class="btn-banner">Shop now<i class="ion-ios-arrow-forward"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end -->
            <!-- special -->
            <div class="container container-240 ">
                <div class="h-heading">
                      <div class="title-icon ">
                          <h3>SPECIAL OFF PRODUCTS</h3>
                      </div>
                </div>
                <div class="horizonltab">
                    <div class="owl-carousel owl-theme owl-cate v3 customize-arrow js-owl-pd-arrow">
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_8.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_9.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_16.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_19.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_10.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                        <div class="product-item">
                            <div class="pd-bd product-inner">
                                <div class="product-img">
                                    <a href="#"><img src="asset/img/product_20.jpg" alt="" class="img-reponsive"></a>
                                </div>
                                <div class="product-info">
                                    <div class="element-list element-list-middle">
                                        <p class="product-cate">Smart Phone</p>
                                        <h3 class="product-title"><a href="#">Harman Kardon Onyx Studio </a></h3>
                                        <div class="product-bottom">
                                            <div class="product-price"><span>$1,215.00</span></div>
                                        </div>
                                    </div>         
                                    <div class="product-button-group">
                                        <a href="#" class="btn-icon">
                                            <span class="icon-handbag f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon">
                                            <span class="icon-heart f-22"></span>
                                        </a>
                                        <a href="#" class="btn-icon btn-view">
                                            <span class="icon-eye f-22"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  -->
                    </div>
                </div>
            </div>
            <!-- end -->
            <!-- offer zone -->
            <div class="container container-240 ">
                <div class="zens-collection">
                    <div class="row ">
                      <div class="col-sm-8">
                        <div class="row no-gutters">
                            <div class="col-sm-3">
                              <div class="category-link">
                                    <h3 class="product-tag-title">OFFER ZONE</h3>
                                    <ul class="category_link_inner">
                                            <li><a href="#" title="Bags">Bags</a></li>
                                            <li><a href="#" title="Jeans">Jeans</a></li>
                                            <li><a href="#" title="Night Wear">Night Wear</a></li>
                                            <li><a href="#" title="Party Wear">Party Wear</a></li>
                                            <li><a href="#" title="Tshirt">Tshirt</a></li>
                                            <li><a href="#" title="Party Wear Shirt">Party Wear Shirt</a></li>
                                            <li><a href="#" title="Cotton Jeans">Cotton Jeans</a></li>
                                            <li><a href="#" title="Sport Watch">Sport Watch</a></li>
                                    </ul>
                              </div>
                            </div>
                            <div class="col-sm-9">
                                <div class="effect_img2 magie-bd">
                                      <a href="">
                                         <img src="asset/img/700x485.jpg" class="img-reponsive" alt="images"> 
                                        </a>
                                  </div>
                            </div>
                        </div>
                      </div>
                      <div class="col-sm-4">
                          <div class="row">
                              <div class="col-xs-12 col-sm-6 col-md-12">
                                  <div class="effect_img2 magie-bd">
                                      <a href="">
                                        <img src="asset/img/453x228_1.jpg" class="img-reponsive" alt="images"> 
                                      </a>
                                  </div>
                              </div>
                              <div class="col-xs-12 col-sm-6 col-md-12">
                                  <div class="effect_img2 magie-bd">
                                      <a href="">
                                        <img src="asset/img/453x228_02.jpg" class="img-reponsive" alt="images"> 
                                      </a>
                                  </div>
                              </div>
                          </div>
                      </div>
                    </div>
                </div>
            </div>
            <!-- end -->
        </div>
        <!-- brand -->
        <div class="style-main-6">
            <div class="brand v2">
                <div class="container container-240">
                    <div class="owl-carousel owl-theme owl-brand js-owl-brand2">
                        <div class="brand-item">
                            <a href="" class="hover-images">
                              <img src="asset/img/brand_1.png" class="img-reponsive" alt="">  
                            </a>
                        </div>
                        <div class="brand-item">
                            <a href="" class="hover-images">
                              <img src="asset/img/brand_2.png" class="img-reponsive" alt="">  
                            </a>
                        </div>
                        <div class="brand-item">
                            <a href="" class="hover-images">
                              <img src="asset/img/brand_3.png" class="img-reponsive" alt="">  
                            </a>
                        </div>
                        <div class="brand-item">
                            <a href="" class="hover-images">
                              <img src="asset/img/brand_4.png" class="img-reponsive" alt="">  
                            </a>
                        </div>
                        <div class="brand-item">
                            <a href="" class="hover-images">
                              <img src="asset/img/brand_5.png" class="img-reponsive" alt="">  
                            </a>
                        </div>
                        <div class="brand-item">
                            <a href="" class="hover-images">
                              <img src="asset/img/brand_6.png" class="img-reponsive" alt="">  
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end -->
    </main>
    <footer class="footer-v8">
    <div class="f-top">
        <div class="container container-240">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-15">
                    <div class="footer-block footer-about">
                        <h3 class="footer-block-title">CONTACT US</h3>
                        <ul class="footer-block-content">
                            <li class="address">
                                <span>45 Grand Central Terminal New York,NY 1017 United State USA</span>
                            </li>
                            <li class="phone">
                                <span>(+123) 456 789 - (+123) 666 888</span>
                            </li>
                            <li class="email">
                                <span>Contact@yourcompany.com</span>
                            </li>
                            <li class="time">
                                <span>Mon-Sat 9:00pm - 5:00pm  &nbsp;&nbsp;&nbsp;  Sun : Closed</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-15 xs-mg-bottom-30">
                    <div class="footer-block">
                        <h3 class="footer-block-title">POLICIES &amp; INFO</h3>
                        <ul class="footer-block-content">
                                <li><a href="#" title="Terms Conditions">Terms Conditions</a></li>
                                <li><a href="#" title=" Policy for Sellers"> Policy for Sellers</a></li>
                                <li><a href="#" title="Policy for Buyers">Policy for Buyers</a></li>
                                <li><a href="#" title="Shipping &amp; Refund">Shipping &amp; Refund</a></li>
                                <li><a href="#" title="Wholesale Policy">Wholesale Policy</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-15 xs-mg-bottom-30">
                    <div class="footer-block">
                        <h3 class="footer-block-title">QUICK LINKS</h3>
                        <ul class="footer-block-content">
                                <li><a href="#" title="Seller Login">Seller Login</a></li>
                                <li><a href="#" title="Seller Sign up">Seller Sign up</a></li>
                                <li><a href="#" title="Seller Handbook">Seller Handbook</a></li>
                                <li><a href="#" title="Seller Control Panel">Seller Control Panel</a></li>
                                <li><a href="#" title="Seller FAQs">Seller FAQs</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-15 xs-mg-bottom-30">
                    <div class="footer-block">
                        <h3 class="footer-block-title">MY ACCOUNT</h3>
                        <ul class="footer-block-content">
                                <li><a href="#" title="Accessories">Accessories</a></li>
                                <li><a href="#" title="Balcony Tabl">Balcony Tabl</a></li>
                                <li><a href="#" title="Bar Units">Bar Units</a></li>
                                <li><a href="#" title="Beds">Beds</a></li>
                                <li><a href="#" title="Bedside Tables">Bedside Tables</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-15 ">
                    <div class="footer-block">
                        <div class="footer-block-newsletter">
                            <h3 class="footer-block-title">SUBSCRIBE US</h3>
                            <p>Contrary to popular belief of <br>lorem Ipsm Latin amet ltin from.</p>
                            <form class="form_newsletter" action="#">
                                <input type="email" value="" placeholder="Enter your email" name="EMAIL" id="mail" class="newsletter-input form-control">
                                <button id="subscribe" class="button_mini btn btn-gradient" type="submit">
                                  <i class="fa fa-paper-plane-o"></i> 
                                </button>
                            </form>
                        </div>
                        <div class="footer-social social mg-bottom-30">
                                    <a href="#" class="fa fa-twitter"></a>
                                    <a href="#" class="fa fa-dribbble"></a>
                                    <a href="#" class="fa fa-behance"></a>
                                    <a href="#" class="fa fa-instagram"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="f-center">
      <div class="container container-240">
          <div class="footer-secure text-center">
            <a href=""><img src="asset/img/footer-logo4.png" alt=""></a>
            <a href=""><img src="asset/img/footer-logo3.png" alt=""></a>
            <a href=""><img src="asset/img/footer-logo2.png" alt=""></a>
            <a href=""><img src="asset/img/footer-logo1.png" alt=""></a>
          </div>
          <ul class="f-menu-inline">
                <li><a href="" title="Home">Home</a></li>
                <li><a href="#" title="Shop">Shop</a></li>
                <li><a href="#" title="Collections">Collections</a></li>
                <li><a href="#" title="Pages">Pages</a></li>
                <li><a href="#" title="Blog">Blog</a></li>
          </ul>
          <div class="footer-secure-content text-center">
            <p>**$50 off orders $350+ with the code BOO50. $75 off orders $500+ with the code BOO75. $150 off orders $1000+ with the code BOO150. Valid from<br>
            October 28, 2017 to October 31, 2018. Offer may not be combined with any other offers or promotions, is non-exchangeable and non-refundable. Offer<br>
            valid within the US only.</p>
          </div>
          <div class="footer-secure text-center">
            <a href=""><img src="asset/img/dankort.png" alt=""></a>
            <a href=""><img src="asset/img/american_express.png" alt=""></a>
            <a href=""><img src="asset/img/bitcoin.png" alt=""></a>
            <a href=""><img src="asset/img/cash_on_delivery.png" alt=""></a>
            <a href=""><img src="asset/img/discover.png" alt=""></a>
            <a href=""><img src="asset/img/wallet.png" alt=""></a>
            <a href=""><img src="asset/img/maestro.png" alt=""></a>
            <a href=""><img src="asset/img/master_card.png" alt=""></a>
            <a href=""><img src="asset/img/paypal.png" alt=""></a>
            <a href=""><img src="asset/img/visa.png" alt=""></a>
          </div>
        </div>
    </div>
    <div class="f-bottom">
        <div class="container container-240">
            <div class="row text-center">
                <div class="f-copyright">
                  <span>Copyright © 2019 <a href="http://www.51qianduan.com//">QQT</a></span>
                </div>
            </div>
        </div>
    </div>
</footer>
</div>
<!-- search -->
<div class="search-form-wrapper header-search-form">
    <form method="get" action="/search" role="search" class="search-form  has-categories-select relative">
        <input name="q" class="search-input" type="text" value="" placeholder="Search Products..." autocomplete="off">
        <input type="hidden" name="post_type" value="product">
        <button type="submit" id="search-btn" title="Search">Search</button>
    </form>
    <p class="search-description">
        <span># Type at least 1 character to search</span>
        <span># Hit enter to search or ESC to close</span>
    </p>
    <div class="search-results-wrapper">
        <p class="ajax-search-notice"></p>
        <div class="btn-search-close btn--hidden">
            <i class="ion-ios-close-empty"></i>
        </div>
    </div>
  </div>
<!-- end -->
<!-- scroll top -->
<a href="#" class="btn-gradient scroll_top"><i class="ion-ios-arrow-up"></i></a>
<!-- end -->
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 bootstrap bootstrap自适应 bootstrap响应式 电商 网店 商城 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 绿色 简洁 简约 简单 设备 机械 设备厂 机械厂

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到