红色欧美风格的服装配饰电商整站网站源码下载



11 43 15



模板描述:红色欧美风格 服装配饰电商 整站网站,红色欧美风格的服装配饰电商整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-4.3.min.css">
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/slicknav.min.css">
<link rel="stylesheet" href="assets/css/slick-1.9.0.css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/helper.css" >
<link rel="stylesheet" href="assets/css/zimate-1.0.css" >
<link rel="stylesheet" href="assets/css/responsive-1.0.css">

2. 引入JS

<script src="assets/js/modernizr-2.8.3.min.js"></script>
<script src="assets/js/jquery-1.12.4.min.js"></script>
<script src="assets/js/bootstrap-4.3.min.js"></script>
<script src="assets/js/popper-1.14.7.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<script src="assets/js/slick.min-1.9.0.js"></script>
<script src="assets/js/sweetalert.min-1.0.js"></script>
<script src="assets/js/zimate-1.0.js"></script>

3. HTML代码

    <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <!-- Header Start  -->                 
    <header>
        <div class="container-fluid">
            <div class="row align-items-center">
                <!-- Site Menu -->
                <div class="col-lg-5 d-none d-lg-block">
                    <nav class="main-menu fs-12 lh-70">
                        <ul>
                            <li class="active">
                                <a  href="index.html">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="index.html">Home 01</a></li>
                                    <li><a href="home-02.html">Home 02</a></li>
                                    <li><a href="home-03.html">Home 03</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="category.html">Category</a>
                            </li>
                            <li>
                                <a href="blog.html">Blog</a>
                            </li>
                            <li>
                                <a href="cart.html">Cart</a>
                            </li>
                            <li>
                                <a href="checkout.html">Checkout</a>
                            </li>
                            <li>
                                <a href="contact.html">Contact</a>
                            </li>
                        </ul>
                    </nav>
                </div><!-- end col -->
                <!-- Site Logo -->
                <div class="col-lg-2 col-6">
                    <div class="logo text-center">
                        <a href="../index.html"><img src="assets/img/logo.png" alt="zimate"></a>
                    </div>
                </div>
                <!-- Site Hader cart -->
                <div class="col-lg-5 col-6">
                    <div class="header-right text-right">
                        <ul>
                            <li><a href=""><i class="ti ti-user"></i></a></li>
                            <li class="search"><a href="#"><i class="ti ti-search"></i></a></li>
                            <li class="cart"><a href="#"><i class="ti ti-bag"></i> <span>2</span></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 d-none menu-show">
                    <div class="mobilemenu"></div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header End -->
    <!-- Cart Aera Start -->
    <div class="cart-section">
        <div class="cart-content">
            <div class="cart-title m-b-30">
                <div class="row">
                    <div class="col-8">
                        <h4 class="fs-20 m-b-20 fw-600 m-t-10">Your Cart</h4>
                    </div>
                    <div class="col-4">
                        <div class="cart-close">
                            <i class="ti ti-close"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cart-item">
                <div class="single-cart-item">
                    <div class="row">
                        <div class="col-4"><img src="assets/img/cart/01.jpg" alt="Cart-Item"></div>
                        <div class="col-8 d-flex align-items-center">
                            <div class="item-details">
                                <a href="" class="item-name">Man Pink Purse Isolated</a>
                                <span>1 x $19.00</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single-cart-item">
                    <div class="row">
                        <div class="col-4"><img src="assets/img/cart/02.jpg" alt="Cart-Item"></div>
                        <div class="col-8 d-flex align-items-center">
                            <div class="item-details">
                                <a href="" class="item-name">Woman Blue Top Isolated</a>
                                <span>1 x $20.00</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single-cart-item">
                    <div class="row">
                        <div class="col-4"><img src="assets/img/cart/03.jpg" alt="Cart-Item"></div>
                        <div class="col-8 d-flex align-items-center">
                            <div class="item-details">
                                <a href="" class="item-name">Latest Apple Smart Watch</a>
                                <span>1 x $15.00</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cart-total-price">
                <h6 class="m-t-30 fw-600">Total: $54.00 </h6>
            </div>
            <div class="cart-action">
                <a href="cart.html" class="cart-action-btn">View Cart</a>
                <a href="checkout.html" class="cart-action-btn">Check Out</a>
            </div>
        </div>
        <div class="cart-overly"></div>
    </div>
    <!-- Cart Aera End -->
    <!-- Mian Wrapper Start -->
    <main>
        <!-- Main Banner Area Start -->
        <section class="main-banner">
            <div class="banner-slider-wrapper" id="bannerSlider">
                <div class="single-banner-slide bg-img h-870 d-flex align-items-center" style="background-image: url(assets/img/banner/01.jpg);">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-12">
                                <div class="slide-text">
                                    <span class="top-small-text" data-animation="fadeInDown" data-delay=".2s">New fashion trend</span>
                                    <h1 class="fs-70 ln-80 m-t-45 m-b-60" data-animation="fadeInDown" data-delay=".4s">Premium fashion <br>  for women</h1>
                                    <a href="#" class="btn boxed-btn" data-animation="fadeInUp" data-delay=".6s">explore now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single-banner-slide bg-img h-870 d-flex align-items-center" style="background-image: url(assets/img/banner/02.jpg);">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="slide-text slide-white-text">
                                    <span class="top-small-text" data-animation="fadeInDown" data-delay=".2s">new arrival</span>
                                    <h1 class="fs-72 ln-82 m-t-35 m-b-25" data-animation="fadeInDown" data-delay=".4s">Fashion made <br>simple</h1>
                                    <a href="#" class="btn border-btn" data-animation="fadeInUp" data-delay=".6s">explore now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Main Banner Area  End-->
        <!-- Offer area start -->
        <section class="offer-section p-t-60 p-b-60">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <div class="single-offer-box bg-img h-630 p-l-50 p-t-80" style="background-image: url(assets/img/offer/01.jpg);">
                            <span class="top-small-text">Shop & Save</span>
                            <h2 class="fs-36 lh-45 m-t-25 m-b-35">Exclusive party <br> fashion</h2>
                            <a href="#" class="btn border-bottom-btn">explore now</a>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12">
                        <div class="row">
                            <div class="col-lg-12 col-md-6">
                                <div class="single-offer-box bg-img h-300 p-l-50 p-t-80 m-b-30" style="background-image: url(assets/img/offer/02.jpg);">
                                    <span class="top-small-text">20% off</span>
                                    <h2 class="fs-36 lh-45 m-t-25 m-b-35">Man Fashion</h2>
                                    <a href="#" class="btn border-bottom-btn">explore now</a>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6">
                                <div class="single-offer-box bg-img h-300 p-l-50 p-t-80" style="background-image: url(assets/img/offer/03.jpg);">
                                    <span class="top-small-text">New products</span>
                                    <h2 class="fs-36 lh-45 m-t-25 m-b-35">Sports p-meter</h2>
                                    <a href="#" class="btn border-bottom-btn">explore now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- offer-area-end -->
        <!-- Inspire Products Start -->
        <section class="inspire-products p-t-60 p-b-60">
            <div class="container">
                <!-- Section Title start -->
                <div class="row">
                    <div class="col-12">
                        <div class="section-title text-center m-b-60">
                            <h2 class="fs-40 lh-16 m-b-35">Inspire Products</h2>
                            <p>Fish fruitful were together don't bring replenish dominion so evening.</p>
                        </div>
                    </div>
                </div>
                <!-- Section Title End -->
                <div class="row">
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <div class="product-img">
                                    <img src="assets/img/product/01.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Woman Pink Purse Isolated"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist" data-name="Woman Pink Purse Isolated"><i class="ti ti-heart"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html" >Woman Pink Purse Isolated</a></h6>
                                <p class="price">$16.50</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <span class="onsale out-of-stock">SALE</span>
                                <div class="product-img">
                                    <img src="assets/img/product/02.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Man Sports Lastest Shoes"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist"  data-name="Man Sports Lastest Shoes"><i class="ti ti-heart"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30 m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Man Sports Lastest Shoes</a></h6>
                                <p class="price">$35.00</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <div class="product-img">
                                    <img src="assets/img/product/03.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Man Blue Cotton Shirt"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist" data-name="Man Blue Cotton Shirt"><i class="ti ti-heart"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Man Blue Cotton Shirt</a></h6>
                                <p class="price">$25.00</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <span class="onsale off">-20%</span>
                                <div class="product-img">
                                    <img src="assets/img/product/04.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Man Black Tendy Cap"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist" data-name="Man Black Tendy Cap"><i class="ti ti-heart" ></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Man Black Tendy Cap</a></h6>
                                <p class="price">$45.00</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <div class="product-img">
                                    <img src="assets/img/product/05.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Blue Modern Sunglass"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist"  data-name="Blue Modern Sunglass"><i class="ti ti-heart"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Blue Modern Sunglass</a></h6>
                                <p class="price">$21.50</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <span class="onsale new">New</span>
                                <div class="product-img">
                                    <img src="assets/img/product/06.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Fashion Shoes & Sneakers"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist" data-name="Fashion Shoes & Sneakers"><i class="ti ti-heart" ></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Fashion Shoes & Sneakers</a></h6>
                                <p class="price">$45.00</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <div class="product-img">
                                    <img src="assets/img/product/07.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Man Pink Jacket Isolated"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist" data-name="Man Pink Jacket Isolated"><i class="ti ti-heart" ></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Man Pink Jacket Isolated</a></h6>
                                <p class="price">$25.00</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <!-- Single Product -->
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <div class="single-product m-b-60 text-center">
                            <div class="product-action position-relative">
                                <div class="product-img">
                                    <img src="assets/img/product/08.jpg" alt="Product">
                                </div>
                                <div class="action-list ab-b-l w-full trans-06">
                                    <ul>
                                        <li><a href="single-product.html"><i class="ti ti-search"></i></a></li>
                                        <li><a href="single-product.html" class="add-to-cart" data-name="Woman Blue Top Isolated"><i class="ti ti-bag"></i></a></li>
                                        <li><a href="#" class="add-wishlist" data-name="Woman Blue Top Isolated"><i class="ti ti-heart" ></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content m-t-30">
                                <ul class="pro-rating">
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li class="rating-given"><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                    <li><i class="fa fa-star"></i></li>
                                </ul>
                                <h6><a href="single-product.html">Woman Blue Top Isolated</a></h6>
                                <p class="price">$25.00</p>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Product -->
                    <div class="col-12 text-center m-t-20">
                        <a href="#" class="btn border-btn">Load More</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- Inspire Products End -->
        <!-- Latest Story Start -->
        <section class="lastest-post p-t-60 p-b-60">
            <div class="container">
                <!-- Section Title start -->
                <div class="row">
                    <div class="col-12">
                        <div class="section-title text-center m-b-60">
                            <h2 class="fs-40 lh-16 m-b-35">Lastest Story</h2>
                            <p>Fish fruitful were together don't bring replenish dominion so evening.</p>
                        </div>
                    </div>
                </div>
                <!-- Section Title End -->
                <!-- lasetst post loop -->
                <div class="row">
                    <!-- single post -->
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="single-lastest-post">
                            <div class="lastst-post-image bg-img" style="background-image: url(assets/img/lastest-post/01.jpg);"></div>
                            <div class="latest-post-content">
                                <span>by martin / 28 august, 2019</span>
                                <h4><a href="single-post.html">Moveth apear he man creature mole</a></h4>
                                <div class="meta">
                                    <ul>
                                        <li><a href="#"><i class="ti ti-pencil-alt"></i>Life style</a></li>
                                        <li><a href="#"><i class="ti ti-comment"></i>03 comment</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- single post -->
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="single-lastest-post">
                            <div class="lastst-post-image bg-img" style="background-image: url(assets/img/lastest-post/02.jpg);"></div>
                            <div class="latest-post-content">
                                <span>by martin / 28 august, 2019</span>
                                <h4><a href="single-post.html">Herb firmament to above grass shall</a></h4>
                                <div class="meta">
                                    <ul>
                                        <li><a href="#"><i class="ti ti-pencil-alt"></i>Life style</a></li>
                                        <li><a href="#"><i class="ti ti-comment"></i>03 comment</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- single post -->
                    <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                        <div class="single-lastest-post">
                            <div class="lastst-post-image bg-img" style="background-image: url(assets/img/lastest-post/03.jpg);"></div>
                            <div class="latest-post-content">
                                <span>by martin / 28 august, 2019</span>
                                <h4><a href="single-post.html">Give a yielding give image was does</a></h4>
                                <div class="meta">
                                    <ul>
                                        <li><a href="#"><i class="ti ti-pencil-alt"></i>Life style</a></li>
                                        <li><a href="#"><i class="ti ti-comment"></i>03 comment</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Latest Story End -->
        <!-- subscribetion start -->
        <section class="subscribe-section p-t-120 p-b-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 offset-lg-3">
                        <div class="section-title text-center m-b-60">
                            <h2 class="fs-40 lh-16 m-b-30">  Subscribe & Get upto 20% off</h2>
                            <p>Fish fruitful were together don't bring replenish dominion so evening.</p>
                        </div>
                        <div class="subs-form text-center">
                            <form>
                                <input type="text" placeholder="enter your email">
                                <button type="submit" class="btn boxed-btn">Subscribe</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- subscribetion end -->
        <!-- brands carousel start-->
        <div class="brands p-t-120 p-b-120">
            <div class="container">
                <div id="brandsActive">
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/01.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/02.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/03.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/04.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/01.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/02.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/03.png" alt="Brands"></a>
                    </div>
                    <div class="single-brand d-flex align-items-center">
                        <a href="#"><img src="assets/img/brands/04.png" alt="Brands"></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- brands carousel end -->
    </main>
    <!-- Mian Wrapper End -->
    <!-- Footer Start  -->
    <footer>
        <!-- Footer Top Area -->
        <div class="footer-widget-area p-t-100 p-b-100 divider">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <!-- Widgets -->
                        <div class="widgets footer-menu">
                            <h4 class="widgets-title">About Us</h4>
                            <ul>
                                <li><a href="">Who we are</a></li>
                                <li><a href="">Work with </a></li>
                                <li><a href="">Become a supplier</a></li>
                                <li><a href="">Investor relations</a></li>
                                <li><a href="">Our devices</a></li>
                                <li><a href="">Affiliate program</a></li>
                            </ul>
                        </div>
                        <!-- End Widgets -->
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <!-- Widgets -->
                        <div class="widgets footer-menu">
                            <h4 class="widgets-title">Useful links</h4>
                            <ul>
                                <li><a href="">Contact us</a></li>
                                <li><a href="">Common FAQs</a></li>
                                <li><a href="">Terms & Conditions</a></li>
                                <li><a href="">Return policy</a></li>
                                <li><a href="">Cancellation</a></li>
                                <li><a href="">Track </a></li>
                            </ul>
                        </div>
                        <!-- End Widgets -->
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <!-- Widgets -->
                        <div class="widgets footer-menu">
                            <h4 class="widgets-title">Follow us on</h4>
                            <ul>
                                <li><a href=""><i class="ti ti-facebook"></i>Facebook</a></li>
                                <li><a href=""><i class="ti ti-facebook"></i>Twitter</a></li>
                                <li><a href=""><i class="ti ti-facebook"></i>Instagram</a></li>
                                <li><a href=""><i class="ti ti-facebook"></i>Youtube</a></li>
                            </ul>
                        </div>
                        <!-- End Widgets -->
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                        <!-- Widgets -->
                        <div class="widgets footer-menu">
                            <h4 class="widgets-title">Online shopping</h4>
                            <ul>
                                <li><a href="">Men Shopping Trendy</a></li>
                                <li><a href="">Women Shopping 2019</a></li>
                                <li><a href="">Gift cards & Coupon</a></li>
                                <li><a href="">Home $ living</a></li>
                                <li><a href="">Electronics Gadget</a></li>
                                <li><a href="">Gift cards & Coupon</a></li>
                            </ul>
                        </div>
                        <!-- End Widgets -->
                    </div>
                </div>
            </div>
        </div>
        <!-- footer-bottom-area -->
        <div class="footer-bottom-area p-t-30 p-b-30 divider">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-12">
                        <div class="copyright-text">
                            <p>Copyright © 2019 <a href="http://www.51qianduan.com//" target="_blank">SmartSoftCode</a>. All Rights Reserved</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-12">
                        <div class="payment-method text-right">
                            <ul>
                                <li><a href="#"><img src="assets/img/payment/01.png" alt="Paypal"></a></li>
                                <li><a href="#"><img src="assets/img/payment/02.png" alt="Visa"></a></li>
                                <li><a href="#"><img src="assets/img/payment/03.png" alt="Master Crad"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer End -->
    <!-- MAIN JS FILES===================================
	======================================================= -->
    <!-- jQuery -->
    <!-- Bootstrap js-->
    <!-- Poper js -->
    <!-- Mean Menu js -->
    <!-- Slick JS -->
    <!-- sweetalert -->
    <!-- Theme js -->



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 bootstrap bootstrap自适应 bootstrap响应式 电商 网店 商城 pc+wap 移动+电脑 手机+电脑 红色 大气 霸气 宽屏 全屏 满屏 服装 服饰 服装公司 服饰公司 服装厂 服饰厂

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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