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



7 26 9



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

代码结构

1. 引入CSS

<link rel="stylesheet" href="asset/css/woocommerce.css" type="text/css" media="all">
<link rel="stylesheet" href="asset/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css?ver=2.0">
<link rel="stylesheet" href="asset/css/all.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="asset/css/settings.css">
<link rel="stylesheet" type="text/css" href="asset/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">

2. 引入JS

<script src="asset/js/jquery-3.3.1.min.js"></script>
<script src="asset/js/bootstrap.min.js"></script>
<script src="asset/js/flexslider.js"></script>
<script src="asset/js/jquery.themepunch.tools.min.js"></script>
<script src="asset/js/jquery.themepunch.revolution.min.js"></script>
<script src="asset/js/theme.js?ver=1.5"></script>

3. HTML代码

<div class="wrapper-container">
    <!--header-->
    <div class="header-area">
        <!--top bar-->
        <div class="topbar-area">
            <div class="container">
                <aside id="custom_html-3" class="widget_text widget_custom_html">
                    <div class="textwidget custom-html-widget">Free Shipping For Orders Over $50</div>
                </aside>
            </div>
        </div>
        <!--end top bar-->
        <!--menu-->
        <div id="masthead" class="site-header" style="min-height: 89px;">
            <div class="affix-top header_v1 navigation-menu">
                <div class="navigation-menu-inner container">
                    <div class="menu-mobile-effect hamburger hamburger--spin">
                        <div class="hamburger-box"><span class="hamburger-inner"></span></div>
                    </div>
                    <div class="logo"><a href="index.html"
                                         title="aroty.physcode.com" rel="home"><img
                            src="images/logo.png"
                            alt="aroty.physcode.com" width="150" height="30"></a>
                    </div>
                    <nav class="main-menu">
                        <ul id="menu-main-menu" class="navmenu">
                            <li id="menu-item-7138"
                                class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-7138">
                                <a href="index.html">Home</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-7141"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7139 current_page_item menu-item-7141">
                                        <a href="index.html" aria-current="page">Home Page V1</a></li>
                                    <li id="menu-item-7283"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7283">
                                        <a href="home-page-v2.html">Home Page V2</a></li>
                                    <li id="menu-item-7496"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7496">
                                        <a href="homepages_v3.html">Home Page V3</a></li>
                                    <li id="menu-item-7293"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7293">
                                        <a href="home-page-v4.html">Home Page V4</a></li>
                                    <li id="menu-item-7495"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7495">
                                        <a href="home-page-v5.html">Home Page V5</a></li>
                                    <li id="menu-item-7734"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7734">
                                        <a href="home-page-v6.html">Home Page V6</a></li>
                                    <li id="menu-item-7733"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7733">
                                        <a href="home-page-v7.html">Home Page V7</a></li>
                                    <li id="menu-item-7774"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7774">
                                        <a href="home-page-v8.html">Home Page V8</a></li>
                                    <li id="menu-item-7795"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7795">
                                        <a href="home-page-v9.html">Home Page V9</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-7043"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7043">
                                <a href="product-list.html">Shop</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-7052"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7052">
                                        <a href="product-list.html">Product List</a></li>
                                    <li id="menu-item-7053"
                                        class="menu-item menu-item-type-post_type menu-item-object-product menu-item-7053">
                                        <a href="product-single.html">Single Product</a>
                                    </li>
                                    <li id="menu-item-5811"
                                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-5811">
                                        <a href="#">Shop Pages</a>
                                        <ul class="sub-menu">
                                            <li id="menu-item-7048"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7048">
                                                <a href="my-account.html">My Account</a></li>
                                            <li id="menu-item-6847"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6847">
                                                <a href="wishlist.html">Wishlist</a></li>
                                            <li id="menu-item-7036"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7036">
                                                <a href="cart.html">Cart</a></li>
                                            <li id="menu-item-7000"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7037">
                                                <a href="cart-shopping.html">Cart Shopping</a></li>
                                            <li id="menu-item-7037"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7037">
                                                <a href="checkout.html">Checkout</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li id="menu-item-7044"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7044">
                                <a href="blog-grid-no-sidebar.html">Blog</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-7906"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7906">
                                        <a href="blog-grid-right.html">Blog Grid Right
                                            Sidebar</a></li>
                                    <li id="menu-item-7907"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7907">
                                        <a href="blog-grid-left.html">Blog Grid Left
                                            Sidebar</a></li>
                                    <li id="menu-item-7905"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7905">
                                        <a href="blog-grid-no-sidebar.html">Blog Grid No
                                            Sidebar</a></li>
                                    <li id="menu-item-7908"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7905">
                                        <a href="blog-list-sidebar.html">Blog Grid List
                                            Sidebar</a></li>
                                    <li id="menu-item-7909"
                                        class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7905">
                                        <a href="blog-details.html">Blog Details</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-6849"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-6849">
                                <a href="about-us.html">Pages</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-7038"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7038">
                                        <a href="about-us.html">About Us</a></li>
                                    <li id="menu-item-7540"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7540">
                                        <a href="F-A-Q.html">F.A.Q</a></li>
                                    <li id="menu-item-7351"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7351">
                                        <a href="comming-soon.html">Comming Soon</a></li>
                                    <li id="menu-item-5806"
                                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5806">
                                        <a href="">404</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-7039"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7039"><a
                                    href="contact-us.html">Contact Us</a></li>
                            <li class="menu-right menu-item">
                                <div id="physc_search_widget-2" class="physc_search">
                                    <div class="wrapper-search">
                                        <div class="search-toggler">
                                            <span class="zmdi zmdi-search"></span>
                                        </div>
                                        <div class="search-menu search-overlay search-hidden">
                                            <div class="closeicon"></div>
                                            <div class="modal-search-content">
                                                <form role="search" method="get" class="search-form"
                                                      action="#">
                                                    <input type="search" class="search-field"
                                                           placeholder="Search Here ..." value="" name="s"
                                                           title="Search for:">
                                                    <button type="submit" class="search-submit"><span
                                                            class="zmdi zmdi-search"></span></button>
                                                </form>
                                            </div>
                                            <div class="background-overlay"></div>
                                        </div>
                                    </div>
                                </div>
                                <div id="woocommerce_widget_cart-2" class="woocommerce widget_shopping_cart">
                                    <div class="minicart_hover" id="header-mini-cart"><span class="cart-items-number"><i
                                            class="icon-bag"></i><span class="wrapper-items-number">1</span></span>
                                    </div>
                                    <div class="widget_shopping_cart_content">
                                        <ul class="woocommerce-mini-cart cart_list product_list_widget ">
                                            <li class="woocommerce-mini-cart-item mini_cart_item">
                                                <a href="#"
                                                   class="remove remove_from_cart_button">×</a> <a
                                                    href="#">
                                                <img width="360" height="480"
                                                     src="images/product/product-14.jpg"
                                                     class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                                     alt="#">Layette
                                                Scratch </a>
                                                <span class="quantity">1 × <span
                                                        class="woocommerce-Price-amount amount"><span
                                                        class="woocommerce-Price-currencySymbol">$</span>6.29</span></span>
                                            </li>
                                        </ul>
                                        <p class="woocommerce-mini-cart__total total"><strong>Subtotal:</strong> <span
                                                class="woocommerce-Price-amount amount"><span
                                                class="woocommerce-Price-currencySymbol">$</span>6.29</span></p>
                                        <p class="woocommerce-mini-cart__buttons buttons"><a
                                                href="#" class="button wc-forward">View cart</a><a
                                                href="#" class="button checkout wc-forward">Checkout</a>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <!--end menu-->
    </div>
    <!--end header-->
    <!--page content-->
    <div class="site page-content">
        <!--sliceshow-->
        <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="sliceshows-1"
             data-source="gallery"
             style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:45px;">
            <!-- START REVOLUTION SLIDER 5.4.8.3 auto mode -->
            <div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.8.3">
                <ul>    <!-- SLIDE  -->
                    <li data-index="rs-1"
                        data-transition="curtain-2,slideremovedown,slotslide-vertical,scaledownfromleft,incube"
                        data-slotamount="random,default,default,default,default" data-hideafterloop="0"
                        data-hideslideonmobile="off" data-easein="default,default,default,default,default"
                        data-easeout="default,default,default,default,default"
                        data-masterspeed="random,default,default,default,default" data-rotate="0,0,0,0,0"
                        data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
                        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                        data-param10="" data-description="">
                        <!-- MAIN IMAGE -->
                        <img src="images/sliceshows/sliceshows1_homepage1.jpg" alt="" data-bgposition="center center"
                             data-bgfit="cover"
                             data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                        <!-- LAYERS -->
                    </li>
                    <!-- SLIDE  -->
                    <li data-index="rs-2" data-transition="slotzoom-vertical,boxslide,slotslide-horizontal"
                        data-slotamount="default,random,default" data-hideafterloop="0" data-hideslideonmobile="off"
                        data-easein="default,default,default" data-easeout="default,default,default"
                        data-masterspeed="default,random,default" data-delay="3030" data-rotate="0,0,0"
                        data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
                        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                        data-param10="" data-description="">
                        <!-- MAIN IMAGE -->
                        <img src="images/sliceshows/sliceshows2_homepage1.jpg" alt="" data-bgposition="center center"
                             data-bgfit="cover"
                             data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                        <!-- LAYERS -->
                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption   tp-resizeme"
                             id="slide-2-layer-1"
                             data-x="['left','left','left','left']" data-hoffset="['263','270','154','59']"
                             data-y="['top','top','top','top']" data-voffset="['112','79','80','78']"
                             data-fontsize="['60','40','40','30']"
                             data-lineheight="['60','40','40','30']"
                             data-width="['687','none','none','none']"
                             data-height="['91','none','none','none']"
                             data-whitespace="nowrap"
                             data-type="text"
                             data-responsive_offset="on"
                             data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"+1370","speed":890,"frame":"999","to":"y:[100%];rZ:0deg;sX:0.7;sY:0.7;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                             data-textAlign="['center','center','center','center']"
                             data-paddingtop="[15,15,10,5]"
                             data-paddingright="[25,25,20,15]"
                             data-paddingbottom="[15,15,10,5]"
                             data-paddingleft="[25,25,20,15]"
                             style="z-index: 5; min-width: 687px; max-width: 687px; max-width: 91px; max-width: 91px; white-space: nowrap; font-size: 60px; line-height: 60px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Libre Baskerville;font-style:italic;background-color:rgb(0,0,0);">
                            Collection Fall Fashion
                        </div>
                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption   tp-resizeme"
                             id="slide-2-layer-2"
                             data-x="['left','left','left','left']" data-hoffset="['447','397','274','124']"
                             data-y="['top','top','top','top']" data-voffset="['247','183','171','143']"
                             data-fontsize="['28','20','20','20']"
                             data-lineheight="['28','20','20','20']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="text"
                             data-responsive_offset="on"
                             data-frames='[{"delay":410,"speed":1500,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"+1010","speed":800,"frame":"999","to":"y:[175%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                             data-textAlign="['inherit','inherit','inherit','inherit']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"
                             style="z-index: 6; white-space: nowrap; font-size: 28px; line-height: 28px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Poppins;">
                            Fantastic. Every Season
                        </div>
                        <!-- LAYER NR. 3 -->
                        <div class="tp-caption rev-btn  tp-resizeme"
                             id="slide-2-layer-3"
                             data-x="['left','left','left','left']" data-hoffset="['509','430','307','163']"
                             data-y="['top','top','top','top']" data-voffset="['323','238','229','191']"
                             data-fontsize="['16','15','15','15']"
                             data-lineheight="['16','15','15','15']"
                             data-letterspacing="['0','','','']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="button"
                             data-responsive_offset="on"
                             data-frames='[{"delay":810,"speed":1500,"frame":"0","from":"x:[175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:1;","mask":"x:[-100%];y:0;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"+620","speed":660,"frame":"999","to":"x:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
                             data-textAlign="['inherit','inherit','inherit','inherit']"
                             data-paddingtop="[15,15,15,10]"
                             data-paddingright="[35,30,30,20]"
                             data-paddingbottom="[15,15,15,10]"
                             data-paddingleft="[35,30,30,20]"
                             style="z-index: 7; white-space: nowrap; font-size: 16px; line-height: 16px; font-weight: 400; color: rgba(255,255,255,1); letter-spacing: 0px;font-family:Poppins;background-color:rgb(242,68,33);border-color:rgba(0,0,0,1);border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                            View Details
                        </div>
                    </li>
                    <!-- SLIDE  -->
                    <li data-index="rs-3"
                        data-transition="cube,slidingoverlayleft,slotslide-vertical,parallaxtobottom,turnoff"
                        data-slotamount="random,default,default,default,default" data-hideafterloop="0"
                        data-hideslideonmobile="off" data-easein="default,default,default,default,default"
                        data-easeout="default,default,default,default,default"
                        data-masterspeed="random,default,default,default,default" data-delay="3120"
                        data-rotate="0,0,0,0,0"
                        data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3=""
                        data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9=""
                        data-param10="" data-description="">
                        <!-- MAIN IMAGE -->
                        <img src="images/sliceshows/sliceshows3_homepage1.jpg" alt="" data-bgposition="center center"
                             data-bgfit="cover"
                             data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                        <!-- LAYERS -->
                        <!-- LAYER NR. 4 -->
                        <div class="tp-caption   tp-resizeme"
                             id="slide-3-layer-1"
                             data-x="['left','left','left','left']" data-hoffset="['56','54','52','50']"
                             data-y="['top','top','top','top']" data-voffset="['178','103','101','104']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="text"
                             data-responsive_offset="on"
                             data-frames='[{"delay":10,"split":"chars","splitdelay":0.05,"speed":2000,"split_direction":"forward","frame":"0","from":"y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"+0","speed":900,"frame":"999","to":"x:[-100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                             data-textAlign="['inherit','inherit','inherit','inherit']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"
                             style="z-index: 5; white-space: nowrap; font-size: 18px; line-height: 18px; font-weight: 200; color: #ffffff; letter-spacing: 2px;font-family:Poppins;">
                            Top Collection
                        </div>
                        <!-- LAYER NR. 5 -->
                        <div class="tp-caption   tp-resizeme"
                             id="slide-3-layer-3"
                             data-x="['left','left','left','left']" data-hoffset="['52','47','52','49']"
                             data-y="['top','top','top','top']" data-voffset="['217','141','149','141']"
                             data-fontsize="['55','55','40','35']"
                             data-lineheight="['55','55','40','35']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="text"
                             data-responsive_offset="on"
                             data-frames='[{"delay":370,"split":"chars","splitdelay":0.05,"speed":1650,"split_direction":"forward","frame":"0","from":"y:[-100%];z:0;rZ:35deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"+0","speed":900,"frame":"999","to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"nothing"}]'
                             data-textAlign="['inherit','inherit','inherit','inherit']"
                             data-paddingtop="[0,0,0,0]"
                             data-paddingright="[0,0,0,0]"
                             data-paddingbottom="[0,0,0,0]"
                             data-paddingleft="[0,0,0,0]"
                             style="z-index: 6; white-space: nowrap; font-size: 55px; line-height: 55px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Permanent Marker;">
                            Awesome Everydays
                        </div>
                        <!-- LAYER NR. 6 -->
                        <div class="tp-caption rev-btn  tp-resizeme"
                             id="slide-3-layer-5"
                             data-x="['left','left','left','left']" data-hoffset="['50','50','49','50']"
                             data-y="['top','top','top','top']" data-voffset="['328','227','221','206']"
                             data-fontsize="['18','18','15','15']"
                             data-lineheight="['18','18','15','15']"
                             data-letterspacing="['0','0','','']"
                             data-width="none"
                             data-height="none"
                             data-whitespace="nowrap"
                             data-type="button"
                             data-responsive_offset="on"
                             data-frames='[{"delay":720,"speed":1000,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"+1160","speed":900,"frame":"999","to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
                             data-textAlign="['inherit','inherit','inherit','inherit']"
                             data-paddingtop="[15,15,10,10]"
                             data-paddingright="[35,35,25,25]"
                             data-paddingbottom="[15,15,10,10]"
                             data-paddingleft="[35,35,25,25]"
                             style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 18px; font-weight: 500; color: rgba(255,255,255,1); letter-spacing: 0px;font-family:Poppins;background-color:rgb(241,89,59);border-color:rgba(0,0,0,1);border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                            View Details
                        </div>
                    </li>
                </ul>
                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
            </div>
        </div><!-- END REVOLUTION SLIDER -->
        <!--end sliceshow-->
        <!--category-->
        <div class="category-homepage">
            <div class="row">
                <div class="col-xl-3 col-lg-6  col-md-6 col-sm-6">
                    <div class="banner-section content-middle hover-style-default">
                        <div class="banner-layout-1 text_left">
                            <div class="wrap-image">
                                <a href="#" class="bg-image"><img src="images/category-homepage/category1.jpg"
                                                                  alt="Banner Html"></a></div>
                            <div class="info">
                                <h6 class="text-1 font-sm" style="color:#ffffff">— New Arrival</h6>
                                <h3 class="text-2 font-large" style="color:#ffffff">Save Up To <br>50%</h3>
                                <a href="#" class="button-more" style="color:#ffffff">View All →</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-0 col-md-0 col-sm-12 center1">
                    <div class="row">
                        <div class="col-lg-5 col-sm-5">
                            <div class="banner-section content-bottom hover-style-show_button bg_overlay_hover_show">
                                <div class="banner-layout-1 text_left">
                                    <div class="wrap-image">
                                        <a href="#" class="bg-image"><img
                                                src="images/category-homepage/category2.jpg"
                                                alt="Banner Html">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">Bag</h3>
                                        <a href="#" class="button-more" style="color:#ffffff">Shop Now
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7 col-sm-7 collection-hp1">
                            <div class="banner-section content-middle hover-style-show_button bg_overlay_hover_show">
                                <div class="banner-layout-1 text_left">
                                    <div class="wrap-image">
                                        <a href="#" class="bg-image">
                                            <img src="images/category-homepage/category3.jpg"
                                                 alt="Banner Html">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">Collection of<br>the
                                            Year</h3>
                                        <a href="#" class="button-more" style="color:#ffffff">Shop Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-7 sneakers-hp1">
                            <div class="banner-section content-bottom hover-style-default">
                                <div class="banner-layout-1 text_left">
                                    <div class="wrap-image">
                                        <a href="#" class="bg-image">
                                            <img src="images/category-homepage/category4.jpg" alt="Banner Html">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">Sneakers</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <div class="banner-section content-middle hover-style-default">
                                <div class="banner-layout-1 text_center">
                                    <div class="wrap-image"><a
                                            href="#"
                                            class="bg-image"><img
                                            src="images/category-homepage/category5.jpg"
                                            alt="Banner Html"></a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">
                                            View All<br>
                                            Categories</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                    <div class="banner-section content-bottom hover-style-default">
                        <div class="banner-layout-1 text_center">
                            <div class="wrap-image"><a
                                    href="#"
                                    class="bg-image"><img
                                    src="images/category-homepage/category6.jpg"
                                    alt="Banner Html"></a></div>
                            <div class="info">
                                <h3 class="text-1 font-xl" style="color:#ffffff">Festival<br>Collection</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-0 col-md-0 col-sm-12 center2">
                    <div class="row">
                        <div class="col-lg-5 col-sm-5">
                            <div class="banner-section content-bottom hover-style-show_button bg_overlay_hover_show">
                                <div class="banner-layout-1 text_left">
                                    <div class="wrap-image">
                                        <a href="#" class="bg-image"><img
                                                src="images/category-homepage/category2.jpg"
                                                alt="Banner Html">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">Bag</h3>
                                        <a href="#" class="button-more" style="color:#ffffff">Shop Now
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7 col-sm-7 collection-hp1">
                            <div class="banner-section content-middle hover-style-show_button bg_overlay_hover_show">
                                <div class="banner-layout-1 text_left">
                                    <div class="wrap-image">
                                        <a href="#" class="bg-image">
                                            <img src="images/category-homepage/category3.jpg"
                                                 alt="Banner Html">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">Collection of<br>the
                                            Year</h3>
                                        <a href="#" class="button-more" style="color:#ffffff">Shop Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-7 sneakers-hp1">
                            <div class="banner-section content-bottom hover-style-default">
                                <div class="banner-layout-1 text_left">
                                    <div class="wrap-image">
                                        <a href="#" class="bg-image">
                                            <img src="images/category-homepage/category4.jpg" alt="Banner Html">
                                        </a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">Sneakers</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <div class="banner-section content-middle hover-style-default">
                                <div class="banner-layout-1 text_center">
                                    <div class="wrap-image"><a
                                            href="#"
                                            class="bg-image"><img
                                            src="images/category-homepage/category5.jpg"
                                            alt="Banner Html"></a>
                                    </div>
                                    <div class="info">
                                        <h3 class="text-1 font-default" style="color:#ffffff">
                                            View All<br>
                                            Categories</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end category-->
        <!--product-->
        <div class="wc-sc-product woocommerce featured-layout-1 font-size-xl">
            <h2 class="special-heading">Check Our Products</h2>
            <div class="inner-sc-product">
                <ul class="products columns-5">
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image">
                                <span class="onsale">Sale!</span>
                                <a href="product-single.html" class="wp-post-image">
                                    <img src="images/product/product-12.jpg"
                                         class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                         alt="#">
                                </a>
                                <div class="box-hover">
                                    <a href="#"
                                       class="button product_type_simple add_to_cart_button ajax_add_to_cart">Add
                                        to cart</a>
                                    <a href="javascript:void(0)" class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5018">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#" rel="nofollow" class="add_to_wishlist">Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item">
                                <h2 class="woocommerce-loop-product_title">
                                    <a href="product-single.html" title="Active Fleece Pants">Active Fleece
                                        Pants</a>
                                </h2>
                                <span class="price"><del><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>14.95</span></del> <ins><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>10.00</span></ins>
                                </span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Striped Stretchie"
                                    class="wp-post-image"><img
                                    src="images/product/product-13.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5068">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Striped Stretchie">Striped
                                    Stretchie</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>17.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Layette Scratch"
                                    class="wp-post-image"><img
                                    src="images/product/product-14.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5069">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Layette Scratch">Layette
                                    Scratch</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>6.29</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Water Repellent Parka"
                                    class="wp-post-image"><img
                                    src="images/product/product-3.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5095">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Water Repellent Parka">Water
                                    Repellent Parka</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>4.50</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Bag With Braided Handle"
                                    class="wp-post-image"><img
                                    src="images/product/product-6.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5103">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Bag With Braided Handle">Bag
                                    With Braided Handle</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>16.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Plain Scarf With Fringing"
                                    class="wp-post-image"><img
                                    src="images/product/product-7.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5099">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Plain Scarf With Fringing">Plain
                                    Scarf With Fringing</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>58.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Feather Down Jacket"
                                    class="wp-post-image"><img
                                    src="images/product/product-10.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5123">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Feather Down Jacket">Feather
                                    Down Jacket</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>63.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Plain Scarf With Fringing"
                                    class="wp-post-image"><img
                                    src="images/product/product-11.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5135">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Plain Scarf With Fringing">Plain
                                    Scarf With Fringing</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>62.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image">
                                <span class="onsale">Sale!</span>
                                <a href="product-single.html"
                                   title="The Frog T-Shirt"
                                   class="wp-post-image"><img
                                        src="images/product/product-2.jpg"
                                        class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                        alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5142">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="The Frog T-Shirt">The Frog
                                    T-Shirt</a></h2>
                                <span class="price"><del><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>51.00</span></del> <ins><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>41.00</span></ins></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Against aging"
                                    class="wp-post-image"><img
                                    src="images/product/product-17.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5180">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Against aging">Against
                                    aging</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>60.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Asymmetric Textured Cape"
                                    class="wp-post-image"><img
                                    src="images/product/product-16.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5187">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Asymmetric Textured Cape">Asymmetric
                                    Textured Cape</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>87.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Hooded Cotton Cape"
                                    class="wp-post-image"><img
                                    src="images/product/product-9.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5337">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Hooded Cotton Cape">Hooded
                                    Cotton Cape</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>45.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Sweatshirt With Pouch Pocket"
                                    class="wp-post-image"><img
                                    src="images/product/product-8.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5372">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Sweatshirt With Pouch Pocket">Sweatshirt
                                    With Pouch Pocket</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>93.00</span></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image">
                                <span class="onsale">Sale!</span>
                                <a href="product-single.html"
                                   title="Fine Knit Hat"
                                   class="wp-post-image"><img
                                        src="images/product/product-5.jpg"
                                        class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                        alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5383">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Fine Knit Hat">Fine Knit
                                    Hat</a></h2>
                                <span class="price"><del><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>51.00</span></del> <ins><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>41.00</span></ins></span>
                            </div>
                        </div>
                    </li>
                    <li class="product">
                        <div class="inner-item-product">
                            <div class="product-image"><a
                                    href="product-single.html"
                                    title="Biker Hoodie"
                                    class="wp-post-image"><img
                                    src="images/product/product-4.jpg"
                                    class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail"
                                    alt="#"></a>
                                <div class="box-hover"><a
                                        href="#"
                                        class="button product_type_simple add_to_cart_button ajax_add_to_cart"
                                        rel="nofollow">Add to
                                    cart</a><a
                                        href="javascript:void(0)"
                                        class="quick-view"></a>
                                    <div class="yith-wcwl-add-to-wishlist add-to-wishlist-5382">
                                        <div class="yith-wcwl-add-button show"
                                             style="display:block">
                                            <a href="#"
                                               rel="nofollow"
                                               class="add_to_wishlist">
                                                Add to Wishlist</a>
                                        </div>
                                        <div style="clear:both"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                            <div class="wrapper-content-item"><h2
                                    class="woocommerce-loop-product_title">
                                <a href="product-single.html"
                                   title="Biker Hoodie">Biker
                                    Hoodie</a></h2>
                                <span class="price"><span
                                        class="woocommerce-Price-amount amount"><span
                                        class="woocommerce-Price-currencySymbol">$</span>56.00</span></span>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="view-all">
                    <a href="product-list.html"
                       class="au-btn btn-small">VIEW ALL PRODUCT<i
                            class="zmdi zmdi-arrow-right"></i></a>
                </div>
            </div>
        </div>
        <!--end product-->
    </div>
    <div class="mfp-bg my-mfp-zoom-in mfp-ready"></div>
    <div class="mfp-wrap mfp-close-btn-in mfp-auto-cursor my-mfp-zoom-in mfp-ready" tabindex="-1"
         style="overflow: hidden auto;">
        <div class="mfp-container mfp-s-ready mfp-inline-holder">
            <div class="mfp-content">
                <div class="product-lightbox">
                    <div class="woocommerce">
                        <div id="product-5068" class="product shop-single-v1-section">
                            <div class="product-top-image">
                                <div class="container">
                                    <div class="row" style="display: flex;">
                                        <div class="col-md-5">
                                            <div id="flex-slider" class="flexslider">
                                                <ul class="slides">
                                                    <li>
                                                        <img src="images/product/product-3-800x980.jpg" alt="#"/>
                                                    </li>
                                                    <li>
                                                        <img src="images/product/product-4-800x980.jpg" alt="#"/>
                                                    </li>
                                                    <li>
                                                        <img src="images/product/product-8-800x980.jpg" alt="#"/>
                                                    </li>
                                                    <li>
                                                        <img src="images/product/product-14-800x980.jpg" alt="#"/>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div id="flex-carousel" class="flexslider">
                                                <ul class="slides">
                                                    <li>
                                                        <img src="images/product/product-3-800x980.jpg" alt="#"/>
                                                    </li>
                                                    <li>
                                                        <img src="images/product/product-4-800x980.jpg" alt="#"/>
                                                    </li>
                                                    <li>
                                                        <img src="images/product/product-8-800x980.jpg" alt="#"/>
                                                    </li>
                                                    <li>
                                                        <img src="images/product/product-14-800x980.jpg" alt="#"/>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-7">
                                            <div class="summary entry-summary summary-quick-view">
                                                <div class="title-product-single">
                                                    <h1 class="product_title entry-title">Water Repellent Parka</h1>
                                                    <p class="price">
                                        <span class="woocommerce-Price-amount amount" style="font-weight: bold;">
                                            <span class="woocommerce-Price-currencySymbol">$</span>
                                            5.00</span>
                                                    </p>
                                                </div>
                                                <div class="woocommerce-product-details__short-description">
                                                    <p>Vestibulum sit amet accumsan nulla. Proin elementum felis vel
                                                        sem
                                                        lobortis,
                                                        in
                                                        consectetur nulla fringilla. Nunc nibh ligula, malesuada ac
                                                        convallis et,
                                                        commodo vitae
                                                        risus. Pellentesque malesuada massa mollis dignissim
                                                        tincidunt.</p>
                                                </div>
                                                <form class="isw-swatches isw-swatches--in-single variations_form cart"
                                                      method="post"
                                                      enctype="multipart/form-data">
                                                    <div class="size">
                                                        <span style="font-weight: bold;color: #333333;">Size:</span>
                                                        <a href="#">L</a>
                                                        <a href="#">M</a>
                                                        <a href="#">S</a>
                                                        <a href="#">XL</a>
                                                        <a href="#">XS</a>
                                                    </div>
                                                    <div class="color">
                                                        <p style="font-weight: bold;color: #333333;">Color:</p>
                                                        <p>
                                                            <input type="radio" name="optradio"
                                                                   style="background-color: #333333;">
                                                            <input type="radio" name="optradio"
                                                                   style="background-color: #5cd215;">
                                                            <input type="radio" name="optradio"
                                                                   style="background-color: #50f5db;">
                                                            <input type="radio" name="optradio"
                                                                   style="background-color: #f56346;">
                                                        </p>
                                                    </div>
                                                    <div class="add-number-product">
                                                        <div class="quality">
                                                            <p>Quality:</p>
                                                            <div class="btn-group">
                                                                <button type="button" class="prev btn ">-</button>
                                                                <button type="button" class="show-number btn ">1
                                                                </button>
                                                                <button type="button" class="next btn ">+</button>
                                                            </div>
                                                            <span><i
                                                                    class="fas fa-check-circle"></i> In Stock</span>
                                                        </div>
                                                        <div class="add_to_cart">
                                                            <a href="#"><i class="fas fa-heart"></i></a>
                                                            <a href="#">Add to cart</a>
                                                        </div>
                                                    </div>
                                                </form>
                                                <div class="product_meta">
                                        <span class="posted_in">Share:
                                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                                             <a href="#"><i class="fab fa-twitter"></i></a>
                                             <a href="#"><i class="fab fa-tumblr"></i></a>
                                             <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                        </span>
                                                    <span class="posted_in">Categories:
                                            <a href="#" rel="tag">Accessories</a>,
                                            <a href="#" rel="tag">Dress</a>,
                                            <a href="#" rel="tag">Girls Fashions</a>,
                                            <a href="#" rel="tag">WOMAN COLLECTION</a>
                                        </span>
                                                    <span class="tagged_as">Tag:
                                            <a href="#" rel="tag">Dress</a>
                                        </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button title="Close (Esc)" type="button" class="mfp-close">×</button>
                </div>
            </div>
        </div>
    </div>
    <!-- #content -->
    <!--footer-->
    <div class="footer-top" id="footer-top">
        <aside id="custom_html-2" class="widget_text container widget_custom_html"><h3 class="widget-title">
            Newsletter</h3>
            <div class="textwidget custom-html-widget"><p class="font-size-h5">
                Get timely updates from your favorite products.
            </p>
                <form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-5804" method="post">
                    <div class="mc4wp-form-fields">
                        <div class="email">
                            <input type="email" name="EMAIL" placeholder="Your e-mail..." required="">
                            <button type="submit" value="" class="send"><i class="far fa-paper-plane"></i></button>
                        </div>
                    </div>
                </form>
            </div>
        </aside>
        <aside id="null-instagram-feed-3" class="null-instagram-feed">
            <ul class="instagram-pics instagram-size-large">
                <li class=""><a href="#" target="_self" class=""><img
                        src="images/twitter/twitter1.jpg"
                        alt="#physc_aroty" title="#physc_aroty" class=""></a></li>
                <li class=""><a href="#" target="_self" class=""><img
                        src="images/twitter/twitter2.jpg"
                        alt="#physc_aroty" title="#physc_aroty" class=""></a></li>
                <li class=""><a href="#" target="_self" class=""><img
                        src="images/twitter/twitter3.jpg"
                        alt="#physc_aroty" title="#physc_aroty" class=""></a></li>
                <li class=""><a href="#" target="_self" class=""><img
                        src="images/twitter/twitter4.jpg"
                        alt="#physc_aroty" title="#physc_aroty" class=""></a></li>
                <li class=""><a href="#" target="_self" class=""><img
                        src="images/twitter/twitter5.jpg"
                        alt="#physc_aroty" title="#physc_aroty" class=""></a></li>
                <li class=""><a href="#" target="_self" class=""><img
                        src="images/twitter/twitter6.jpg"
                        alt="#physc_aroty" title="#physc_aroty" class=""></a></li>
            </ul>
        </aside>
    </div>
    <div class="footer-area">
        <div class="wrapper-footer">
            <div class="container">
                <div class="row">
                    <aside id="text-2" class="col-sm-4 widget_text">
                        <div class="textwidget"><p><img class="alignnone wp-image-7284"
                                                        src="images/logo.png" width="175" height="35"
                                                        alt="#"></p>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form, by injected humour, or randomised words which
                                don’t
                                look even slightly believable.</p>
                            <ul class="social">
                                <li><a class="face" href="#"></a></li>
                                <li><a class="google" href="#"></a></li>
                                <li><a class="twitter" href="#"></a></li>
                                <li><a class="instagram" href="#"></a></li>
                            </ul>
                        </div>
                    </aside>
                    <aside id="text-3" class="col-sm-4 widget_text"><h3 class="widget-title">Useful Links</h3>
                        <div class="textwidget">
                            <ul>
                                <li><a href="#">Home</a></li>
                                <li><a href="#">Man fashion</a></li>
                                <li><a href="#">Woman fashion</a></li>
                                <li><a href="#">Accessories</a></li>
                                <li><a href="#">Collection</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">Cart</a></li>
                                <li><a href="#">Checkout</a></li>
                                <li><a href="#">My Account</a></li>
                                <li><a href="#">Ourder Tracking</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                            </ul>
                        </div>
                    </aside>
                    <aside id="text-4" class="col-sm-4 widget_text"><h3 class="widget-title">Contact Us</h3>
                        <div class="textwidget">
                            <ul class="contact-us">
                                <li class="address">622 Dixie Path , South Tobinches-ter~UT 98336</li>
                                <li class="phone">+149-845-9488</li>
                                <li class="email">Examlple@email.com</li>
                            </ul>
                            <p><img class="alignnone size-full wp-image-7361"
                                    src="images/payment.png" alt="#">
                            </p>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
        <div class="copyright-text"><p>Copyright © 2019 Aroty. All Rights <a href="http://www.51qianduan.com//">Reserved</a>.</p></div>
    </div>
    <!--end footer-->
</div>
<script src="asset/js/jquery-3.3.1.min.js"></script>
<script src="asset/js/bootstrap.min.js"></script>
<script src="asset/js/flexslider.js"></script>
<script src="asset/js/jquery.themepunch.tools.min.js"></script>
<script src="asset/js/jquery.themepunch.revolution.min.js"></script>
<script src="asset/js/theme.js?ver=1.5"></script>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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