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



47 185 62



模板描述:红色欧美风格 电商服装配饰 整站网站,红色欧美风格的电商服装配饰整站网站源码下载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>



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


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

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

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

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