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



7 24 9



模板描述:红色简洁风格 服装包包商城 整站网站,红色简洁风格的服装包包商城整站网站源码下载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 bootstrap自适应 bootstrap响应式 电商 网店 商城 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 红色 大气 霸气 服装 服饰 服装公司 服饰公司 服装厂 服饰厂

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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