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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

40 156 53



模板描述:绿色大气风格 数码商城 整站网站。绿色大气风格的数码商城整站网站源码下载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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
小小的太阳
关注
TA的相关作品 >>更多
热搜关键词


热门标签: 扁平化 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

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

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