白色简洁风格的女装商城整站网站源码下载



11 42 15



模板描述:白色简洁风格 女装商城 整站网站,白色简洁风格的女装商城整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/css/plugins.css">
<link rel="stylesheet" href="assets/css/helper.css">
<link rel="stylesheet" href="assets/css/style.css">

2. 引入JS

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

3. HTML代码

<div class="site-wrapper boxed-layout pt-0">
    <!-- Header Section Start -->
    <header class="header-section section position-static">
        <div class="container-fluid p-0">
            <div class="row no-gutters align-items-center">
                <div class="col-4 col-lg-2 col-xl-3">
                    <!-- Logo Start -->
                    <div class="header-logo header-logo-one mt-0">
                        <a href="index.html">
                            <img src="assets/images/logo.png" alt="Olson">
                        </a>
                    </div><!-- Logo End -->
                </div>
                <div class="col col-lg-7 col-xl-6 d-none d-lg-block">
                    <div class="main-menu mr-lg-100">
                        <nav>
                            <ul>
                                <li class="menu-item-has-children"><a href="index.html">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home One</a></li>
                                        <li><a href="index-2.html">Home Two</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children"><a href="shop-left-sidebar.html">Shop</a>
                                    <ul class="sub-menu">
                                        <li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
                                        <li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
                                        <li><a href="shop-full-width.html">Shop Full Width</a></li>
                                        <li><a href="single-product.html">Single Product</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children"><a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="cart.html">Cart</a></li>
                                        <li><a href="checkout.html">Checkout</a></li>
                                        <li><a href="login-register.html">Login Register</a></li>
                                        <li><a href="wishlist.html">Wishlist</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children"><a href="blog-left-sidebar.html">Blog</a>
                                    <ul class="sub-menu">
                                        <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                        <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                        <li><a href="blog-full-width.html">Blog Full Width</a></li>
                                        <li><a href="single-blog-left-sidebar.html">Single Blog Left Sidebar</a></li>
                                        <li><a href="single-blog-right-sidebar.html">Single Blog Right Sidebar</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="col-8 col-lg-3 col-xl-3">
                    <div class="header-shop-links">
                        <div class="shop-links-item header-search">
                            <a href="javascript:void(0)" class="btn-src"><img src="assets/images/icons/search.png" alt="Search"></a>
                            <a href="javascript:void(0)" class="btn-close"><img src="assets/images/icons/close.png" alt="Close"></a>
                            <div class="search-content-wrap">
                                <form action="#" method="post">
                                    <label for="search" class="sr-only">Search</label>
                                    <input type="text" id="search" placeholder="Search here..." />
                                </form>
                            </div>
                        </div>
                        <div class="shop-links-item header-mini-cart">
                            <a href="cart.html"><img src="assets/images/icons/cart.png" alt="Cart">
                                $420<span>(10)</span></a>
                            <div class="mini-cart-wrap mobile-small-right">
                                <div class="mini-cart-product">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-1.png" alt=""></a>
                                    <div class="content">
                                        <h5 class="title"><a href="single-product.html">Injected humour</a></h5>
                                        <span>$799.99</span>
                                    </div>
                                    <a href="#" class="remove"><i class="fa fa-trash"></i></a>
                                </div>
                                <div class="mini-cart-product">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-2.png" alt=""></a>
                                    <div class="content">
                                        <h5 class="title"><a href="single-product.html">Classical literature</a></h5>
                                        <span>$799.99</span>
                                    </div>
                                    <a href="#" class="remove"><i class="fa fa-trash"></i></a>
                                </div>
                                <h4 class="total">Total <span>$1599.98</span></h4>
                                <div class="buttons">
                                    <a href="checkout.html">checkout</a>
                                </div>
                            </div>
                        </div>
                        <div class="shop-links-item header-account mr-lg-0">
                            <a href="login-register.html"><img src="assets/images/icons/user.png" alt="Account"></a>
                        </div>
                        <div class="shop-links-item header-menu-icon d-lg-none">
                            <a href="javascript:void(0)" class="menu-toggle"><span class="bar"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Section End -->
    <div class="side-menu-wrap">
        <button class="side-menu-close"><span></span></button>
        <div class="side-menu-inner">
            <div class="side-logo"><a href="index.html"><img src="assets/images/logo.png" alt=""></a></div>
            <div class="side-menu nice-scroll">
                <nav>
                    <ul>
                        <li class="menu-item-has-children"><a href="index.html">Home</a>
                            <ul class="sub-menu">
                                <li><a href="index.html">Home One</a></li>
                                <li><a href="index-2.html">Home Two</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="shop-left-sidebar.html">Shop</a>
                            <ul class="sub-menu">
                                <li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
                                <li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
                                <li><a href="shop-full-width.html">Shop Full Width</a></li>
                                <li><a href="single-product.html">Single Product</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="#">Pages</a>
                            <ul class="sub-menu">
                                <li><a href="cart.html">Cart</a></li>
                                <li><a href="checkout.html">Checkout</a></li>
                                <li><a href="login-register.html">Login Register</a></li>
                                <li><a href="wishlist.html">Wishlist</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="blog-left-sidebar.html">Blog</a>
                            <ul class="sub-menu">
                                <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                <li><a href="blog-full-width.html">Blog Full Width</a></li>
                                <li><a href="single-blog-left-sidebar.html">Single Blog Left Sidebar</a></li>
                                <li><a href="single-blog-right-sidebar.html">Single Blog Right Sidebar</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
            </div>
            <div class="side-social">
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-pinterest"></i></a>
                <a href="#"><i class="fa fa-instagram"></i></a>
                <a href="#"><i class="fa fa-google-plus"></i></a>
            </div>
        </div>
    </div>
    <div class="side-menu-overlay"></div>
    <!-- Slider Section Start -->
    <div class="slider-section section">
        <div class="slider-wrapper">
            <div class="slider-slide" data-bg="assets/images/hero/hero-1.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-9">
                            <div class="slide-content">
                                <div class="slide-content-inner">
                                    <h2>Stylish & Fashionable</h2>
                                    <p>Produce and supply various Handicraft items all over
                                        the world which were very attractive</p>
                                    <a href="shop-full-width.html">Shop Now!</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-slide" data-bg="assets/images/hero/hero-2.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-9">
                            <div class="slide-content">
                                <div class="slide-content-inner">
                                    <h2>Trendy & Hot</h2>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci at fuga magni
                                        nulla quam rerum?</p>
                                    <a href="shop-full-width.html">Shop Now!</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-slide" data-bg="assets/images/hero/hero-3.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-9">
                            <div class="slide-content">
                                <div class="slide-content-inner">
                                    <h2>Fashionable & Stylish</h2>
                                    <p>Handicraft Lorem and supply various  items all over
                                        the world which were very ipsum</p>
                                    <a href="shop-full-width.html">Shop Now!</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Slider Section End -->
    <!-- Banner Section Start -->
    <div class="banner-section section mt-100 mb-80 mt-xs-70 mb-xs-50">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-1.jpg" alt="Banner"></a></div>
                </div>
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-2.jpg" alt="Banner"></a></div>
                </div>
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-3.jpg" alt="Banner"></a></div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner Section End -->
    <!-- Product Section Start -->
    <div class="product-section section bg-gray pt-100 pb-70 pt-xs-70 pb-xs-40">
        <div class="container">
            <div class="row">
                <div class="section-title text-center col mb-80 mb-xs-50">
                    <h1>New Products</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-1.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Injected humour</a></h4>
                                <div class="price">
                                    <del class="price-old">$799.99</del>
                                    <span class="price-sale">$566.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-2.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Humour Injected</a></h4>
                                <div class="price">
                                    <del class="price-old">$899.22</del>
                                    <span class="price-sale">$666.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-3.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Literature Classical</a></h4>
                                <div class="price">
                                    <del class="price-old">$299.33</del>
                                    <span class="price-sale">$166.20</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-4.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Literature Classical</a></h4>
                                <div class="price">
                                    <del class="price-old">$799.99</del>
                                    <span class="price-sale">$566.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-5.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Humour Injected</a></h4>
                                <div class="price">
                                    <del class="price-old">$799.99</del>
                                    <span class="price-sale">$566.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-6.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Classical literature</a></h4>
                                <div class="price">
                                    <del class="price-old">$799.99</del>
                                    <span class="price-sale">$566.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-7.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Humour Injected</a></h4>
                                <div class="price">
                                    <del class="price-old">$799.99</del>
                                    <span class="price-sale">$566.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 mb-30">
                    <div class="product-item bg-white">
                        <div class="product-inner">
                            <div class="image-wrap">
                                <a href="single-product.html" class="image"><img
                                        src="assets/images/product/product-8.png" alt=""></a>
                                <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                  alt="Wishlist"></a>
                                <div class="actions">
                                    <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                    <a href="#"><i class="fa fa-eye"></i></a>
                                    <a href="#"><i class="fa fa-refresh"></i></a>
                                </div>
                            </div>
                            <div class="content text-center">
                                <h4 class="title"><a href="single-product.html">Classical literature</a></h4>
                                <div class="price">
                                    <del class="price-old">$799.99</del>
                                    <span class="price-sale">$566.77</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Section End -->
    <!-- Banner Section Start -->
    <div class="banner-section section mt-100 mb-80 mt-xs-70 mb-xs-50">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-4.jpg" alt="Banner"></a></div>
                </div>
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-5.jpg" alt="Banner"></a></div>
                </div>
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-6.jpg" alt="Banner"></a></div>
                </div>
                <div class="col-md-8 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-7.jpg" alt="Banner"></a></div>
                </div>
                <div class="col-md-4 col-12 mb-20">
                    <div class="banner"><a href="#"><img src="assets/images/banner/banner-8.jpg" alt="Banner"></a></div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner Section End -->
    <!-- Popular Product Section Start -->
    <div class="product-section section mb-100 mb-xs-70">
        <div class="container">
            <div class="row">
                <div class="section-title text-center col mb-50">
                    <h1>Populer In this Week</h1>
                </div>
            </div>
            <div class="row">
                <div class="product-slider">
                    <div class="slide-item col">
                        <div class="product-item bg-gray">
                            <div class="product-inner">
                                <div class="image-wrap">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-1.png" alt=""></a>
                                    <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                      alt="Wishlist"></a>
                                    <div class="actions">
                                        <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="#"><i class="fa fa-eye"></i></a>
                                        <a href="#"><i class="fa fa-refresh"></i></a>
                                    </div>
                                </div>
                                <div class="content text-center">
                                    <h4 class="title"><a href="single-product.html">Injected humour</a></h4>
                                    <span class="price">$799.99</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide-item col">
                        <div class="product-item bg-gray">
                            <div class="product-inner">
                                <div class="image-wrap">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-2.png" alt=""></a>
                                    <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                      alt="Wishlist"></a>
                                    <div class="actions">
                                        <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="#"><i class="fa fa-eye"></i></a>
                                        <a href="#"><i class="fa fa-refresh"></i></a>
                                    </div>
                                </div>
                                <div class="content text-center">
                                    <h4 class="title"><a href="single-product.html">Injected humour</a></h4>
                                    <span class="price">$799.99</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide-item col">
                        <div class="product-item bg-gray">
                            <div class="product-inner">
                                <div class="image-wrap">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-3.png" alt=""></a>
                                    <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                      alt="Wishlist"></a>
                                    <div class="actions">
                                        <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="#"><i class="fa fa-eye"></i></a>
                                        <a href="#"><i class="fa fa-refresh"></i></a>
                                    </div>
                                </div>
                                <div class="content text-center">
                                    <h4 class="title"><a href="single-product.html">Injected humour</a></h4>
                                    <span class="price">$799.99</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide-item col">
                        <div class="product-item bg-gray">
                            <div class="product-inner">
                                <div class="image-wrap">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-4.png" alt=""></a>
                                    <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                      alt="Wishlist"></a>
                                    <div class="actions">
                                        <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="#"><i class="fa fa-eye"></i></a>
                                        <a href="#"><i class="fa fa-refresh"></i></a>
                                    </div>
                                </div>
                                <div class="content text-center">
                                    <h4 class="title"><a href="single-product.html">Injected humour</a></h4>
                                    <span class="price">$799.99</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slide-item col">
                        <div class="product-item bg-gray">
                            <div class="product-inner">
                                <div class="image-wrap">
                                    <a href="single-product.html" class="image"><img
                                            src="assets/images/product/product-5.png" alt=""></a>
                                    <a href="#" class="wishlist"><img src="assets/images/icons/heart.png"
                                                                      alt="Wishlist"></a>
                                    <div class="actions">
                                        <a href="#"><i class="fa fa-shopping-cart"></i></a>
                                        <a href="#"><i class="fa fa-eye"></i></a>
                                        <a href="#"><i class="fa fa-refresh"></i></a>
                                    </div>
                                </div>
                                <div class="content text-center">
                                    <h4 class="title"><a href="single-product.html">Injected humour</a></h4>
                                    <span class="price">$799.99</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Popular Product Section End -->
    <!-- Call to action Section Start -->
    <div class="call-to-action section mb-100 mb-xs-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="call-to-action-item mt-0">
                        <div class="call-to-action-item__icon">
                            <img src="assets/images/icons/fast-delivery.png" alt="fast delivery">
                        </div>
                        <div class="call-to-action-item__info">
                            <h3>Free Home Delivery</h3>
                            <p>Provide free home delivery
                                for all product over $100</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="call-to-action-item">
                        <div class="call-to-action-item__icon">
                            <img src="assets/images/icons/quality.png" alt="quality">
                        </div>
                        <div class="call-to-action-item__info">
                            <h3>Quality Products</h3>
                            <p>We ensure our product
                                quality all times</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="call-to-action-item">
                        <div class="call-to-action-item__icon">
                            <img src="assets/images/icons/return.png" alt="return">
                        </div>
                        <div class="call-to-action-item__info">
                            <h3>3 Day Return</h3>
                            <p>Our product return policy
                                is very easy & simple</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Call to action Section End -->
    <!-- Subscribe Section Start -->
    <div class="subscribe-section section bg-light-blue pt-55 pb-55">
        <div class="container">
            <div class="row">
                <div class="col-xl-10 ml-auto mr-auto col-12">
                    <div class="row align-items-center">
                        <!-- Mailchimp Subscribe Content Start -->
                        <div class="col-lg-6 col-12 mb-15 mt-15">
                            <div class="subscribe-content">
                                <h2>Subscribe to our Newsletter</h2>
                                <h4>Subscribe today and get 15% <br>discount cupon code</h4>
                            </div>
                        </div><!-- Mailchimp Subscribe Content End -->
                        <!-- Mailchimp Subscribe Form Start -->
                        <div class="col-lg-6 col-12 mb-15 mt-15">
                            <form id="mc-form" class="mc-form subscribe-form">
                                <input id="mc-email" type="email" autocomplete="off" placeholder="Enter your email"/>
                                <button id="mc-submit">subscribe</button>
                            </form>
                            <!-- mailchimp-alerts Start -->
                            <div class="mailchimp-alerts text-centre">
                                <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                            </div><!-- mailchimp-alerts end -->
                        </div><!-- Mailchimp Subscribe Form End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Subscribe Section End -->
    <!-- Start Footer Section -->
    <footer class="footer-section section">
        <!-- Start Footer Widget Area -->
        <div class="footer-widget-area pt-80 pb-30">
            <div class="container">
                <div class="footer-widget-content">
                    <div class="row">
                        <!-- Start Footer Widget Item -->
                        <div class="col-md-12 col-lg-3">
                            <div class="footer-widget-item-wrap">
                                <div class="widget-body">
                                    <div class="about-text pt-38 pt-sm-0 pt-md-0">
                                        <a href="index.html"><img src="assets/images/logo.png" alt="Logo"/></a>
                                        <p>Pellentesque mollis nec orciid tincidunt. Sed mollis risus eu nisi aliquet, sit
                                            amet fermentum justo.</p>
                                        <p class="d-none d-md-block d-lg-none">Lorem ipsum dolor sit amet, consectetur
                                            adipisicing elit. Animi asperiores aspernatur consectetur distinctio eius enim
                                            eum fuga incidunt maiores molestias nihil, odio reiciendis sed. Architecto iure
                                            nihil tempora veniam voluptate!</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Footer Widget Item -->
                        <!-- Start Footer Widget Item -->
                        <div class="col-sm-3 col-lg-2">
                            <div class="footer-widget-item-wrap">
                                <h3 class="widget-title">Company</h3>
                                <div class="widget-body">
                                    <ul class="footer-list">
                                        <li><a href="#">About Us</a></li>
                                        <li><a href="#">Jobs</a></li>
                                        <li><a href="#">Press</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- End Footer Widget Item -->
                        <!-- Start Footer Widget Item -->
                        <div class="col-sm-3 col-lg-2">
                            <div class="footer-widget-item-wrap">
                                <h3 class="widget-title">Community</h3>
                                <div class="widget-body">
                                    <ul class="footer-list">
                                        <li><a href="#">Community</a></li>
                                        <li><a href="#">Facebook group</a></li>
                                        <li><a href="#">Forums</a></li>
                                        <li><a href="#">Meetups</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- End Footer Widget Item -->
                        <!-- Start Footer Widget Item -->
                        <div class="col-sm-3 col-lg-2">
                            <div class="footer-widget-item-wrap">
                                <h3 class="widget-title">Legal</h3>
                                <div class="widget-body">
                                    <ul class="footer-list">
                                        <li><a href="#">Privacy Policy</a></li>
                                        <li><a href="#">Terms of Use</a></li>
                                        <li><a href="#">License Agreement</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- End Footer Widget Item -->
                        <!-- Start Footer Widget Item -->
                        <div class="col-sm-3 col-lg-3">
                            <div class="footer-widget-item-wrap">
                                <h3 class="widget-title">Contact Us</h3>
                                <div class="widget-body">
                                    <div class="contact-text">
                                        <a href="#">(+612) 2531 5600</a>
                                        <a href="#">info@la-studioweb.com</a>
                                        <p>PO Box 1622 Colins Street West</p>
                                        <a href="#" class="d-block mt-22"><u>Google Maps</u></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Footer Widget Item -->
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Widget Area -->
        <!-- Start Footer Bottom Area -->
        <div class="footer-bottom-wrapper pt-15 pb-15">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3 col-lg-3 m-auto order-1">
                        <div class="footer-social-icons nav justify-content-center justify-content-sm-start mb-xs-10">
                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a>
                        </div>
                    </div>
                    <div class="col-sm-5 col-lg-6 m-auto order-3 order-sm-2 text-center text-sm-left text-lg-center">
                        <div class="copyright-text mt-xs-10 ">
                            <p>&copy; 2019 <a href="index.html">Olson</a>, All rights <a href="http://www.51qianduan.com/">Reserved</a>.</p>
                        </div>
                    </div>
                    <div class="col-sm-4 col-lg-3 m-auto order-2 text-center text-md-right">
                        <img src="assets/images/payments.png" alt="Payment Method"/>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Bottom Area -->
    </footer>
    <!-- End Footer Section -->
</div>
<!-- JS
============================================ -->
<!-- jQuery JS -->
<!-- Popper JS -->
<!-- Bootstrap JS -->
<!-- Plugins JS -->
<!-- Ajax Mail -->
<!-- Main JS -->



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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