黑色宽屏样式html5摩托车配件销售商城网页模板代码

黑色宽屏样式html5摩托车配件销售商城网页模板代码

1. 引入CSS

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/plugin.css">
<link rel="stylesheet" href="assets/css/bundle.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">

2. 引入JS

<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
<script src="assets/js/vendor/jquery-1.12.0.min.js"></script>
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>

3. HTML代码

          <!-- Add your site or application content here -->
            <div class="exporso_wrapper">
                <header>
                    <div class="header_middle">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-3 col-md-3">
                                    <div class="logo">
                                        <a href="index.html"><img src="assets/img/logo/logo.png" alt="exporso logo"></a>
                                    </div>
                                </div>
                                <div class="col-lg-7 col-md-8">
                                    <div class="category_search">
                                        <form action="#">
                                            <div class="category_search_inner">
                                                <div class="select">
                                                    <select name="categroy_search">
                                                        <option value="1" selected>All Categories</option>
                                                        <option value="2" >Latest Bikes</option>
                                                        <option value="3" >Upcoming Bike</option>
                                                        <option value="4" >popular Bike</option>
                                                        <option value="5" >Best Selling Bike</option>
                                                    </select>
                                                </div>
                                                <div class="search">
                                                    <input type="text" placeholder="Search Keyword Here">
                                                </div>
                                                <div class="submit">
                                                    <button type="submit"><i class="zmdi zmdi-search"></i></button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-1">
                                    <div class="mini_cart_box_wrapper text-right">
                                        <a href="#">
                                            <img src="assets/img/icon/cart.png" alt="Mini Cart Icon">
                                            <span class="cart_count">02</span>
                                        </a>
                                        <ul class="mini_cart_box">
                                            <li class="single_product_cart">
                                                <div class="cart_img">
                                                    <a href="product-details.html"><img src="assets/img/product/pro_sm_1.png" alt=""></a>
                                                </div>
                                                <div class="cart_title">
                                                    <h5><a href="product-details.html"> Soffer Pro x33</a></h5>
                                                    <h6><a href="#">Black</a></h6>
                                                    <span>$95.00 x 1</span>
                                                </div>
                                                <div class="cart_delete">
                                                    <a href="#"><i class="zmdi zmdi-delete"></i></a>
                                                </div>
                                            </li>
                                            <li class="single_product_cart">
                                                <div class="cart_img">
                                                    <a href="product-details.html"><img src="assets/img/product/pro_sm_2.png" alt=""></a>
                                                </div>
                                                <div class="cart_title">
                                                    <h5><a href="product-details.html"> Lotafaj una khdii</a></h5>
                                                    <h6><a href="#">Black</a></h6>
                                                    <span>$85.00 x 1</span>
                                                </div>
                                                <div class="cart_delete">
                                                    <a href="#"><i class="zmdi zmdi-delete"></i></a>
                                                </div>
                                            </li>
                                            <li class="cart_space">
                                                <div class="cart_sub">
                                                    <h4>Subtotal</h4>
                                                </div>
                                                <div class="cart_price">
                                                    <h4>$180.00</h4>
                                                </div>
                                            </li>
                                            <li class="cart_btn_wrapper">
                                                <a class="cart_btn" href="#">view cart</a>
                                                <a class="cart_btn " href="#">checkout</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="header_bottom">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-8 col-12">
                                    <div class="menu d-none d-lg-block ">
                                        <nav>
                                            <ul>                                                  
                                                <li><a href="index.html">Home</a></li>
												<li><a href="shop.html">Shop </a></li>
                                                <li><a href="product-details.html">Product Details </a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-12">
                                    <div class="header_right_info">
                                        <ul>
                                            <li><a href="#">Wishlist<span> <i class="zmdi zmdi-favorite-outline"></i> (0) </span></a></li>
                                            <li> <a href="#">Login</a></li>							                    
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-12 d-lg-none">
                                    <!--Mobile menu murkup start-->
                                    <div class="mobile-menu-area d-lg-none">
                                        <div class="mobile-menu clearfix">
                                            <nav>
                                                <ul>                                                  
                                                    <li><a href="index.html">Home</a></li>
												<li><a href="shop.html">Shop </a></li>
                                                <li><a href="product-details.html">Product Details </a></li>
                                                </ul>
                                            </nav>
                                        </div>
                                    </div>
                                    <!--Mobile menu murkup End-->
                                </div>
                            </div>
                        </div>
                    </div>
                </header>
                <!-- slider-area-start -->
                <div class="slider_wrapper">
                    <div class="slider-active owl-carousel">
                        <!--Single Slide-->
                        <div class="single__slider bg-opacity" style="background-image:url(assets/img/slide/1.jpg)">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="slider-content slider-text-animation">
                                            <h1>Best Deal</h1>
                                            <h2>15% - 20% Off</h2>
                                            <p>Simply dummy text of the printing and typesetting. </p>
                                            <a href="#">Buy Now</a>									
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="slider_layer_image">
                                            <img src="assets/img/slide/layer_img_1.png" alt="">
                                        </div>
                                    </div>
                                </div>	
                            </div>
                        </div>
                        <!--Single slide end--> 
                        <!--Single Slide-->
                        <div class="single__slider bg-opacity" style="background-image:url(assets/img/slide/1.jpg)">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="slider-content slider-text-animation">
                                            <h1>Best Deal</h1>
                                            <h2>15% - 20% Off</h2>
                                            <p>Simply dummy text of the printing and typesetting. </p>
                                            <a href="#">Buy Now</a>									
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="slider_layer_image">
                                            <img src="assets/img/slide/layer_img_1.png" alt="">
                                        </div>
                                    </div>
                                </div>	
                            </div>
                        </div>
                        <!--Single slide end--> 
                        <!--Single Slide-->
                        <div class="single__slider bg-opacity" style="background-image:url(assets/img/slide/1.jpg)">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-6">
                                        <div class="slider-content slider-text-animation">
                                            <h1>Best Deal</h1>
                                            <h2>15% - 20% Off</h2>
                                            <p>Simply dummy text of the printing and typesetting. </p>
                                            <a href="#">Buy Now</a>									
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6">
                                        <div class="slider_layer_image">
                                            <img src="assets/img/slide/layer_img_1.png" alt="">
                                        </div>
                                    </div>
                                </div>	
                            </div>
                        </div>
                        <!--Single slide end-->    
                    </div>
                </div>
                <!-- slider-area-end -->
               <!--Banner area start-->
                <div class="banner_area pt-50">
                    <div class="banner_area_inner d-flex">
                        <div class="col_4">
                            <div class="single_banner">
                                <a href="#"><img src="assets/img/banner/1.jpg" alt=""></a>
                            </div>
                        </div>
                        <div class="col_4">
                            <div class="single_banner">
                                <a href="#"><img src="assets/img/banner/2.jpg" alt=""></a>
                            </div>
                        </div>
                        <div class="col_4">
                            <div class="single_banner">
                                <a href="#"><img src="assets/img/banner/3.jpg" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
               <!--Banner area end-->
                <!--Hot Deal product start-->
                <div class="hot_details_product pt-110 pb-107">
                    <div class="container">
                        <div class="row align-items-end">
                            <div class="col-lg-3 col-md-3 col-12">
                                <div class="section_title">
                                    <h2>Hot Deals</h2>
                                </div>
                            </div>
                            <div class="col-lg-9 col-md-9">
                                <div class="nav product_tab_menu justify-content-end" role="tablist">
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-60">
                            <div class="col-lg-9 col-md-12 ">
                                <div class="tab-content">
                                    <div class="tab-pane active show fade" id="hot_all" role="tabpanel">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Gasoline Scooter A9</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Alloy Shimano z3</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Full Slev Shirt</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/5.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Full Slev Hudy</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/6.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Alloy Shimano z3</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="hot_bike" role="tabpanel">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Tandem Beach Cruiser</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/5.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/6.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="hot_tiar" role="tabpanel">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/5.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/6.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="hot_parts" role="tabpanel">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/5.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/6.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="hot_wheel" role="tabpanel">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/5.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/6.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="hot_light" role="tabpanel">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/5.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/6.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-12">
                                <div class="single_banner long_hot_detals d-lg-none">
                                    <a href="#"><img src="assets/img/banner/banner_tab_1.jpg" alt="Shop Banner"></a>
                                </div>
                                <div class="single_banner long_hot_detals d-none d-lg-block">
                                    <a href="#"><img src="assets/img/banner/4.jpg" alt="Shop Banner"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Hot Deal product end-->  
                <!--Hot Deal product start-->
                <div class="hot_details_product pb-110">
                    <div class="container">
                        <div class="row align-items-end">
                            <div class="col-lg-3 col-md-3 col-12">
                                <div class="section_title">
                                    <h2>Best Product</h2>
                                </div>
                            </div>
                            <div class="col-lg-9 col-md-9">
                                <div class="nav product_tab_menu justify-content-end" role="tablist">
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-60">
                            <div class="col-lg-9 col-md-12 ">
                                <div class="tab-content">
                                    <div class="tab-pane active show fade" id="best_all" role="tabpanel">
                                        <div class="row carousel_product owl-carousel">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/3.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="best_bike" role="tabpanel">
                                        <div class="row carousel_product owl-carousel">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="best_tiar" role="tabpanel">
                                        <div class="row carousel_product owl-carousel">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="best_parts" role="tabpanel">
                                        <div class="row ">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="best_wheel" role="tabpanel">
                                        <div class="row carousel_product owl-carousel">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="best_light" role="tabpanel">
                                        <div class="row carousel_product owl-carousel">
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/1.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/2.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="single__product">
                                                    <div class="produc_thumb">
                                                        <a href="product-details.html"><img src="assets/img/product/4.png" alt=""></a>
                                                    </div>
                                                    <div class="product_hover">
                                                        <div class="product_action">
                                                            <a href="#" title="Add To Cart"><i class="zmdi zmdi-shopping-cart-plus"></i></a>
                                                            <a href="#" title="Wishlist"><i class="zmdi zmdi-favorite-outline"></i></a>
                                                            <a href="#" title="Compare"><i class="zmdi zmdi-refresh-alt"></i></a>
                                                        </div>
                                                        <div class="product__desc">
                                                            <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                            <div class="price_amount">
                                                                <span class="current_price">$2999.99</span>
                                                                <span class="discount_price">-08%</span>
                                                                <span class="old_price">$3700.00</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-12 hot_righr_sidebar">
                                <div class="single_banner long_hot_detals d-lg-none">
                                    <a href="#"><img src="assets/img/banner/banner_tab_2.png" alt="Shop Banner"></a>
                                </div>
                                <div class="single_banner  d-lg-block d-none">
                                    <a href="#"><img src="assets/img/banner/5.jpg" alt="Shop Banner"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Hot Deal product end-->
                <!--Banner product section-->
                <div class="banner_product_section pb-110">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-7 col-md-12">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <div class="single_banner banner_length">
                                            <a href="#"><img src="assets/img/banner/6.jpg" alt="Shop Banner"></a>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <div class="single_banner banner_length">
                                            <a href="#"><img src="assets/img/banner/7.jpg" alt="Shop Banner"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-12 col-12">
                                <div class="best_seller_product_carousel owl-carousel">
                                    <div class="best_selling_single">
                                        <div class="single__product_sm mb-30">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_1.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="product-details.html">Soffer Pro x33</a></h3> 
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-o"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single__product_sm mb-30">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_2.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-half-o"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single__product_sm">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_3.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="#">Lotafaj una khdii</a></h3>
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="best_selling_single">
                                        <div class="single__product_sm mb-30">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_1.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="product-details.html">Soffer Pro x33</a></h3> 
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-o"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single__product_sm mb-30">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_2.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-half-o"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single__product_sm">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_3.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="#">Lotafaj una khdii</a></h3>
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="best_selling_single">
                                        <div class="single__product_sm mb-30">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_1.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="product-details.html">Soffer Pro x33</a></h3> 
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-o"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single__product_sm mb-30">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_2.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="product-details.html">Soffer Pro x33</a></h3>
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star-half-o"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single__product_sm">
                                            <div class="produc_thumb">
                                                <a href="product-details.html"><img src="assets/img/product/pro_sm_3.png" alt=""></a>
                                            </div>
                                            <div class="product__desc">
                                                <h3><a href="#">Lotafaj una khdii</a></h3>
                                                <div class="product_ratting">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </div>
                                                <div class="price_amount">
                                                    <span class="current_price">$2999.99</span>
                                                    <span class="discount_price">-08%</span>
                                                    <span class="old_price">$3700.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Banner product section end-->
                <!--Full Width  banner start-->
                <div class="full_width_banner pb-110">
                    <div class="single_banner">
                        <a href="#"><img src="assets/img/banner/8.jpg" alt="Shop Banner"></a>
                    </div>
                </div>
                <!--Full Width Banner end-->
                <!--Latest Post start-->
                <div class="latest_post pb-70">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div class="section_title">
                                    <h2>Latest News</h2>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-60">
                            <div class="col-lg-4 col-md-6">
                                <div class="single_blog_post mb-40">
                                    <div class="post_thumbnail">
                                        <a href="blog-details.html"><img src="assets/img/blog/1.jpg" alt=""></a>
                                    </div>
                                    <div class="post_content_meta">
                                        <div class="post_meta">
                                            <ul>            
                                                <li>Posted March 20.</li>
                                                <li>400+ View </li>
                                                <li><a href="#"> 20+ Like</a></li>
                                            </ul>
                                        </div>
                                        <div class="blog_post_desc">
                                            <h2><a href="blog-details.html">Froome racing to spoil Yates’s pink Giro dream</a></h2>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry... </p>
                                        </div>
                                        <div class="read_more_btn">
                                            <a href="blog-details.html">Read More <span><i class="zmdi zmdi-arrow-right"></i></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="single_blog_post mb-40">
                                    <div class="post_thumbnail">
                                        <a href="blog-details.html"><img src="assets/img/blog/2.jpg" alt=""></a>
                                    </div>
                                    <div class="post_content_meta">
                                        <div class="post_meta">
                                            <ul>            
                                                <li>Posted March 20.</li>
                                                <li>400+ View </li>
                                                <li><a href="#"> 20+ Like</a></li>
                                            </ul>
                                        </div>
                                        <div class="blog_post_desc">
                                            <h2><a href="blog-details.html">Sed ut perspiciatis unde omnis iste natus sit</a></h2>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry... </p>
                                        </div>
                                        <div class="read_more_btn">
                                            <a href="blog-details.html">Read More <span><i class="zmdi zmdi-arrow-right"></i></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-6">
                                <div class="single_blog_post mb-40">
                                    <div class="post_thumbnail">
                                        <a href="blog-details.html"><img src="assets/img/blog/3.jpg" alt=""></a>
                                    </div>
                                    <div class="post_content_meta">
                                        <div class="post_meta">
                                            <ul>            
                                                <li>Posted March 20.</li>
                                                <li>400+ View </li>
                                                <li><a href="#"> 20+ Like</a></li>
                                            </ul>
                                        </div>
                                        <div class="blog_post_desc">
                                            <h2><a href="blog-details.html">Quis autem vel eum tempore voluptate</a></h2>
                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry... </p>
                                        </div>
                                        <div class="read_more_btn">
                                            <a href="blog-details.html">Read More <span><i class="zmdi zmdi-arrow-right"></i></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Latest Post end-->
                <!--Newsletter section start -->
                <div class="newsletter_section ptb-80">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-lg-5 col-md-12">
                                <div class="newsletter_text">
                                    <h2>Get All Updates</h2>
                                    <p>Sign up our newsleter today. Also get allert for new product.</p>
                                </div>
                            </div>
                            <div class="col-lg-7 col-md-12">
                                <div class="newsletter_form">
                                    <form action="#">
                                        <input type="email" placeholder="Type your email">
                                        <button type="submit">Subscribe</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Newsletter section end -->
                <!--Footer start-->
                <footer class="footer_area">
                    <div class="footer_top">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="our_help_services ptb-80">
                                        <div class="row">
                                            <div class="col-lg-4 col-md-6 col-12">
                                                <div class="help_service d-flex">
                                                    <div class="h_ser_icon">
                                                        <i class="zmdi zmdi-boat"></i>
                                                    </div>
                                                    <div class="h_ser_text">
                                                        <h3>Free Shipping</h3>
                                                        <p>Free Shipping on Bangladesh</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6 col-12">
                                                <div class="help_service d-flex justify-content-center">
                                                    <div class="h_ser_icon">
                                                        <i class="zmdi zmdi-shield-security"></i>
                                                    </div>
                                                    <div class="h_ser_text">
                                                        <h3>Money Guarentee</h3>
                                                        <p>Free Shipping on Bangladesh</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6 col-12">
                                                <div class="help_service d-flex justify-content-end">
                                                    <div class="h_ser_icon">
                                                        <i class="zmdi zmdi-phone-setting"></i>
                                                    </div>
                                                    <div class="h_ser_text">
                                                        <h3>Online Support</h3>
                                                        <p>Free Shipping on Bangladesh</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="footer_bottom ptb-80">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-3 col-md-6">
                                    <div class="single_footer widget_description">
                                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
                                        <div class="addresses_inner">
                                            <div class="single_address">
                                                <p>
                                                    <span> Address: </span> <span>13/M Matador road, South <br> Road USA- 2155</span>
                                                </p> 
                                                <p>
                                                    <span> Phone: </span> <span>+12  2223 2223 22 <br>  +125 5455 5555 55</span>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="social__icon">
                                            <ul>
                                                <li>
                                                    <a class="facebook" href="#" title="Facebook"><i class="fa fa-facebook"></i></a>
                                                </li>
                                                <li>
                                                    <a class="google-plus" href="#" title="Google Plus"><i class="fa fa-google-plus"></i></a>
                                                </li>
                                                <li>
                                                    <a class="twitter" href="#" title="Twitter"><i class="fa fa-twitter"></i></a>
                                                </li>
                                                <li>
                                                    <a class="linkedin" href="#" title="Linkedin"><i class="fa fa-linkedin"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <div class="single_footer footer_widget_menu">
                                        <div class="widget_title">
                                            <h3>Services</h3>
                                        </div>
                                        <ul>
                                            <li><a href="#">free shipping</a></li>
                                            <li><a href="#">Product Delivary</a></li>
                                            <li><a href="#">Product Tracking</a></li>
                                            <li><a href="#">Online Pyament</a></li>
                                            <li><a href="#">Discount</a></li>
                                            <li><a href="#">Online Vendor</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <div class="single_footer footer_widget_menu">
                                        <div class="widget_title">
                                            <h3>Support</h3>
                                        </div>
                                        <ul>
                                            <li><a href="#">QUeality</a></li>
                                            <li><a href="#">Order Details</a></li>
                                            <li><a href="#">Order Slips</a></li>
                                            <li><a href="#">Shipping</a></li>
                                            <li><a href="#">Store Deal</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-6">
                                    <div class="single_footer footer_widget_menu">
                                        <div class="widget_title">
                                            <h3>Account</h3>
                                        </div>
                                        <ul>
                                            <li><a href="#">My account </a></li>
                                            <li><a href="#">order history</a></li>
                                            <li><a href="#">wishslist</a></li>
                                            <li><a href="#">Cart Details</a></li>
                                            <li><a href="#">Compare</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="copyright">
                        <div class="container">
                            <div class="row">
                                <div class="col-12">
                                    <div class="copyright_inner text-center">
                                        <p>Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
                <!--Footer end-->
            </div>
		<!-- all js here -->
        <script src="assets/js/vendor/jquery-1.12.0.min.js"></script>
        <script src="assets/js/popper.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

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