紅色簡潔風格的時尚服裝商城網站源碼下載



7 24 9



模板描述:紅色簡潔風格 時尚服裝 商城網站,紅色簡潔風格的時尚服裝商城網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/meanmenu.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

3. HTML代碼

        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <!-- Add your site or application content here -->
		<!-- header start -->
        <header>
			<div class="header-top-area">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-sm-6">
							<div class="top-info">
								<p>Call us free 24/7 : (+86) 6 888 888</p>
							</div>
						</div>
						<div class="col-md-6 col-sm-6">
							<div class="top-nav">
								<div class="currency dropdown">
									<ul>
										<li><a href="#">USD</a>
											<ul>
												<li><a href="#">USD</a></li>
												<li><a href="#">EUR</a></li>
												<li><a href="#">GBP</a></li>
												<li><a href="#">JPY</a></li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="language dropdown">
									<ul>
										<li><a href="#">ENGLISH</a>
											<ul>
												<li><a href="#">ENGLISH</a></li>
												<li><a href="#">FRANCE</a></li>
												<li><a href="#">GERMANY</a></li>
												<li><a href="#">JAPANESE</a></li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="account">
									<a class="login" href="login.html">Sign in</a>
									<span>Or</span>
									<a class="register" href="login.html">Register</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- header-bottom-area start -->
			<div id="sticker" class="header-bottom-area">
				<div class="container">
					<div class="inner-container">
						<div class="row">
							<div class="col-md-2 col-sm-4 col-xs-6">
								<div class="logo">
									<a href="index.html"><img src="img/logo.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-8 hidden-xs hidden-sm">
								<div class="main-menu">
									<nav>
										<ul>
											<li><a href="index.html">home</a>
												<ul>
													<li><a href="index.html">home version 1</a></li>
													<li><a href="index-2.html">home version 2</a></li>
													<li><a href="index-3.html">home version 3</a></li>
													<li><a href="index-4.html">home version box</a></li>
												</ul>
											</li>
											<li><a href="about.html">about</a></li>
											<li><a href="blog.html">blog</a>
												<ul>
													<li><a href="blog.html">blog</a></li>
													<li><a href="single-blog.html">Blog Details</a></li>
												</ul>
											</li>
											<li><a href="shop.html">shop</a>
												<div class="mega-menu mega-menu-2">
													<span>
														<a href="shop.html" class="mega-title">WOMEN CLOTH </a>
														<a href="shop.html">casual shirt</a>
														<a href="shop.html">rikke t-shirt</a>
														<a href="shop.html">mia top </a>
														<a href="shop.html">muscle tee </a>
													</span>
													<span>
														<a href="shop.html" class="mega-title">MEN CLOTH </a>
														<a href="shop.html">casual shirt</a>
														<a href="shop.html">rikke t-shirt</a>
														<a href="shop.html">mia top </a>
														<a href="shop.html">muscle tee </a>
													</span>
													<span class="no-padd-r">
														<a href="shop.html" class="mega-title">WOMEN JEWELRY </a>
														<a href="shop.html">necklace </a>
														<a href="shop.html">chunky short striped </a>
														<a href="shop.html">samhar cuff</a>
														<a href="shop.html">nail set </a>
													</span>
													<span class="mega-menu-img">
														<a href="shop.html"><img alt="" src="img/customblock-1.jpg"></a>
													</span>
												</div>
											</li>
											<li><a href="shop.html">cloth</a>										</li>
											<li><a href="#">pages</a>
												<ul>
													<li><a href="about.html">about</a></li>
													<li><a href="contact.html">contact</a></li>
													<li><a href="cart.html">shopping cart</a></li>
													<li><a href="checkout.html">checkout</a></li>
													<li><a href="wishlist.html">wishlist</a></li>
													<li><a href="login.html">login</a></li>
													<li><a href="shop.html">shop left sidebar</a></li>
													<li><a href="shop-right-sidebar.html">shop right sidebar</a></li>
													<li><a href="shop-4-column.html">shop 4 column</a></li>
													<li><a href="product-details.html">product details</a></li>
													<li><a href="404.html">404 error</a></li>
												</ul>
											</li>
											<li><a href="contact.html">contact</a></li>
										</ul>
									</nav>
								</div>
							</div>
							<div class="col-md-2 col-sm-8 col-xs-6 header-right">
								<div class="my-cart">
									<div class="total-cart">
										<a href="cart.html">
											<img src="img/cart/cart.png" alt="" />
											<span>3</span>
										</a>
									</div>
									<ul>
										<li>
											<div class="cart-img">
												<a href="#"><img alt="" src="img/cart/1.jpg"></a>
											</div>
											<div class="cart-info">
												<h4><a href="#">Vestibulum suscipit</a></h4>
												<span>£165.00 <span>x 1</span></span>
											</div>
											<div class="del-icon">
												<i class="fa fa-times-circle"></i>
											</div>
										</li>
										<li>
											<div class="cart-img">
												<a href="#"><img alt="" src="img/cart/1.jpg"></a>
											</div>
											<div class="cart-info">
												<h4><a href="#">Vestibulum suscipit</a></h4>
												<span>£165.00 <span>x 1</span></span>
											</div>
											<div class="del-icon">
												<i class="fa fa-times-circle"></i>
											</div>
										</li>
										<li>
											<div class="cart-img">
												<a href="#"><img alt="" src="img/cart/1.jpg"></a>
											</div>
											<div class="cart-info">
												<h4><a href="#">Vestibulum suscipit</a></h4>
												<span>£165.00 <span>x 1</span></span>
											</div>
											<div class="del-icon">
												<i class="fa fa-times-circle"></i>
											</div>
										</li>
										<li class="cart-border">
											<div class="subtotal-text">Subtotal: </div>
											<div class="subtotal-price">£300.00</div>
										</li>
										<li>
											<a class="cart-button" href="checkout.html">view cart</a>
											<a class="checkout" href="checkout.html">checkout</a>
										</li>
									</ul>
								</div>
								<div class="header-search">
									  <!-- SEARCH BAR -->
									  <div class="dropdown">
										<a href="javascript:void(0);" class="search-open">
											<img src="img/search.png" alt="" />
										</a>
										<div class="search-inside animated bounceInUp"> <i class="icon-close search-close fa fa-times"></i>
										  <div class="search-overlay"></div>
										  <div class="position-center-center">
											<div class="search">
											  <form>
												<input type="search" placeholder="Search Shop">
												<button type="submit"><i class="fa fa-search"></i></button>
											  </form>
											</div>
										  </div>
										</div>
									  </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- header-bottom-area end -->
			<!-- mobile-menu-area start -->
			<div class="mobile-menu-area visible-xs visible-sm">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="mobile-menu">
								<nav id="dropdown">
									<ul>
										<li><a href="index.html">Home</a>
											<ul>
												<li><a href="index.html">home version 1</a></li>
												<li><a href="index-2.html">home version 2</a></li>
												<li><a href="index-3.html">home version 3</a></li>
												<li><a href="index-4.html">home version box</a></li>
											</ul>
										</li>
										<li><a href="about.html">About</a></li>
										<li><a href="blog.html">blog</a></li>
										<li><a href="shop.html">Shop</a>
											<ul>
												<li><a href="#">WOMEN CLOTH</a>
													<ul>
														<li><a href="shop.html">casual shirt</a></li>
														<li><a href="shop.html">rikke t-shirt</a></li>
														<li><a href="shop.html">mia top </a></li>
														<li><a href="shop.html">muscle tee</a></li>
													</ul>
												</li>
												<li><a href="#">MEN CLOTH</a>
													<ul>
														<li><a href="shop.html">casual shirt</a></li>
														<li><a href="shop.html">rikke t-shirt</a></li>
														<li><a href="shop.html">mia top </a></li>
														<li><a href="shop.html">muscle tee</a></li>
													</ul>
												</li>
												<li><a href="#">WOMEN JEWELRY</a>
													<ul>
														<li><a href="shop.html">necklace </a></li>
														<li><a href="shop.html">chunky short striped</a></li>
														<li><a href="shop.html">samhar cuff </a></li>
														<li><a href="shop.html">nail set</a></li>
													</ul>
												</li>
											</ul>
										</li>
										<li><a href="shop.html">Footwear </a></li>
										<li><a href="#">Pages</a>
											<ul>
												<li><a href="about.html">about</a></li>
												<li><a href="contact.html">contact</a></li>
												<li><a href="cart.html">shopping cart</a></li>
												<li><a href="checkout.html">checkout</a></li>
												<li><a href="wishlist.html">wishlist</a></li>
												<li><a href="login.html">login</a></li>
												<li><a href="shop.html">shop left sidebar</a></li>
												<li><a href="shop-right-sidebar.html">shop right sidebar</a></li>
												<li><a href="shop-4-column.html">shop 4 column</a></li>
												<li><a href="product-details.html">product details</a></li>
												<li><a href="404.html">404 error</a></li>
											</ul>
										</li>
										<li><a href="contact.html">Contact</a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- mobile-menu-area end -->
		</header>
		<!-- header end -->
		<!-- slider-area start -->
		<div class="slider-area">
			<div class="slider-active">
				<div class="single-slider slide-height d-flex align-items-center" data-background="img/slider/slide3.jpg">
					<div class="container">
						<div class="row">
							<div class="col-lg-7">
								<div class="slide-content slide-white">
									<h1 data-animation="fadeInUp" data-delay=".5s">Best Fashion Shop</h1>
									<p data-animation="fadeInUp" data-delay="1s">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
										<br> eiusmod tempor incididunt ut labore et dolore magna</p>
									<a class="btn btn-white" href="shop.html" data-animation="fadeInUp" data-delay="1.5s">shop now</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="single-slider slide-height d-flex align-items-center" data-background="img/slider/slide2.jpg">
					<div class="container">
						<div class="row">
							<div class="col-lg-8 col-lg-offset-2">
								<div class="slide-content slide-white text-center">
									<h1 data-animation="fadeInUp" data-delay=".5s">Trendy Fashion Shop</h1>
									<p data-animation="fadeInUp" data-delay="1s">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
										<br> eiusmod tempor incididunt ut labore
										et dolore magna</p>
									<a class="btn btn-white" href="shop.html" data-animation="fadeInUp" data-delay="1.5s">shop now</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="single-slider slide-height d-flex align-items-center" data-background="img/slider/slide1.jpg">
					<div class="container">
						<div class="row">
							<div class="col-lg-7">
								<div class="slide-content slide-white">
									<h1 data-animation="fadeInUp" data-delay=".5s">Best Fashion Shop</h1>
									<p data-animation="fadeInUp" data-delay="1s">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
										<br> eiusmod tempor incididunt ut labore
										et dolore magna</p>
									<a class="btn btn-white" href="shop.html" data-animation="fadeInUp" data-delay="1.5s">shop now</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- slider-area end -->
		<!-- banner-area start -->
		<div class="banner-area bg-color pad-60">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-12">
						<div class="row">
							<div class="col-md-6 col-sm-6">
								<div class="single-banner banner-item2">
									<a class="banner-thumb" href="#">
										<img src="img/banner/shop-cat5.jpg" alt="" />
									</a>
									<div class="banner-caption">
										<span class="shop-cat-subtitle">Sale off</span>
										<h2><a href="#">hot fashion</a></h2>
										<span class="shop-cat-sale">cloth Collection 2018</span>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6">
								<div class="single-banner banner-item2">
									<a class="banner-thumb" href="#">
										<img src="img/banner/banner1.jpg" alt="" />
									</a>
									<div class="banner-caption">
										<span class="shop-cat-subtitle">Sale off</span>
										<h2><a href="#">new fashion</a></h2>
										<span class="shop-cat-sale">cloth Collection 2018</span>
									</div>
								</div>
							</div>
							<div class="col-md-12 col-sm-12">
								<div class="single-banner banner-item2 banner-marg">
									<a class="banner-thumb" href="#">
										<img src="img/banner/shop-cat7.jpg" alt="" />
									</a>
									<div class="banner-caption">
										<span class="shop-cat-subtitle">Sale off</span>
										<h2><a href="#">women fashion</a></h2>
										<span class="shop-cat-sale">cloth Collection 2018</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 hidden-sm">
						<div class="single-banner banner-item1">
							<a class="banner-thumb" href="#">
								<img src="img/banner/shop-cat4.jpg" alt="" />
							</a>
							<div class="banner-caption">
								<span class="shop-cat-subtitle">Black</span>
								<h2><a href="#">Collection</a></h2>
								<span class="shop-cat-sale">Save up to 30% off</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- banner-area end -->
		<!-- featured-area start -->
		<div class="featured-area pad-60">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="product-tab">
						    <!-- Nav tabs -->
							<ul class="product-nav" role="tablist">
								<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">men chose</a></li>
								<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">women chose</a></li>
								<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">new arrival</a></li>
							</ul>
							<!-- Tab panes -->
							<div class="tab-content">
								<div role="tabpanel" class="tab-pane active" id="home">
									<div class="row">
										<div class="product-curosel">
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/1.jpg" alt="" />
															<img class="secondary-img" src="img/product/11.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/2.jpg" alt="" />
															<img class="secondary-img" src="img/product/12.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$80.00</span>
															<span class="old">$90.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/3.jpg" alt="" />
															<img class="secondary-img" src="img/product/13.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$80.00</span>
															<span class="old">$90.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/4.jpg" alt="" />
															<img class="secondary-img" src="img/product/14.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$80.00</span>
															<span class="old">$90.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/5.jpg" alt="" />
															<img class="secondary-img" src="img/product/15.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$80.00</span>
															<span class="old">$90.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/6.jpg" alt="" />
															<img class="secondary-img" src="img/product/16.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/7.jpg" alt="" />
															<img class="secondary-img" src="img/product/17.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/8.jpg" alt="" />
															<img class="secondary-img" src="img/product/18.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
										</div>
									</div>
								</div>
								<div role="tabpanel" class="tab-pane" id="profile">
									<div class="row">
										<div class="product-curosel">
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w1.jpg" alt="" />
															<img class="secondary-img" src="img/product/w11.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w2.jpg" alt="" />
															<img class="secondary-img" src="img/product/w12.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w3.jpg" alt="" />
															<img class="secondary-img" src="img/product/w13.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w4.jpg" alt="" />
															<img class="secondary-img" src="img/product/w14.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w5.jpg" alt="" />
															<img class="secondary-img" src="img/product/w15.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w6.jpg" alt="" />
															<img class="secondary-img" src="img/product/w16.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w7.jpg" alt="" />
															<img class="secondary-img" src="img/product/w17.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w8.jpg" alt="" />
															<img class="secondary-img" src="img/product/w18.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
										</div>
									</div>
								</div>
								<div role="tabpanel" class="tab-pane" id="messages">
									<div class="row">
										<div class="product-curosel">
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/9.jpg" alt="" />
															<img class="secondary-img" src="img/product/19.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w10.jpg" alt="" />
															<img class="secondary-img" src="img/product/w20.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/11.jpg" alt="" />
															<img class="secondary-img" src="img/product/21.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w12.jpg" alt="" />
															<img class="secondary-img" src="img/product/w25.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/18.jpg" alt="" />
															<img class="secondary-img" src="img/product/15.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/20.jpg" alt="" />
															<img class="secondary-img" src="img/product/1.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/21.jpg" alt="" />
															<img class="secondary-img" src="img/product/5.jpg" alt="" />
														</a>
														<span class="tag-line">new</span>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
											<!-- single-product start -->
											<div class="col-md-12">
												<div class="single-product">
													<div class="product-img">
														<a href="product-details.html">
															<img src="img/product/w2.jpg" alt="" />
															<img class="secondary-img" src="img/product/w24.jpg" alt="" />
														</a>
														<div class="product-action">
															<div class="button-top">
																<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
																<a href="#" ><i class="fa fa-heart"></i></a>
															</div>
															<div class="button-cart">
																<button><i class="fa fa-shopping-cart"></i> add to cart</button>
															</div>
														</div>
													</div>
													<div class="product-content">
														<div class="pro-rating">
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star-o"></i>
														</div>
														<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
														<div class="price">
															<span>$70.00</span>
															<span class="old">$80.11</span>
														</div>
													</div>
												</div>
											</div>
											<!-- single-product end -->
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- featured-area end -->
		<!-- upcoming-product-area start -->
		<div class="upcoming-product-area pad-60">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="upcoming-product text-center">
							<h2>deals of the day</h2>
							<p>Sale Minimum 25% Discount Or Up To 80% Off On A Big Range Of Clothing</p>
							<div class="timer">
								<div data-countdown="2019/03/01"></div>
							</div>
							<a href="#" class="shop_now">SHOP NOW</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- upcoming-product-area end -->
		<!-- category-area start -->
		<div class="category-area pad-60">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section-title text-center">
							<h2>what’s hot</h2>
							<img src="img/section-title.png" alt="" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="product-curosel">
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/15.jpg" alt="" />
										<img class="secondary-img" src="img/product/16.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/5.jpg" alt="" />
										<img class="secondary-img" src="img/product/7.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/16.jpg" alt="" />
										<img class="secondary-img" src="img/product/14.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/20.jpg" alt="" />
										<img class="secondary-img" src="img/product/21.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/11.jpg" alt="" />
										<img class="secondary-img" src="img/product/6.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/6.jpg" alt="" />
										<img class="secondary-img" src="img/product/7.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/7.jpg" alt="" />
										<img class="secondary-img" src="img/product/8.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/5.jpg" alt="" />
										<img class="secondary-img" src="img/product/2.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/8.jpg" alt="" />
										<img class="secondary-img" src="img/product/9.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/10.jpg" alt="" />
										<img class="secondary-img" src="img/product/11.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/12.jpg" alt="" />
										<img class="secondary-img" src="img/product/16.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/7.jpg" alt="" />
										<img class="secondary-img" src="img/product/12.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/6.jpg" alt="" />
										<img class="secondary-img" src="img/product/7.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/1.jpg" alt="" />
										<img class="secondary-img" src="img/product/9.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
						<!-- single-product start -->
						<div class="col-md-12">
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/3.jpg" alt="" />
										<img class="secondary-img" src="img/product/10.jpg" alt="" />
									</a>
									<span class="tag-line">new</span>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
							<div class="single-product">
								<div class="product-img">
									<a href="product-details.html">
										<img src="img/product/12.jpg" alt="" />
										<img class="secondary-img" src="img/product/9.jpg" alt="" />
									</a>
									<div class="product-action">
										<div class="button-top">
											<a href="#" data-toggle="modal" data-target="#productModal"><i class="fa fa-search"></i></a>
											<a href="#" ><i class="fa fa-heart"></i></a>
										</div>
										<div class="button-cart">
											<button><i class="fa fa-shopping-cart"></i> add to cart</button>
										</div>
									</div>
								</div>
								<div class="product-content">
									<div class="pro-rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
									</div>
									<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
									<div class="price">
										<span>$70.00</span>
										<span class="old">$80.11</span>
									</div>
								</div>
							</div>
						</div>
						<!-- single-product end -->
					</div>
				</div>
			</div>
		</div>
		<!-- category-area end -->
		<!-- latest-blog-area start -->
		<div class="latest-blog-area pad-60">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section-title white text-center">
							<h2>LATEST NEWS</h2>
							<img src="img/section-title-white.png" alt="" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="blog-curosel">
						<div class="col-md-12">
							<div class="blog-wrapper">
								<div class="blog-img">
									<a href="single-blog.html"><img src="img/blog/4.jpg" alt="" /></a>
									<span class="blog-date">sep <br /> 21</span>
								</div>
								<div class="blog-content">
									<h3><a href="single-blog.html">Lorem ipsum dolor sit</a></h3>
									<div class="blog-meta">
										<span class="blog-author">By <a href="#">jon doe</a></span>
										<span class="blog-cat">in <a href="#">men's Style</a></span>
										<span class="blog-comments">12 <a href="#"> Comments</a></span>
									</div>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.</p>
									<a class="read-more" href="#">Read more <i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							<div class="blog-wrapper">
								<div class="blog-img">
									<a href="single-blog.html"><img src="img/blog/2.jpg" alt="" /></a>
									<span class="blog-date">sep <br /> 21</span>
								</div>
								<div class="blog-content">
									<h3><a href="single-blog.html">Sharp looks for 2018</a></h3>
									<div class="blog-meta">
										<span class="blog-author">By <a href="#">jon doe</a></span>
										<span class="blog-cat">in <a href="#">men's Style</a></span>
										<span class="blog-comments">12 <a href="#"> Comments</a></span>
									</div>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.</p>
									<a class="read-more" href="#">Read more <i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							<div class="blog-wrapper">
								<div class="blog-img">
									<a href="single-blog.html"><img src="img/blog/3.jpg" alt="" /></a>
									<span class="blog-date">sep <br /> 21</span>
								</div>
								<div class="blog-content">
									<h3><a href="single-blog.html">seasonal summer 2018</a></h3>
									<div class="blog-meta">
										<span class="blog-author">By <a href="#">jon doe</a></span>
										<span class="blog-cat">in <a href="#">men's Style</a></span>
										<span class="blog-comments">12 <a href="#"> Comments</a></span>
									</div>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.</p>
									<a class="read-more" href="#">Read more <i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							<div class="blog-wrapper">
								<div class="blog-img">
									<a href="single-blog.html"><img src="img/blog/1.jpg" alt="" /></a>
									<span class="blog-date">sep <br /> 21</span>
								</div>
								<div class="blog-content">
									<h3><a href="single-blog.html">New items this week</a></h3>
									<div class="blog-meta">
										<span class="blog-author">By <a href="#">jon doe</a></span>
										<span class="blog-cat">in <a href="#">men's Style</a></span>
										<span class="blog-comments">12 <a href="#"> Comments</a></span>
									</div>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.</p>
									<a class="read-more" href="#">Read more <i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							<div class="blog-wrapper">
								<div class="blog-img">
									<a href="single-blog.html"><img src="img/blog/5.jpg" alt="" /></a>
									<span class="blog-date">sep <br /> 21</span>
								</div>
								<div class="blog-content">
									<h3><a href="single-blog.html">New items this week</a></h3>
									<div class="blog-meta">
										<span class="blog-author">By <a href="#">jon doe</a></span>
										<span class="blog-cat">in <a href="#">men's Style</a></span>
										<span class="blog-comments">12 <a href="#"> Comments</a></span>
									</div>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.</p>
									<a class="read-more" href="#">Read more <i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							<div class="blog-wrapper">
								<div class="blog-img">
									<a href="single-blog.html"><img src="img/blog/2.jpg" alt="" /></a>
									<span class="blog-date">sep <br /> 21</span>
								</div>
								<div class="blog-content">
									<h3><a href="single-blog.html">New items this week</a></h3>
									<div class="blog-meta">
										<span class="blog-author">By <a href="#">jon doe</a></span>
										<span class="blog-cat">in <a href="#">men's Style</a></span>
										<span class="blog-comments">12 <a href="#"> Comments</a></span>
									</div>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since.</p>
									<a class="read-more" href="#">Read more <i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- latest-blog-area end -->
		<!-- brand-area start -->
		<div class="brand-area pad-60">
			<div class="container">
				<div class="brand-inner-container">
					<div class="row">
						<div class="col-md-12">
							<div class="section-title text-center">
								<h2>Our brand</h2>
								<img src="img/section-title.png" alt="" />
							</div>
						</div>
					</div>
					<div class="row">
						<div class="brand-curosel">
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
							<div class="col-md-12">
								<div class="single-brand">
									<a href="#"><img src="img/brand/1.png" alt="" /></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- brand-area end -->
		<!-- footer start -->
		<footer>
			<div class="footer-subscribe-area pad-60">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="subscribe-us text-center">
								<h4>NEWSLETTER</h4>
								<span>Phasellus lacinia fermentum bibendum. Interdum et malesuada fames ac ante ipsumien lacus, eu posuere odi </span>
								<form action="#">
									<input type="email" placeholder="Enter your email address">
									<button type="submit">SEND ME</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer-top-area start -->
			<div class="footer-top-area">
				<div class="container">
					<div class="row">
						<!-- footer-widget start -->
						<div class="col-lg-3 col-md-3 col-sm-4 footer-marg">
							<div class="footer-widget">
								<h3>ABOUT US</h3>
								<p>Cras ac tempus ipsum etiam eu libero suscipit. Zolutpat ante a malesuada nunc, junc sit amet elementum est semper leo vel ante vestibulum </p>
								<div class="social">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
									<a href="#"><i class="fa fa-pinterest"></i></a>
								</div>
							</div>
						</div>
						<!-- footer-widget end -->
						<!-- footer-widget start -->
						<div class="col-lg-2 col-md-2 hidden-md hidden-sm footer-marg">
							<div class="footer-widget">
								<h3>OUR INFORMATION</h3>
								<ul class="footer-menu">
									<li><a href="#">Return Policy</a></li>
									<li><a href="#">Privacy Policy</a></li>
									<li><a href="#">Terms &amp; Conditions</a></li>
									<li><a href="#">Site Map</a></li>
									<li><a href="#">Store Hours</a></li>
								</ul>
							</div>
						</div>
						<!-- footer-widget end -->
						<!-- footer-widget start -->
						<div class="col-lg-2 col-md-3 col-sm-4 hidden-sm footer-marg">
							<div class="footer-widget">
								<h3>MY ACCOUNT</h3>
								<ul class="footer-menu">
									<li><a href="#">Delivery</a></li>
									<li><a href="#">Payment</a></li>
									<li><a href="#">Return Policy</a></li>
									<li><a href="#">Contact</a></li>
									<li><a href="#">About Us</a></li>
								</ul>
							</div>
						</div>
						<!-- footer-widget end -->
						<!-- footer-widget start -->
						<div class="col-lg-2 col-md-3 col-sm-4 footer-marg">
							<div class="footer-widget">
								<h3>Our services</h3>
								<ul class="footer-menu">
									<li><a href="#">Shipping & Returns</a></li>
									<li><a href="#">Secure Shopping</a></li>
									<li><a href="#">International Shipping</a></li>
									<li><a href="#">Affiliates</a></li>
									<li><a href="#">Contact</a></li>
								</ul>
							</div>
						</div>
						<!-- footer-widget end -->
						<!-- footer-widget start -->
						<div class="col-lg-3 col-md-3 col-sm-4 footer-marg">
							<div class="footer-widget">
								<h3>Our instagram</h3>
								<ul class="instagram-thumb">
									<li><a href="#"><img alt="" src="img/instagram/thumbnail1.jpg"></a></li>
									<li><a href="#"><img alt="" src="img/instagram/thumbnail2.jpg"></a></li>
									<li><a href="#"><img alt="" src="img/instagram/thumbnail3.jpg"></a></li>
									<li><a href="#"><img alt="" src="img/instagram/thumbnail4.jpg"></a></li>
									<li><a href="#"><img alt="" src="img/instagram/thumbnail5.jpg"></a></li>
									<li><a href="#"><img alt="" src="img/instagram/thumbnail6.jpg"></a></li>
								</ul>
							</div>
						</div>
						<!-- footer-widget end -->
					</div>
				</div>
			</div>
			<!-- footer-top-area end -->
			<!-- footer-bottom-area start -->
			<div class="footer-bottom-area">
				<div class="container">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-6">
							<div class="copyright">
								<p>Copyright ? <a href="http://www.cqetom.live//">Richman</a>. All Rights Reserved</p>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-6">
							<div class="payment-img">
								<img src="img/payment.png" alt="" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- footer-bottom-area end -->
		</footer>
		<!-- footer end -->
		<!-- Modal -->
		<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
		  <div class="modal-dialog" role="document">
			<div class="modal-content">
			  <div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
			  </div>
			  <div class="modal-body">
				<div class="modal-img">
					<a href="shop.html"><img src="img/product/1.jpg" alt="" /></a>
				</div>
				<div class="modal-pro-content">
					<h3><a href="product-details.html">Phasellus Vel Hendrerit</a></h3>
					<div class="pro-rating">
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star-o"></i>
					</div>
					<span>(2 customer reviews)</span>
					<div class="price">
						<span>$70.00</span>
						<span class="old">$80.11</span>
					</div>
					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet.</p>
					<form action="#">
						<input type="number" value="1" />
						<button>Add to cart</button>
					</form>
					<div class="product_meta">
						<span class="posted_in">Categories: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span> <span class="tagged_as">Tags: <a rel="tag" href="#">Albums</a>, <a rel="tag" href="#">Music</a></span>
					</div>
					<div class="social">
						<a href="#"><i class="fa fa-facebook"></i></a>
						<a href="#"><i class="fa fa-twitter"></i></a>
						<a href="#"><i class="fa fa-google-plus"></i></a>
						<a href="#"><i class="fa fa-instagram"></i></a>
						<a href="#"><i class="fa fa-pinterest"></i></a>
					</div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
		<!-- Modal end -->
		<!-- all js here -->
		<!-- jquery latest version -->
		<!-- bootstrap js -->
		<!-- owl.carousel js -->
		<!-- meanmenu js -->
		<!-- jquery-ui js -->
		<!-- wow js -->
		<!-- plugins js -->
		<!-- main js -->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 bootstrap bootstrap自適應 bootstrap響應式 電商 網店 商城 歐美風 歐美 歐洲 美洲 pc+wap 移動+電腦 手機+電腦 紅色 大氣 霸氣 服裝 服飾 服裝公司 服飾公司 服裝廠 服飾廠
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 在农村卖庞物赚钱吗 七乐彩分析 辽宁微乐棋牌官方网站 陕西快乐十分任2 181137星彩开奖号码 89彩票群 qq分分彩官网走势图 加拿大做啥赚钱 初中学生网上赚钱 幸运飞艇软件苹果 竞彩足球比分结果更新 江苏快3今天走势图解 腾讯分分彩计划两期app 3d6胆组 2019棋牌游戏新游戏 ok99彩票安卓