红色简洁风格的服装包包商城整站网站源码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

37 146 49



模板描述:红色简洁风格 服装包包商城 整站网站。红色简洁风格的服装包包商城整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="third-party/sidr/css/jquery.sidr.dark.css">
<link rel="stylesheet" type="text/css" href="third-party/slick/css/slick.css">
<link rel="stylesheet" type="text/css" href="third-party/wow/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="third-party/magnific-popup-master/css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="third-party/accordionjs/css/accordion.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="icons/icons.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" id="color" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/colors/lite-green.css">
<link rel="stylesheet" type="text/css" href="css/colors/dark-green.css">
<link rel="stylesheet" type="text/css" href="css/colors/black.css">
<link rel="stylesheet" type="text/css" href="css/colors/orange.css">
<link rel="stylesheet" type="text/css" href="css/colors/brown.css">
<link rel="stylesheet" type="text/css" href="css/colors/lite-green.css">
<link rel="stylesheet" type="text/css" href="css/colors/dark-purple.css">
<link rel="stylesheet" type="text/css" href="css/colors/cyan.css">
<link rel="stylesheet" type="text/css" href="css/colors/dark-blue.css">
<link rel="stylesheet" type="text/css" href="css/colors/purple.css">
<link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css">
<link rel="stylesheet" href="third-party/fontawesome/releases/v5.2.0/css/all.css" >
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="third-party/sidr/css/jquery.sidr.dark.css">
<link rel="stylesheet" type="text/css" href="third-party/slick/css/slick.css">
<link rel="stylesheet" type="text/css" href="third-party/wow/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="third-party/magnific-popup-master/css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="third-party/accordionjs/css/accordion.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="icons/icons.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" id="color" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/colors/lite-green.css">
<link rel="stylesheet" type="text/css" href="css/colors/dark-green.css">
<link rel="stylesheet" type="text/css" href="css/colors/black.css">
<link rel="stylesheet" type="text/css" href="css/colors/orange.css">
<link rel="stylesheet" type="text/css" href="css/colors/brown.css">
<link rel="stylesheet" type="text/css" href="css/colors/lite-green.css">
<link rel="stylesheet" type="text/css" href="css/colors/dark-purple.css">
<link rel="stylesheet" type="text/css" href="css/colors/cyan.css">
<link rel="stylesheet" type="text/css" href="css/colors/dark-blue.css">
<link rel="stylesheet" type="text/css" href="css/colors/purple.css">
<link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css">
<link rel="stylesheet" href="third-party/fontawesome/releases/v5.2.0/css/all.css" >
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800" rel="stylesheet">

2. 引入JS

<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<script  src="third-party/jquery/jquery-3.2.1.min.js"></script>
<script  src="third-party/jquery/jquery-migrate-3.0.0.min.js"></script>
<script  src="third-party/sidr/js/jquery.sidr.js"></script>
<script  src="third-party/cycle2/jquery.cycle2.js"></script>
<script  src="third-party/slick/js/slick.min.js"></script>
<script  src="third-party/wow/js/wow.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script  src="third-party/magnific-popup-master/js/jquery.magnific-popup.js"></script>
<script  src="third-party/accordionjs/js/accordion.min.js"></script>
<script  src="js/contact.js"></script>
<script  src="js/custom.js"></script>
<script  src="js/color-switcher.js"></script>
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<script  src="third-party/jquery/jquery-3.2.1.min.js"></script>
<script  src="third-party/jquery/jquery-migrate-3.0.0.min.js"></script>
<script  src="third-party/sidr/js/jquery.sidr.js"></script>
<script  src="third-party/cycle2/jquery.cycle2.js"></script>
<script  src="third-party/slick/js/slick.min.js"></script>
<script  src="third-party/wow/js/wow.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script  src="third-party/magnific-popup-master/js/jquery.magnific-popup.js"></script>
<script  src="third-party/accordionjs/js/accordion.min.js"></script>
<script  src="js/contact.js"></script>
<script  src="js/custom.js"></script>
<script  src="js/color-switcher.js"></script>

3. HTML代码

	<!DOCTYPE html>
	<html lang="en">
		<head>
			<meta charset="utf-8">
			<title>Byapar | Multi-Purpose E-commerce Template</title>
			<meta name="description" content="Multi-Purpose E-commerce Template">
			<!--[if IE]>
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<![endif]-->
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<meta name="author" content="">
			<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
			<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
			<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
			<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/lite-green.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/dark-green.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/black.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/orange.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/brown.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/lite-green.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/dark-purple.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/cyan.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/dark-blue.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/purple.css"> -->
			<!-- <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css"> -->
			<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
			<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
			<!--[if lt IE 9]>
			<![endif]-->
		</head>
		<body class="home header-v1">
			<div class="color-switcher" id="choose_color">
				<a href="#." class="picker_close"><i class="fas fa-cog fa-spin"></i></a>
				<div class="theme-colours">
					<p>Choose Colour style</p>
					<ul>
						<li><a href="#" class="red" id="red"></a></li>
						<li><a href="#" class="cyan" id="cyan"></a></li>
						<li><a href="#" class="sky-blue" id="sky-blue"></a></li>
						<li><a href="#" class="dark-blue" id="dark-blue"></a></li>
						<li><a href="#" class="dark-green" id="dark-green"></a></li>
						<li><a href="#" class="lite-green" id="lite-green"></a></li>
						<li><a href="#" class="purple" id="purple"></a></li>
						<li><a href="#" class="dark-purple" id="dark-purple"></a></li>
						<li><a href="#" class="blue" id="blue"></a></li>
						<li><a href="#" class="orange" id="orange"></a></li>
						<li><a href="#" class="brown" id="brown"></a></li>
						<li><a href="#" class="pink" id="pink"></a></li>
					</ul>
				</div>
			</div>
			<div id="page" class="site">
			<!-- Mobile main menu -->
				<a href="#" id="mobile-trigger"><i class="fa fa-list" aria-hidden="true"></i></a>
				<div id ="mob-menu">
					<ul>
						<li class="current-menu-item menu-item-has-children"><a href="#">Home</a>
							<ul class="sub-menu">
								<li><a href="home-v1.html">Home v1</a></li>
								<li><a href="home-v2.html">Home v2</a></li>
								<li><a href="home-v3.html">Home v3</a></li>
								<li><a href="home-v4.html">Home v4</a></li>
								<li><a href="home-v5.html">Home v5</a></li>
								<li><a href="home-v6.html">Home v6</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="#">Categorys</a>
							<ul class="sub-menu">
								<li class="current-menu-item menu-item-has-children"><a href="#">Dresses</a>
									<ul class="sub-menu">
	                                  <li class=""> <a href="#">Casual dresses</a> </li>
	                                  <li> <a href="#">Evening</a> </li>
	                                  <li> <a href="#">Party</a> </li>
	                                  <li> <a href="#">Printed</a> </li>
								      <li> <a href="#">Winter </a> </li>
							      </ul>
						 		 </li>
								<li class="current-menu-item menu-item-has-children"><a href="#">Tops category</a>
									<ul class="sub-menu">
									      <li class=""> <a href="#">Blouses</a> </li>
									      <li> <a href="#">Evening tops</a> </li>
									      <li> <a href="#">Work</a> </li>
									      <li> <a href="#">Winter</a> </li>
									      <li> <a href="#">Summer</a> </li>
									 </ul>
						 		 </li>
								<li class="current-menu-item menu-item-has-children"><a href="#">Lingerie</a>
									<ul class="sub-menu">
	                         			  <li> <a href="#">Bras</a> </li>
	                                      <li> <a href="#">Knickers</a> </li>
	                                      <li> <a href="#">Nightwear</a> </li>
	                                      <li> <a href="#">Summerwear</a> </li>
	                                      <li> <a href="#">Men Fashion </a> </li>
									 </ul>
								 </li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="#">Shop Pages</a>
							<ul class="sub-menu">
								<li><a href="shop-grid.html">product Grid</a></li>
								<li><a href="shop-full.html">product Full</a></li>
								<li><a href="shop-left-sidebar.html"> Sidebar left</a></li>
								<li><a href="shop-right-sidebar.html"> Sidebar Right</a></li>
								<li><a href="shop-three-column.html"> Three Column</a></li>
							</ul>
						</li>
							<li class="menu-item-has-children"><a href="#" >Pages</a>
							<ul class="sub-menu">
								<li><a href="single-product.html">Single Product</a></li>
								<li><a href="login.html">Login</a></li>
								<li><a href="register.html">Register</a></li>
								<li><a href="wishlist.html">wishlist Page</a></li>
								<li><a href="checkout.html">Checkout Page</a></li>
								<li><a href="cart.html">Cart Page</a></li>
								<li><a href="faq.html">FAQ</a></li>
								<li><a href="404-error.html">404 Error</a></li>
								<li><a href="typography.html">Typographys</a>
								</ul>
							</li>
						<li class="menu-item-has-children"><a href="#" >Blog</a>
							<ul class="sub-menu">
								<li><a href="blog-grid.html">Blog Grid</a></li>
								<li><a href="left-sidebar.html">left Sidebar</a></li>
								<li><a href="right-sidebar.html">Right Sidebar</a></li>
								<li><a href="single-blog.html">Single Blog</a></li>
							</ul>
						</li>
					</ul>
				</div> <!-- #mob-menu -->
				<div id="tophead">
					<div class="container">
						<div class="top-head-left">
							<div class="top-head-col multi-language pull-left">
								<a class="multi-language-current" href="#"><img alt="language" src="images/language/en.png">English</a>
								<ul class="multi-language-sub">
									<li><a href="#"><img alt="language" src="images/language/nl.png">Nederlands</a></li>
									<li><a href="#"><img alt="language" src="images/language/la.png">Latin</a></li>
									<li><a href="#"><img alt="language" src="images/language/nl.png">Nederlands</a></li>
									<li><a href="#"><img alt="language" src="images/language/la.png">Latin</a></li>
									<li><a href="#"><img alt="language" src="images/language/nl.png">Nederlands</a></li>
									<li><a href="#"><img alt="language" src="images/language/la.png">Latin</a></li>
								</ul>
							</div> <!-- .multi-language -->
							<div class="top-head-col multi-currency pull-left">
								<ul>
								<li> <a class="multi-language-current" href="#"> $USD</a>
									<ul class="multi-currency-sub">
										<li><a href="#">URO</a></li>
										<li><a href="#">YEN</a></li>
										<li><a href="#">POUND</a></li>
									</ul>
								</li>
								</ul>
							</div> <!-- .multi-currency -->
							<div class="top-head-col quick-contact quick-contact-2 pull-left">
								<ul>
									<li class="quick-call"><i class="fas fa-phone-volume"></i> <a href="#"> + 541-754-3010</a> </li>
								</ul> <!-- top-head-col -->
							</div>
						</div><!-- .top-head-left -->
						<div class="top-head-right pull-right">
					       <a href="#" class="header-link" title="Help"><i class="fas fa-phone"></i><span class="header-text">Help</span></a>
					       <a href="" class="header-link" title="More"><i class="fas fa-th-large"></i><span class="header-text">More</span></a>
					       <div class="header-link my-account my-login-popup">
						       <a href="#login-popup"   title="My Account" class="login-popup-btn">
						       	<i class="fa fa-user"></i><span class="header-text">Account</span>
						       </a>
						    </div><!-- .header-link -->
						</div><!-- .top-head-right -->
					</div> <!-- .container -->
				</div> <!-- #tophead -->
				<header id="masthead" class="site-header sticky-enabled">
					<div class="container">
						<div class="site-branding pull-left">
							<div id="site-identity">
								<h1 class="site-title"><a href="home-v1.html"  rel="home"><img alt="logo" class="site-logo" src="images/logo.png">Byapar</a></h1>
							</div><!-- #site-identity -->
						</div><!-- .site-branding -->
						<a href="contact.html" Class="custom-button custom-secondary-button pull-right quick-link-button button-small"> Quick Contact </a>
						<div id="header-right" class="pull-right">
							<div class="hearder-min-cart">
								<ul>
									<li class="cart-button mini-cart-wrap">
										<a href="#"><i class=" icon-basket"></i><span>2</span>	</a>
										<ul class="cart-list">
	                                    <li>
	                                        <div class="cart-img">
	                                            <a href="#l"><img alt="product" src="images/shop/product-1.jpg"></a>
	                                        </div>
	                                        <div class="cart-info">
	                                            <h4><a href="product-details.html">simple product</a></h4>
	                                            <span class="cart-qty">Qty: 1</span>
	                                            <span>$60.00</span>
	                                        </div>
	                                        <div class="del-icon">
	                                            <i class="fa fa-times"></i>
	                                        </div>
	                                    </li>
	                                    <li>
	                                        <div class="cart-img">
	                                            <a href="product-details.html"><img src="images/shop/product-2.jpg" alt="Product"></a>
	                                        </div>
	                                        <div class="cart-info">
	                                            <h4><a href="product-details.html">virtual product</a></h4>
	                                            <span class="cart-qty">Qty: 2</span>
	                                            <span>$100.00</span>
	                                        </div>
	                                        <div class="del-icon">
	                                            <i class="fa fa-times"></i>
	                                        </div>
	                                    </li>
	                                    <li class="mini-cart-price">
	                                        <span class="subtotal">subtotal : </span>
	                                        <span class="subtotal-price ml-auto">$110.00</span>
	                                    </li>
	                                    <li>
	                                        <div class="mini-cart-button">
	                                            <a class="custom-button button-small pull-left" href="#">View Cart</a>
	                                            <a class="custom-button custom-secondary-button button-small pull-right" href="#">checkout</a>
	                                        </div>
	                                    </li>
	                                </ul>
									</li>
				       				<li class="cart-button">
					       				<a href="wishlist.html"  title="wishlist"><i class=" icon-heart"></i><span>0</span>	</a>
				       				</li>
								</ul>
							</div><!-- #quick-link-buttons -->
						</div>
						<nav class="main-navigation pull-right">
							<ul>
								<li class="current-menu-item menu-item-has-children"><a href="#">Home</a>
									<ul class="sub-menu">
										<li><a href="home-v1.html">Home v1</a></li>
										<li><a href="home-v2.html">Home v2</a></li>
										<li><a href="home-v3.html">Home v3</a></li>
										<li><a href="home-v4.html">Home v4</a></li>
										<li><a href="home-v5.html">Home v5</a></li>
										<li><a href="home-v6.html">Home v6</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children has-mega-menu"><a href="#">Categorys</a>
									<div class="flat-mega-memu">
										<div class="mega-menu-box col-grid-3">
										      <div class="menu-container">
												<h3 class="megamenu-title">Dresses</h3>
												<ul class="mega-menu-sub">
		                                          <li class=""> <a href="#">Casual dresses</a> </li>
		                                          <li> <a href="#">Evening</a> </li>
		                                          <li> <a href="#">Party</a> </li>
		                                          <li> <a href="#">Printed</a> </li>
											      <li> <a href="#">Winter </a> </li>
										      </ul>
									      </div><!-- .menu-container -->
										</div>
										<div class="mega-menu-box col-grid-3">
											<div class="menu-container">
												<h3 class="megamenu-title">Tops category</h3>
												<ul class="mega-menu-sub">
											      <li class=""> <a href="#">Blouses</a> </li>
											      <li> <a href="#">Evening tops</a> </li>
											      <li> <a href="#">Work</a> </li>
											      <li> <a href="#">Winter</a> </li>
											      <li> <a href="#">Summer</a> </li>
											      </ul>
										      </div><!-- .menu-container -->
										</div>
										<div class="mega-menu-box col-grid-3">
											<div class="menu-container">
											<span class="ribbon-rotated right-align onsale">Sale</span>
												<h3 class="megamenu-title">Lingerie</h3>
												<ul class="mega-menu-sub">
		                                          <li> <a href="#">Bras</a> </li>
		                                          <li> <a href="#">Knickers</a> </li>
		                                          <li> <a href="#">Nightwear</a> </li>
		                                          <li> <a href="#">Summerwear</a> </li>
		                                          <li> <a href="#">Men Fashion </a> </li>
											      </ul>
										      </div><!-- .menu-container -->
										</div>
										<div class="mega-menu-box col-grid-3">
											<a href="#"><img alt="product-banner" src="images/shop/megamenu-product.jpg"></a>
										</div>
									</div>
								</li>
								<li class="menu-item-has-children"><a href="#">Shop Pages</a>
									<ul class="sub-menu">
										<li><a href="shop-grid.html">product Grid</a></li>
										<li><a href="shop-full.html">product Full</a></li>
										<li><a href="shop-left-sidebar.html"> Sidebar left</a></li>
										<li><a href="shop-right-sidebar.html"> Sidebar Right</a></li>
										<li><a href="shop-three-column.html"> Three Column</a></li>
									</ul>
								</li>
									<li class="menu-item-has-children"><a href="#" >Pages</a>
									<ul class="sub-menu">
										<li><a href="single-product.html">Single Product</a></li>
										<li><a href="login.html">Login</a></li>
										<li><a href="register.html">Register</a></li>
										<li><a href="wishlist.html">wishlist Page</a></li>
										<li><a href="checkout.html">Checkout Page</a></li>
										<li><a href="cart.html">Cart Page</a></li>
										<li><a href="faq.html">FAQ</a></li>
										<li><a href="404-error.html">404 Error</a></li>
										<li><a href="typography.html">Typographys</a>
										</ul>
									</li>
								<li class="menu-item-has-children"><a href="#" >Blog</a>
									<ul class="sub-menu">
										<li><a href="blog-grid.html">Blog Grid</a></li>
										<li><a href="left-sidebar.html">left Sidebar</a></li>
										<li><a href="right-sidebar.html">Right Sidebar</a></li>
										<li><a href="single-blog.html">Single Blog</a></li>
									</ul>
								</li>
							</ul>
						</nav> <!-- .site-navigation -->
					</div> <!-- .container -->
				</header> <!-- .site-header -->
				<div id="content" class="site-content global-layout-no-sidebar">
					<div class="container">
						<div class="inner-wrapper">
							<div id="primary" class="content-area">
								<main id="main" class="site-main" >
									<aside class="section no-padding">
										<div class="section-featured-slider">
											<div id="main-slider"  class="cycle-slideshow  featrued-slider" data-cycle-fx="fadeout"  data-cycle-speed="1000"  data-cycle-pause-on-hover="true"  data-cycle-loader="true"  data-cycle-log="false"  data-cycle-swipe="true" data-cycle-auto-height="container"  data-cycle-timeout="3000"  data-cycle-slides="article" data-pager-template='<span class="pager-box"></span>'>
												<!-- prev/next links -->
												<div class="cycle-prev"><i class="fas fa-angle-left" aria-hidden="true"></i></div>
												<div class="cycle-next"><i class="fas fa-angle-right" aria-hidden="true"></i></div>
												<!-- pager -->
												<div class="cycle-pager"> </div>
												<article class="first">
													<div class="caption">
														<div class="cycle-caption text-alignleft">
																<p>For Women</p>
																<h3><a href="#" >UP TO 50% OFF</a></h3>
																<h4>End of Season Sale</h4>
																<div class="slider-buttons">
																	<a class="custom-button" href="#">Shop Now</a>
																</div> <!-- .slider-buttons -->
														</div> <!-- .cycle-caption -->
													</div> <!-- .caption -->
													<a href= "#"  >
														<img src="images/slider/slide-1.jpg" alt="Slider" />
													</a>
												</article>  <!-- article -->
												<article>
													<div class="caption">
														<div class="cycle-caption text-alignleft">
															<p> Summer Collections </p>
															<h3><a href="#" >Newarives</a></h3>
															<h4>Now Starting at $99.00 </h4>
															<div class="slider-buttons">
																<a class="custom-button" href="#">Shop Now</a>
															</div> <!-- .slider-buttons -->
														</div> <!-- .cycle-caption -->
													</div> <!-- .caption -->
													<a href="#">
														<img src="images/slider/slide-2.jpg" alt="Slider" />
													</a>
												</article> <!-- article -->
												<article>
													<div class="caption">
														<div class="cycle-caption text-alignleft">
															<p>For Women</p>
															<h3><a href="#">Get 50% off</a></h3>
															<h4>Winter Collections</h4>
															<div class="slider-buttons">
																<a class="custom-button" href="#">Shop Now</a>
															</div> <!-- .slider-buttons -->
														</div> <!-- .cycle-caption -->
													</div> <!-- .caption -->
													<a href="#">
														<img src="images/slider/slide-3.jpg" alt="Slider" />
													</a>
												</article> <!-- article -->
												<article>
													<div class="caption">
														<div class="cycle-caption text-alignright">
															<p>For Men</p>
															<h3><a href="#" >AMAZING STYLE</a></h3>
															<h4>30% Off For All Items</h4>
															<div class="slider-buttons">
																<a class="custom-button" href="#">Shop Now</a>
															</div> <!-- .slider-buttons -->
														</div> <!-- .cycle-caption -->
													</div> <!-- .caption -->
													<a href="#">
														<img src="images/slider/slide-4.jpg" alt="Slider" />
													</a>
												</article> <!-- article -->
												<article>
													<div class="caption">
															<div class="cycle-caption text-alignleft">
																<p>Summer Collections</p>
																<h3><a href="#" >NEWARRIALS </a></h3>
																<h4> Up To 50% Off </h4>
																<div class="slider-buttons">
																	<a class="custom-button" href="#">Shop Now</a>
																</div> <!-- .slider-buttons -->
														</div> <!-- .cycle-caption -->
													</div> <!-- .caption -->
													<a href= "#">
														<img src="images/slider/slide-5.jpg" alt="Slider" />
													</a>
												</article>  <!-- article -->
											</div><!-- #main-slider -->
										</div><!-- .section-featured-slider -->
									</aside> <!-- .section-featured-slider -->
									<aside class="section section-pormo">
										<div class="container">
												<div class="inner-wrapper">
													<div class="col-grid-4">
														<div class="pormo-item">
														<div class="pormo-inner-wrapper zoom-effect-hover-container">
															<div class="pormo-thumb zoom-effect">
																<a href="#"><img alt="Promo" src="images/shop/pormo-5.jpg"></a>
																<div class="pormo-info text-aligncenter">
									                              	<div class="pormo-buttons">
																		<a class="custom-button custom-white button-small" href="#">Shop Now</a>
																	</div> <!-- .pormo-buttons -->
									                            </div>
															</div><!-- .pormo-thumb -->
														</div><!-- .pormo-inner-wrapper -->
													</div><!-- .pormo-item -->
													</div>
												<div class="col-grid-4">
													<div class="pormo-item">
														<div class="pormo-inner-wrapper zoom-effect-hover-container">
															<div class="pormo-thumb zoom-effect">
																<a href="#"><img  alt="Promo" src="images/shop/pormo-6.jpg"></a>
																<div class="pormo-info text-aligncenter">
									                              				<div class="pormo-buttons">
																		<a class="custom-button custom-white button-small" href="#">Shop Now</a>
																	</div> <!-- .pormo-buttons -->
									                            </div>
															</div><!-- .pormo-thumb -->
														</div><!-- .pormo-inner-wrapper -->
														</div>
														<div class="pormo-item top-space">
														<div class="pormo-inner-wrapper zoom-effect-hover-container">
															<div class="pormo-thumb zoom-effect">
																<a href="#"><img alt="Promo" src="images/shop/pormo-7.jpg"></a>
																<div class="pormo-info text-aligncenter">
									                              <div class="pormo-buttons">
																		<a class="custom-button custom-white button-small" href="#">Shop Now</a>
																	</div> <!-- .pormo-buttons -->
									                            </div>
															</div><!-- .pormo-thumb -->
														</div><!-- .pormo-inner-wrapper -->
													</div><!-- .pormo-item -->
													</div>
													<div class="col-grid-4">
													<div class="pormo-item">
														<div class="pormo-inner-wrapper zoom-effect-hover-container">
															<div class="pormo-thumb zoom-effect">
																<a href="#"><img  alt="Promo" src="images/shop/pormo-8.jpg"></a>
																<div class="pormo-info text-aligncenter">
									                              				<div class="pormo-buttons">
																		<a class="custom-button custom-white button-small" href="#">Shop Now</a>
																	</div> <!-- .pormo-buttons -->
									                            </div>
															</div><!-- .pormo-thumb -->
														</div><!-- .pormo-inner-wrapper -->
													</div><!-- .pormo-item -->
													</div>
												</div><!-- .inner-wrapper -->
										</div><!-- .container -->
									</aside>
									<aside  class="section no-padding">
										<div class="section-product-categorys">
											<div class="container">
												<div class="section-title-wrap">
													<h2 class="section-title">Popular Category</h2>
												</div>
												<div class="inner-wrapper">
													<div class="product-categorys-inner-wrapper iteam-col-4 section-carousel-enabled">
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="category" src="images/shop/cat1.jpg"></a>
																</div><!-- .product-thumb -->
																<!-- .product-cats -->
																<h3 class="category-title"><a href="#" title="title">Women's Winter <span class="count"> 14</span> </a></h3>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
														<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="category" src="images/shop/cat2.jpg"></a>
																</div><!-- .product-thumb -->
																<!-- .product-cats -->
																<h3 class="category-title"><a href="#" title="title">Summer Fashion <span class="count"> 12 </span></a></h3>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="category" src="images/shop/cat3.jpg"></a>
																</div><!-- .product-thumb -->
																<!-- .product-cats -->
																<h3 class="category-title"><a href="#" title="title">Men's Fashion <span class="count"> 20</span></a></h3>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="category" src="images/shop/cat4.jpg"></a>
																</div><!-- .product-thumb -->
																<!-- .product-cats -->
																<h3 class="category-title"><a href="#" title="title">Men's Jeans <span class="count"> 14</span></a></h3>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="category" src="images/shop/cat5.jpg"></a>
																</div><!-- .product-thumb -->
																<!-- .product-cats -->
																<h3 class="category-title"><a href="#" title="title">Women's <span class="count"> 14</span></a></h3>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="category" src="images/shop/cat6.jpg"></a>
																</div><!-- .product-thumb -->
																<!-- .product-cats -->
																<h3 class="category-title"><a href="#" title="title">Bags <span class="count"> 14</span></a></h3>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
													</div><!-- .product-categorys-inner-wrapper -->
												</div><!-- .inner-wrapper -->
											</div> <!-- .container -->
										</div><!-- .section-product-categorys -->
									</aside><!-- .section -->
									<aside  class="section">
										<div class="section-products">
											<div class="container">
												<div class="section-title-wrap">
													<h2 class="section-title">Featured Product</h2>
												</div>
												<div class="inner-wrapper">
													<div class="products-inner-wrapper">
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-1.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																		<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated onsale">-16%</span>
																	<!-- .product-ratings -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Cold Shoulder Wrap Top</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<del class="dis-price">$65.99</del>
																		<span class="fix-price">$45.99</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-2.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Plaid Flounce Skirt</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$600</span>
																	</div><!-- .product-action-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-3.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Pocket Flare Dress</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<del class="dis-price">$500</del>
																		<span class="fix-price">$450</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-4.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated hot-item ">NEW</span>
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Asymmetric Ruffle Skirt</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$500</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
													</div><!-- .products-inner-wrapper -->
													<div class="more-wrapper clear-fix">
														<a href="#" class="custom-button">Explore More</a>
													</div>
												</div><!-- .inner-wrapper -->
											</div> <!-- .container -->
										</div><!-- .section-products -->
									</aside><!-- .section -->
									<aside class="section cta-background background-img attachment-fixed overlay-enabled">
										<div class="section-call-to-action">
											<div class="container">
												<div class="inner-wrapper">
													<div class="call-to-action-content col-grid-12 text-aligncenter">
														<div class="call-to-action-description ">
															<p>Limited Time Offer!</p>
															<h2 class="big-size">TOM FORD COLLECTION</h2>
															<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt <br/>ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation.</p>
														</div><!-- .call-to-action-description -->
														<div class="call-to-action-buttons">
															<a href="#" class="custom-button  button-medium">Our Services</a>
														</div><!-- .call-to-action-buttons -->
													</div><!-- .call-to-action-content -->
												</div><!-- .inner-wrapper -->
											</div> <!-- .container -->
										</div> <!-- .call-to-action" -->
									</aside><!-- .section -->
									<aside  class="section">
										<div class="section-products">
											<div class="container">
												<div class="section-title-wrap">
													<h2 class="section-title">New Products</h2>
												</div>
												<div class="inner-wrapper">
													<div class="products-inner-wrapper iteam-col-4 section-carousel-enabled">
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-5.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated onsale">-16%</span>
																	<!-- .product-ratings -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Cold Shoulder Faux</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<del class="dis-price">$65.99</del>
																		<span class="fix-price">$45.99</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-6.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Mixed Stripe Skirt</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$600</span>
																	</div><!-- .product-action-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-7.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Cocktail Dress</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<del class="dis-price">$500</del>
																		<span class="fix-price">$450</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-8.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated hot-item ">NEW</span>
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Stripe Tie</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$500</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-9.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated hot-item ">NEW</span>
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Floral Midi Skirt</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$500</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
													</div><!-- .products-inner-wrapper -->
												</div><!-- .inner-wrapper -->
											</div> <!-- .container -->
										</div><!-- .section-products -->
									</aside><!-- .section -->
									<aside class="section no-padding">
										<div class="ads-banner">
											<div class="container">
												<div class="inner-wrapper">
													<div class="col-grid-8 zoom-effect-hover-container">
														<div class="zoom-effect">
															<a href="#"><img alt="banner" src="images/shop/ad-banner3.jpg"></a>
														</div>
													</div>
													<div class="col-grid-4 zoom-effect-hover-container">
														<div class="zoom-effect">
															<a href="#"><img alt="banner" src="images/shop/ad-banner4.jpg"></a>
														</div>
													</div>
												</div><!-- .inner-wrapper -->
											</div><!-- .container -->
										</div><!-- .ads-banner -->
									</aside><!-- .section -->
									<aside  class="section">
										<div class="section-products">
											<div class="container">
												<div class="section-title-wrap">
													<h2 class="section-title">Popular Product</h2>
												</div>
												<div class="inner-wrapper">
													<div class="products-inner-wrapper">
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-10.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated onsale">-16%</span>
																	<!-- .product-ratings -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Straight-fit cotton jeans</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<del class="dis-price">$65.99</del>
																		<span class="fix-price">$45.99</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-11.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title"> Racquet City Shorts</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$600</span>
																	</div><!-- .product-action-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-12.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Palm Leaf Drapey Shorts</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<del class="dis-price">$500</del>
																		<span class="fix-price">$450</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
														<div class="product-item col-grid-3">
															<div class="product-item-wrapper zoom-effect-hover-container box-shadow-block">
																<div class="product-thumb zoom-effect">
																	<a class="thumbnail" href="#"><img alt="product" src="images/shop/product-14.jpg"></a>
																	<div class="pruduct-buttons">
																		<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
																		<span class="tooltiptext tooltip-right">Add To Cart</span></a>
																		<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-right">Wishlist</span></a>
																		<a href="#" class="product-button tooltip"><i class="fa fa-retweet"></i><span class="tooltiptext tooltip-right">Compair</span></a>
																	</div><!-- .product-buttons -->
																	<div class="quick-view">
																	<a href="#quick-view-content-wrappr" class="custom-button button-small quick-view-link"><i class="far fa-eye"></i>Quick View</a>
																	</div><!-- .quick-view -->
																	<span class="ribbon-rotated hot-item ">NEW</span>
																</div><!-- .product-thumb -->
																<div class="product-item-details">
																	<h3 class="product-title"><a href="product.html" title="title">Applique Graphic Tee</a></h3>
																	<div class="product-ratings">
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star active"></span>
																	 <span class="star"></span>
																	 <span class="star"></span>
																</div>
																	<div class="product-price-container">
																		<span class="fix-price">$500</span>
																	</div><!-- .product-price-container -->
																</div>
															</div><!-- .product-item-wrapper -->
														</div><!-- .product-item -->
													</div><!-- .products-inner-wrapper -->
												</div><!-- .inner-wrapper -->
											</div> <!-- .container -->
										</div><!-- .section-products -->
									</aside><!-- .section -->
									<aside class="section lite-background">
										<div class="section-associate-logo">
										<div class="container">
											<div class="associate-logo-section associate-logo-col-5">
												<div class="iteam-col-5 section-carousel-enabled">
													<div class="associate-logo-item">
														<a href="#"><img alt="Associate Logo" src="images/client-logo/client-new-1.png"></a>
													</div> <!-- .plan-item  -->
													<div class="associate-logo-item">
														<a href="#"><img alt="Associate Logo" src="images/client-logo/client-new-2.png"></a>
													</div> <!-- .plan-item  -->
													<div class="associate-logo-item">
														<a href="#"><img alt="Associate Logo" src="images/client-logo/client-new-3.png"></a>
													</div> <!-- .plan-item  -->
													<div class="associate-logo-item">
														<a href="#"><img alt="Associate Logo" src="images/client-logo/client-new-4.png"></a>
													</div> <!-- .plan-item  -->
													<div class="associate-logo-item">
														<a href="#"><img alt="Associate Logo" src="images/client-logo/client-new-5.png"></a>
													</div> <!-- .plan-item  -->
													<div class="associate-logo-item">
														<a href="#"><img alt="Associate Logo" src="images/client-logo/client-new-6.png"></a>
													</div> <!-- .plan-item  -->
													</div>
											</div> <!-- .plan-section -->
										</div> <!-- .container -->
										</div><!-- .section-associate-logo -->
									</aside> <!-- .section -->
									<aside class="section">
										<div class="container">
										<div class="inner-wrapper">
											<div class="col-grid-4">
												<div class="recent-product-list">
													<div class="section-title-wrap text-alignleft">
														<h2 class="section-title">Featured</h2>
													</div>
													<div class="products-list">
														<a href="#" class="product-thumb" title="Product Name"> <img alt="product" src="images/shop/product-1.jpg"  class="product-image"> </a>
														<h5 class="product-title"><a href="#" title="Product">Cold Shoulder Wrap Top</a></h5>
															<div class="product-ratings">
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star"></span>
																 <span class="star"></span>
															</div>
														<div class="product-price-container">
															<span class="fix-price">$45.99</span>
														</div>
														<div class="pruduct-buttons">
															<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
															<span class="tooltiptext tooltip-bottom">Add To Cart</span></a>
															<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-bottom">Wishlist</span></a>
															<a href="#quick-view-content-wrappr" class="product-button quick-view-link tooltip"><i class="far fa-eye"></i><span class="tooltiptext tooltip-bottom">Quick View</span></a>
														</div>
													</div><!-- .products-list -->
													<div class="products-list">
														<a href="#" class="product-thumb" title="Product Name"> <img alt="product" src="images/shop/product-2.jpg"  class="product-image"> </a>
														<h5 class="product-title"><a href="#" title="Product">Plaid Flounce Skirt</a></h5>
															<div class="product-ratings">
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star"></span>
																 <span class="star"></span>
															</div>
														<div class="product-price-container">
															<span class="fix-price">$45.99</span>
														</div>
														<div class="pruduct-buttons">
															<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
															<span class="tooltiptext tooltip-bottom">Add To Cart</span></a>
															<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-bottom">Wishlist</span></a>
															<a href="#quick-view-content-wrappr" class="product-button quick-view-link tooltip"><i class="far fa-eye"></i><span class="tooltiptext tooltip-bottom">Quick View</span></a>
														</div>
													</div><!-- .products-list -->
												</div><!-- .widget -->
											</div>
											<div class="col-grid-4">
												<div class=" recent-product-list">
													<div class="section-title-wrap text-alignleft">
														<h2 class="section-title">Popular</h2>
													</div>
													<div class="products-list">
														<a href="#" class="product-thumb" title="Product Name"> <img alt="product" src="images/shop/product-3.jpg"  class="product-image"> </a>
														<h5 class="product-title"><a href="#" title="Product">Pocket Flare Dress</a></h5>
															<div class="product-ratings">
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star"></span>
																 <span class="star"></span>
															</div>
														<div class="product-price-container">
															<span class="fix-price">$45.99</span>
														</div>
														<div class="pruduct-buttons">
															<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
															<span class="tooltiptext tooltip-bottom">Add To Cart</span></a>
															<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-bottom">Wishlist</span></a>
															<a href="#quick-view-content-wrappr" class="product-button quick-view-link tooltip"><i class="far fa-eye"></i><span class="tooltiptext tooltip-bottom">Quick View</span></a>
														</div>
													</div><!-- .products-list -->
													<div class="products-list">
														<a href="#" class="product-thumb" title="Product Name"> <img alt="product" src="images/shop/product-4.jpg"  class="product-image"> </a>
														<h5 class="product-title"><a href="#" title="Product">Asymmetric Ruffle Skirt</a></h5>
															<div class="product-ratings">
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star"></span>
																 <span class="star"></span>
															</div>
														<div class="product-price-container">
															<span class="fix-price">$45.99</span>
														</div>
														<div class="pruduct-buttons">
															<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
															<span class="tooltiptext tooltip-bottom">Add To Cart</span></a>
															<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-bottom">Wishlist</span></a>
															<a href="#quick-view-content-wrappr" class="product-button quick-view-link tooltip"><i class="far fa-eye"></i><span class="tooltiptext tooltip-bottom">Quick View</span></a>
														</div>
													</div><!-- .products-list -->
												</div><!-- .widget -->
											</div>
											<div class="col-grid-4">
												<div class="recent-product-list">
													<div class="section-title-wrap text-alignleft">
														<h2 class="section-title">On Sale</h2>
													</div>
													<div class="products-list">
														<a href="#" class="product-thumb" title="Product Name"> <img alt="product" src="images/shop/product-5.jpg"  class="product-image"> <span class="ribbon-rotated onsale">-16%</span></a>
														<h5 class="product-title"><a href="#" title="Product">Cold Shoulder Faux</a></h5>
															<div class="product-ratings">
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star"></span>
																 <span class="star"></span>
															</div>
														<div class="product-price-container">
															<del class="dis-price">$65.99</del>
															<span class="fix-price">$45.99</span>
														</div>
														<div class="pruduct-buttons">
															<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
															<span class="tooltiptext tooltip-bottom">Add To Cart</span></a>
															<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-bottom">Wishlist</span></a>
															<a href="#quick-view-content-wrappr" class="product-button quick-view-link tooltip"><i class="far fa-eye"></i><span class="tooltiptext tooltip-bottom">Quick View</span></a>
														</div>
													</div><!-- .products-list -->
													<div class="products-list">
														<a href="#" class="product-thumb" title="Product Name"> <img alt="product" src="images/shop/product-6.jpg"  class="product-image"> <span class="ribbon-rotated onsale">-16%</span></a>
														<h5 class="product-title"><a href="#" title="Product">Mixed Stripe Skirt</a></h5>
															<div class="product-ratings">
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star active"></span>
																 <span class="star"></span>
																 <span class="star"></span>
															</div>
														<div class="product-price-container">
															<del class="dis-price">$65.99</del>
															<span class="fix-price">$45.99</span>
														</div>
														<div class="pruduct-buttons">
															<a href="#" class="product-button tooltip"><i class="fas fa-cart-plus"></i>
															<span class="tooltiptext tooltip-bottom">Add To Cart</span></a>
															<a href="#" class="product-button tooltip"><i class="far fa-heart"></i><span class="tooltiptext tooltip-bottom">Wishlist</span></a>
															<a href="#quick-view-content-wrappr" class="product-button quick-view-link tooltip"><i class="far fa-eye"></i><span class="tooltiptext tooltip-bottom">Quick View</span></a>
														</div>
													</div><!-- .products-list -->
												</div><!-- .widget -->
											</div>
										</div><!-- .inner-wrapper -->
										</div><!-- .container -->
									</aside><!-- .section -->
									<aside class="section no-padding-top">
										<div class="section-latest-posts">
											<div class="container">
												<div class="latest-posts-section">
													<div class="section-title-wrap">
													<h2 class="section-title">Recent News</h2>
													</div> <!-- .section-title-wrap -->
													<div class="inner-wrapper">
														<div class="col-grid-4 latest-posts-item">
															<div class="latest-posts-wrapper box-shadow-block">
																<div class="latest-posts-thumb  thumb-overlay">
																	<a href="#" ><img alt="Recent Post" src="images/latest-posts/latest-post-1.jpg"></a>
																	<div class="overlay-box">
																			<a href="#"><i class="icon-attachment"></i></a>
											                         </div>
																	<div class="latest-news-meta">
																			<div class="latest-news-date">
																				<span class="news-meta-date">08</span>
																				<span class="news-meta-months">Aug</span>
																			</div>
																	</div><!-- .latest-news-meta -->
																</div><!-- latest-posts-thumb  -->
																<div class="latest-posts-text-content-wrapper">
																	<div class="latest-posts-text-content">
																		<h3 class="latest-posts-title">
																			<a href="#">Kids To Barefoot</a>
																		</h3>
																		<p>Praesent volutpat ut nisl in hendrerit primis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere </p>
																		<div class="entry-meta latest-posts-meta">
																				<span class="byline"><span class="author vcard"><a href="#">Admin</a></span></span>
																				<span class="comments-link"><a href="#">30</a></span>
																				<span class="cat-links"><a href="#" rel="category tag">Fashion</a></span>
																		</div>
																	</div> <!-- .latest-posts-text-content -->
																</div> <!-- .latest-posts-text-content-wrapper -->
															</div> <!-- .latest-posts-wrapper -->
														</div> <!-- .latest-posts-item  -->
														<div class="col-grid-4  latest-posts-item">
															<div class="latest-posts-wrapper box-shadow-block">
																<div class="latest-posts-thumb  thumb-overlay">
																	<a href="#" ><img alt="Recent Post" src="images/latest-posts/latest-post-2.jpg"></a>
																	<div class="overlay-box">
											                                <a href="#"><i class="icon-attachment"></i></a>
											                         </div>
											                         <div class="latest-news-meta">
																			<div class="latest-news-date">
																				<span class="news-meta-date">08</span>
																				<span class="news-meta-months">Aug</span>
																			</div>
																	</div><!-- .latest-news-meta -->
																</div>
																<div class="latest-posts-text-content-wrapper">
																	<div class="latest-posts-text-content">
																		<h3 class="latest-posts-title">
																			<a href="#">To Feel By Caleb</a>
																		</h3>
																		<p>Praesent volutpat ut nisl in hendrerit primis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere </p>
																		<div class="entry-meta latest-posts-meta">
																				<span class="byline"><span class="author vcard"><a href="#">Admin</a></span></span>
																				<span class="comments-link"><a href="#">30</a></span>
																				<span class="cat-links"><a href="#" rel="category tag">Fashion</a></span>
																		</div>
																	</div> <!-- .latest-posts-text-content -->
																</div>
															</div> <!-- .latest-posts-wrapper -->
														</div> <!-- .latest-posts-item  -->
														<div class="col-grid-4 latest-posts-item">
															<div class="latest-posts-wrapper box-shadow-block">
																<div class="latest-posts-thumb  thumb-overlay">
																	<a href="#" ><img alt="Recent Post" src="images/latest-posts/latest-post-3.jpg"></a>
																	<div class="overlay-box">
											                                <a href="#"><i class="icon-attachment"></i></a>
											                         </div>
											                        <div class="latest-news-meta">
																			<div class="latest-news-date">
																				<span class="news-meta-date">08</span>
																				<span class="news-meta-months">Aug</span>
																			</div>
																	</div><!-- .latest-news-meta -->
																</div>
																<div class="latest-posts-text-content-wrapper">
																	<div class="latest-posts-text-content">
																		<h3 class="latest-posts-title">
																			<a href="#">Reconnect With Nature </a>
																		</h3>
																		<p>Praesent volutpat ut nisl in hendrerit primis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere</p>
																		<div class="entry-meta latest-posts-meta">
																				<span class="byline"><span class="author vcard"><a href="#">Admin</a></span></span>
																				<span class="comments-link"><a href="#">30</a></span>
																				<span class="cat-links"><a href="#" rel="category tag">Fashion</a></span>
																		</div>
																	</div> <!-- .latest-posts-text-content -->
																</div> <!-- .latest-posts-text-content-wrapper -->
															</div> <!-- .latest-posts-wrapper -->
														</div> <!-- .latest-posts-item  -->
													</div> <!-- .inner-wrapper -->
												</div> <!-- .container -->
											</div> <!-- .latest-posts-section -->
										</div><!-- .section-latest-posts -->
									</aside> <!-- .section -->
									<aside class="section lite-background minimal-padding boxed-width-section">
										<div class="section-news-letter">
											<div class="container">
													<div class="col-grid-6 newsletter-text">
														<span class="newsletter-icon pull-left">
															<i class="icon-envelope"></i>
														</span>
														<div class="news-letter-title">
															<h2>Subscribe Newsletter</h2>
															<p>Enter your email and subscribe latest offers</p>
														</div>
													</div>
													<div class="col-grid-6">
														<div class="news-letter-wrapper">
															<form class="news-letter-form">
																<input class="news-letter-email" type="email"  name="ne" placeholder="Enter your email address">
																<input class="news-letter-submit" type="submit" value="Subscribe">
															</form>
														</div><!-- .news-letter-wrappers -->
													</div>
											</div><!-- .container -->
										</div><!-- .section-news-letter -->
									</aside>
									<article class="section">
										<div class="instagram-section">
											<div class="container">
												<div class="section-title-wrap">
													<h2 class="section-title">Follow Us </h2>
												</div>
												<div class="instagram-inner-wrapper">
													<div class="iteam-col-6 section-carousel-enabled">
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-1.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-2.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-3.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-4.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-5.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-6.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
														<div class="insta-item">
															<a href="#"><img alt="post" src="images/instagram/post-7.jpg"></a>
															<div class="instagram-hvr-content"><span class="tottallikes"><i class="fa fa-heart"></i>0</span><span class="totalcomments"><i class="fa fa-comments"></i>0</span></div>
														</div><!-- .insta-item -->
													</div>
													<div class="instagram-caption">
														<div class="instagram-cap-wrapper">
															<a href="#" class="custom-button custom-white">Follow Us</a>
														</div>
													</div>
												</div><!-- .instagram-inner-wrapper -->
											</div><!-- .container -->
										</div><!-- .instagram-section -->
									</article><!-- .instagram-section -->
								</main> <!-- #main -->
							</div> <!-- #primary -->
						</div> <!-- .inner-wrapper -->
					</div> <!-- .container -->
				</div> <!-- #content-->
				<div class="footer-container">
					<div id="footer-widgets">
						<div class="container">
							<div class="inner-wrapper">
								<aside  class="col-grid-3 footer-widget-area">
									<h3 class="widget-title">ABOUT US</h3>
									<div class="widget-quick-contact">
			                              <p><i class="fas fa-phone" aria-hidden="true"></i> (800) 123 45 67 </p>
			                              <p><i class="fas fa-envelope" aria-hidden="true"></i> info@anilbasnet.com </p>
			                              <p><i class="far fa-map"></i> 121 King Street, Australia </p>
		                         	 </div>
									<div class="social-links brand-color circle">
										<ul>
											<li><a href="http://facebook.com/" target="_blank"></a></li>
											<li><a href="http://youtube.com/" target="_blank"></a></li>
											<li><a href="http://twitter.com/" target="_blank"></a></li>
											<li><a href="http://linkedin.com/" target="_blank">></a></li>
										</ul>
									</div> <!-- .social-links -->
								</aside> <!-- .footer-widget-area -->
								<aside  class="col-grid-3 footer-widget-area">
									<h3 class="widget-title">MY ACCOUNT</h3>
										<ul>
			                                <li><a href="#">My Account</a></li>
			                                <li><a href="#">Shopping cart</a></li>
			                                <li><a href="#l">Wishlist</a></li>
			                                <li><a href="#">Checkout</a></li>
			                                <li><a href="#">Contact</a></li>
			                            </ul>
								</aside> <!-- .footer-widget-area -->
								<aside  class="col-grid-3 footer-widget-area">
									<h3 class="widget-title">INFORMATION</h3>
									<ul>
	                                 <li><a href="#">About us</a></li>
	                                 <li><a href="#">Order History</a></li>
	                                 <li><a href="#">Returns</a></li>
	                                 <li><a href="#">Custom Service</a></li>
	                                 <li><a href="#">Terms &amp; Condition</a></li>
	                              </ul>
								</aside> <!-- .footer-widget-area -->
								<aside  class="col-grid-3 footer-widget-area">
									<h3 class="widget-title">QUICK LINKS</h3>
									<ul>
		                                <li><a href="#">about us</a></li>
		                                <li><a href="#">Delivery infomation</a></li>
		                                <li><a href="#">Terms &amp; Conditions</a></li>
		                                <li><a href="#">FAQ'S</a></li>
		                                <li><a href="#">Services</a></li>
		                            </ul>
								</aside> <!-- .footer-widget-area -->
							</div><!-- .inner-wrapper -->
						</div>  <!-- .container -->
					</div> <!-- #footer-widgets -->
					<footer id="colophon" class="site-footer">
						<div class="colophon-bottom">
							<div class="container">
								<div class="inner-wrapper">
								<div class="col-grid-4 copyright text-alignleft">
									<p> Copyright © 2018 <a href="http://www.51qianduan.com//">Byapar</a>. All rights reserved. </p>
								</div>
								<div class="col-grid-4 copyright">
									<p><span>We Accept: </span> <img src="images/payment-getway.png" alt="payment"> </p>
								</div>
								<div class="col-grid-4 site-info text-alignright ">
									<p>Byapar by <a  rel="" href="http://www.51qianduan.com//" target="_blank">Anil Basnet</a> </p>
								</div> <!-- .site-info -->
								</div><!-- .inner-wrapper -->
							</div> <!-- .container -->
						</div> <!-- .colophon-bottom -->
					</footer> <!-- footer ends here -->
				</div><!-- footer-container -->
			</div> <!--#page-->
			<div id="btn-scrollup">
				<a  title="Go Top"  class="scrollup button-circle" href="#"><i class="fas fa-angle-up"></i></a>
			</div><!-- #btn-scrollup -->
			<div class="ad-wrapper">
			   <div class="ad-header">
			   20% Off <a class="close"><i class="fa fa-times"></i></a>
			   </div>
			   <div class="ad-body">
			     <a href="#"><img alt="img" src="images/shop/product-1.jpg"></a>
			   </div>
			</div><!-- .ad-wrapper -->
			<div class="main-popup-wrapper white-popup-block mfp-hide" id="subscribe-popup">
				<div class="banner banner-newsletter main-popup">
					<div class="inner-wrapper">
					<div class="main-popup-thumb col-grid-6">
						<a href="#"><img alt="img" src="images/shop/product-1.jpg"></a>
					</div>
					<div class="banner-info-wrapper col-grid-6">
						<h3> Signup to Newsletter</h3>
						<p>Hey Linten! Join us today and get access to our latest discounts and offers as well as daily tips and tricks.</p>
						<div class="subscribe-form-wrapper">
							<div class="news-letter-wrapper">
								<form class="news-letter-form">
									<input class="news-letter-email" type="email" name="ne" placeholder="Enter your email address">
									<input class="news-letter-submit" type="submit" value="Subscribe">
								</form>
							</div>
							<div class="custom-checkbox-wrappe">
								<input type="checkbox" name="jeans" value="jeans">
								<span>Don’t show this popup again</span>
							</div>
							<div class="share-on-us text-alignleft clear-fix social-links circle brand-color">
					            <ul>
					              <li><a target="_blank" href="http://facebook.com/">Facebook</a></li>
					              <li><a target="_blank" href="http://twitter.com/">Twitter</a></li>
					              <li><a target="_blank" href="http://linkedin.com/">Linkedln</a></li>
					              <li><a target="_blank" href="http://youtube.com/">Linkedln</a></li>
					            </ul>
					        </div>
					        </div>
						</div><!-- subscribe-form-wrapper -->
					</div><!-- .banner-info-wrapper -->
				</div><!-- .main-popup -->
			</div><!-- .main-popup-wrapper -->
			<div class="quick-view-content white-popup-block mfp-hide" id="quick-view-content-wrappr">
				<div class="product-single">
					<div class="inner-wrapper">
						<div class="col-grid-6">
													<div class="single-thumb-detail clear-fix">
								<div class="single-main-thumb clear-fix">
									<div class="single-thumb"><span class="ribbon-rotated onsale">-16%</span><a href="#"><img alt="product" src="images/shop/product-1.jpg"></a></div>
									<div class="single-thumb"><span class="ribbon-rotated onsale">-16%</span><a href="#"><img alt="product" src="images/shop/product-2.jpg"></a></div>
									<div class="single-thumb"><span class="ribbon-rotated onsale">-16%</span><a href="#"><img alt="product" src="images/shop/product-3.jpg"></a></div>
									<div class="single-thumb"><span class="ribbon-rotated onsale">-16%</span><a href="#"><img alt="product" src="images/shop/product-4.jpg"></a></div>
								</div>
								<div class="pager-thumbnail  section-carousel-enabled">
									<div class="pager-thumb active"><img alt="product"  src="images/shop/product-1.jpg"></div>
									<div class="pager-thumb"><img alt="product"  src="images/shop/product-2.jpg"></div>
									<div class="pager-thumb"><img alt="product"  src="images/shop/product-3.jpg"></div>
									<div class="pager-thumb"><img alt="product"  src="images/shop/product-4.jpg"></div>
								</div><!-- .pager-thumbnail -->
							</div><!-- .single-thumb-detail -->
						</div><!-- col-grid-6 -->
						<div class="col-grid-6">
							<div class="summary entry-summary">
								<div class="product-item-details">
									<h2 class="product-title"><a href="#" title="title">Asymmetric Ruffle Skirt</a></h2>
									<div class="rating-wrapper clear-fix">
										<div class="product-ratings">
											<span class="star active"></span>
											<span class="star active"></span>
											<span class="star active"></span>
											<span class="star"></span>
											<span class="star"></span>
										</div>
										<ul class="info-links">
											<li><a href="#">(3.5) 54 Ratings </a> </li>
											<li><a href="#">  4 Reviews  </a></li>
										</ul>
									</div><!-- .rating-wrapper -->
									<div class="product-price-container">
										<del class="dis-price">$65.99</del>
										<span class="fix-price">$45.99</span>
									</div><!-- .product-price-container -->
								</div><!-- .product-item-details -->
								<div class="item-content">
									<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.</p>
								</div><!-- .item-content -->
								<div class="availability">
									<i class="fas fa-check-circle"></i>
									<span>200 in stock</span>
								</div><!-- .availability -->
								<div class="quick-filter filter-by-color">
									<div class="filter-color-container">
										<a href="#" class="filter-color-box color-1 active"></a>
										<a href="#" class="filter-color-box color-2"></a>
										<a href="#" class="filter-color-box color-3"></a>
										<a href="#" class="filter-color-box color-4"></a>
										<a href="#" class="filter-color-box color-5"></a>
										<a href="#" class="filter-color-box color-6"></a>
									</div>
								</div>
								<div class="quick-filter filter-by-size">
									<div class="filter-size-container">
										<a href="#" class="filter-size-box active">xs</a>
										<a href="#" class="filter-size-box">s</a>
										<a href="#" class="filter-size-box">m</a>
										<a href="#" class="filter-size-box">l</a>
										<a href="#" class="filter-size-box">xl</a>
									</div>
									<!-- End .filter-size-container -->
								</div>
								<form class="single-cart" method="post">
									<input type="number" class="input-text" step="1" min="1" value="1">
									<button type="submit" name="add-ro-cart" class="custom-button button-small"> Add To Cart </button>
									<button type="submit" name="add-ro-cart" class="custom-button custom-secondary-button button-small"> Wishlist </button>
								</form><!-- .single-cart -->
								<div class="entry-meta product-meta">
									<h4>CATEGORY :</h4>
									<span class="cat-links">
										<a href="#" rel="tag">Clothes,</a>
										<a href="#" rel="tag">Winter</a>
									</span>
								</div><!-- .entry-meta -->
								<div class="share-on">
							        <h4>SHARE US:</h4>
							        <div class="social-links text-alignleft">
							            <ul>
							              <li><a target="_blank" href="http://facebook.com/">Facebook</a></li>
							              <li><a target="_blank" href="http://twitter.com/">Twitter</a></li>
							              <li><a target="_blank" href="http://linkedin.com/">Linkedln</a></li>
							              <li><a target="_blank" href="http://youtube.com/">Linkedln</a></li>
							            </ul>
							        </div>
							   </div>
							</div>
						</div><!-- .col-grid-6 -->
					</div><!-- .inner-wrapper -->
				</div> <!-- .product-single -->
			</div><!-- #quick-view-content-wrappr -->
	        <div class="login-popup white-popup-block mfp-hide" id="login-popup">
	        	<div class="inner-wrapper">
	        		<div class="col-grid-6">
	        			<div class="login-account">
	        				<div class="user-acc-header">
	        					<img src="images/blog-single/author1.png" alt="">
	        					<h3>Login</h3>
	        				</div>
	        				<div class="content-body">
	        					<form>
	        						<input type="email" placeholder="Username OR Email address">
	        						<input type="password" placeholder="Password">
	        						<input type="submit" class="custom-button button-small" value="Login">
	        					</form>
	        				</div>
	        			</div> <!-- .login-account -->
	        			<div class="share-on-us text-aligncenter clear-fix social-links circle brand-color">
			        	<h3>Login With :</h3>
				            <ul>
				              <li><a target="_blank" href="http://facebook.com/">Facebook</a></li>
				              <li><a target="_blank" href="http://twitter.com/">Twitter</a></li>
				              <li><a target="_blank" href="http://linkedin.com/">Linkedln</a></li>
				              <li><a target="_blank" href="http://youtube.com/">Linkedln</a></li>
				            </ul>
				        </div>
	        		</div><!-- .col-grid-6 -->
	        		<div class="col-grid-6">
	        			<div class="register-account">
	        				<div class="user-acc-header">
	        					<h3>Register</h3>
	        				</div>
	        				<div class="content-body">
	        					<form>
	        						<input type="text" placeholder="Name">
	        						<input type="text" placeholder="Mobile number">
	        						<input type="email" placeholder="Email address">
	        						<input type="password" placeholder="Password">
	        						<input type="submit" class="btn btn-custom2" value="Register">
	        					</form>
	        				</div>
	        			</div><!-- .register-account -->
	        			<div class="share-on-us text-aligncenter clear-fix social-links circle brand-color">
			        	<h3>Register With :</h3>
				            <ul>
				              <li><a target="_blank" href="http://facebook.com/">Facebook</a></li>
				              <li><a target="_blank" href="http://twitter.com/">Twitter</a></li>
				              <li><a target="_blank" href="http://linkedin.com/">Linkedln</a></li>
				              <li><a target="_blank" href="http://youtube.com/">Linkedln</a></li>
				            </ul>
				        </div>
	        		</div><!-- .col-grid-6 -->
	        	</div><!-- .inner-wrapper -->
	        </div><!-- .user-account-popup -->
			<!--Include all compiled plugins (below), or include individual files as needed-->
		</body>
	</html>



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


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

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

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

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