綠色簡潔風格的家具電子商城網站源碼下載



9 32 11



模板描述:綠色簡潔風格 家具電子 商城網站,綠色簡潔風格的家具電子商城網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/ionicons.min.css" rel="stylesheet">
<link href="assets/css/plugins.css" rel="stylesheet">
<link href="assets/css/helper.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">

2. 引入JS

<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
<script src="assets/js/vendor/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>

3. HTML代碼

	<!--=============================================
	=            header container         =
	=============================================-->
	<div class="header-container header-sticky">
		<!--=============================================
		=            header top         =
		=============================================-->
		<div class="header-top pt-15 pb-15">
			<div class="container">
				<div class="row">
					<div class="col-12 col-lg-6">
						<div class="header-top-text text-center text-lg-left mb-0 mb-md-15 mb-sm-15">
								<p><i class="icon ion-md-alarm"></i> Ordered before 17:30, shipped today - <span class="support-no">Support: (012) 800 456 789</span></p>
						</div>
					</div>
					<div class="col-12 col-lg-6">
						<!--=======  header top dropdowns  =======-->
						<div class="header-top-dropdown d-flex justify-content-center justify-content-lg-end">
							<!--=======  single dropdown  =======-->
							<div class="single-dropdown">
								<span class="d-none d-sm-inline-block">Language:</span> <a href="#" id="changeLanguage"><span id="languageName">English <i class="fa fa-angle-down"></i></span></a>
								<div class="language-currency-list hidden" id="languageList">
									<ul>
										<li><a href="#">English</a></li>
										<li><a href="#">Fran?ais</a></li>
									</ul>
								</div>
							</div>
							<span class="separator pl-15 pr-15">|</span>
							<!--=======  End of single dropdown  =======-->
							<!--=======  single dropdown  =======-->
							<div class="single-dropdown">
							<span class="d-none d-sm-inline-block">Currency:</span>  <a href="#" id="changeCurrency"><span id="currencyName">USD $ <i class="fa fa-angle-down"></i></span></a>
								<div class="language-currency-list hidden" id="currencyList">
									<ul>
										<li><a href="#">USD $</a></li>
										<li><a href="#">EURO €</a></li>
									</ul>
								</div>
							</div>
							<span class="separator pl-15 pr-15">|</span>
							<!--=======  End of single dropdown  =======-->
							<!--=======  single dropdown  =======-->
							<div class="single-dropdown">
								<a href="#" id="changeAccount"><span id="accountMenuName">My Account <i class="fa fa-angle-down"></i></span></a>
								<div class="language-currency-list hidden" id="accountList">
									<ul>
										<li><a href="cart.html">Cart</a></li>
										<li><a href="checkout.html">Checkout</a></li>
										<li><a href="my-account.html">My Account</a></li>
										<li><a href="login-register.html">Login</a></li>
									</ul>
								</div>
							</div>
							<!--=======  End of single dropdown  =======-->
						</div>
						<!--=======  End of header top dropdowns  =======-->
					</div>
				</div>
			</div>
		</div>
		<!--=====  End of header top  ======-->
		<!--=============================================
		=            navigation menu top            =
		=============================================-->
		<div class="navigation-menu-top pt-35 pb-35 pt-md-15 pb-md-15 pt-sm-15 pb-sm-15">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-6 col-lg-2 col-md-6 col-sm-6 order-1 order-lg-1">
						<!--=======  logo  =======-->
						<div class="logo">
							<a href="index.html">
								<img src="assets/images/logo.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of logo  =======-->
					</div>
					<div class="col-12 col-lg-8 col-md-12 col-sm-12 order-3 order-lg-2">
						<!--=======  header feature container  =======-->
						<div class="header-feature-container mt-md-15 mt-sm-15">
							<!--=======  single feature  =======-->
							<div class="single-feature d-flex">
								<div class="image">
									<i class="icon ion-md-globe"></i>
								</div>
								<div class="content">
									<h5>FREE SHIPPING</h5>
									<p>Free shipping on all order</p>
								</div>
							</div>
							<!--=======  End of single feature  =======-->	
							<!--=======  single feature  =======-->
							<div class="single-feature d-flex">
								<div class="image">
									<i class="icon ion-md-checkmark-circle-outline"></i>
								</div>
								<div class="content">
									<h5>MONEY RETURN</h5>
									<p>Back guarantee under 7 days</p>
								</div>
							</div>
							<!--=======  End of single feature  =======-->	
							<!--=======  single feature  =======-->
							<div class="single-feature d-flex mb-sm-0">
								<div class="image">
									<i class="icon ion-md-notifications-outline"></i>
								</div>
								<div class="content">
									<h5>MEMBER DISCOUNT</h5>
									<p>On every order over $120.00</p>
								</div>
							</div>
							<!--=======  End of single feature  =======-->	
						</div>
						<!--=======  End of header feature container  =======-->
					</div>
					<div class=" col-6 col-lg-2 col-md-6 col-sm-6 order-2 order-lg-3">
						<!--=======  cart icon  =======-->
						<div class="minicart-section">
							<a href="#" id="cart-icon">
								<span class="image"><i class="icon ion-md-cart"></i></span>
								<h5>$215.00 <i class="fa fa-angle-down"></i></h5>
								<p>3 items</p>
							</a>
							<!-- cart floating box -->
							<div class="cart-floating-box hidden" id="cart-floating-box">
								<div class="cart-items">
									<div class="cart-float-single-item d-flex">
										<span class="remove-item" id="remove-item"><a href="#"><i class="icon ion-md-close"></i></a></span>
										<div class="cart-float-single-item-image">
											<a href="single-product.html"><img src="assets/images/products/product01.jpg" class="img-fluid" alt=""></a>
										</div>
										<div class="cart-float-single-item-desc">
											<p class="product-title"> <a href="single-product.html">Duis pulvinar obortis eleifend </a></p>
											<p class="quantity"> Qty: 1</p>
											<p class="price">$20.50</p>
										</div>
									</div>
									<div class="cart-float-single-item d-flex">
										<span class="remove-item"><a href="#"><i class="icon ion-md-close"></i></a></span>
										<div class="cart-float-single-item-image">
											<a href="single-product.html"><img src="assets/images/products/product02.jpg" class="img-fluid" alt=""></a>
										</div>
										<div class="cart-float-single-item-desc">
											<p class="product-title"> <a href="single-product.html">Fusce ultricies dolor vitae</a></p>
											<p class="quantity"> Qty: 1</p>
											<p class="price">$20.50</p>
										</div>
									</div>
								</div>
								<div class="cart-calculation">
									<div class="calculation-details">
										<p class="total">Subtotal <span>$22</span></p>
									</div>
									<div class="floating-cart-btn text-center">
										<a class="fl-btn pull-left" href="cart.html">View Cart</a>
										<a class="fl-btn pull-right" href="checkout.html">Checkout</a>
									</div>
								</div>
							</div>
							<!-- end of cart floating box -->
						</div>
						<!--=======  End of cart icon  =======-->
					</div>
				</div>
			</div>
		</div>
		<!--=======  End of navigation menu top  =======-->
		<!--=============================================
		=            navigation menu         =
		=============================================-->
		<div class="navigation-menu">
			<div class="container">
				<div class="row align-items-center justify-content-between">
					<div class="col-12 col-lg-3 col-md-12 col-sm-12">
						<!--=======  category menu  =======-->
						<div class="hero-side-category">
							<!-- Category Toggle Wrap -->
							<div class="category-toggle-wrap">
								<!-- Category Toggle -->
								<button class="category-toggle"> <i class="fa fa-bars"></i> CATEGORIES </button>
							</div>
							<!-- Category Menu -->
							<nav class="category-menu">
								<ul>
									<li><a href="shop-left-sidebar.html">Sofas &amp; Chairs</a></li>
									<li class="menu-item-has-children"><a href="shop-left-sidebar.html">Drawing Room</a>
										<!-- category submenu -->
										<ul class="category-mega-menu">
											<li><a href="shop-left-sidebar.html">Sofas</a></li>
											<li><a href="shop-left-sidebar.html">Armchairs</a></li>
											<li><a href="shop-left-sidebar.html">Dining Chairs &amp; Benches</a></li>
											<li><a href="shop-left-sidebar.html">Desk Chairs</a></li>
										</ul>
									</li>
									<li class="menu-item-has-children"><a href="shop-left-sidebar.html">Dinning Room</a>
										<!-- category submenu -->
										<ul class="category-mega-menu">
											<li><a href="shop-left-sidebar.html">Sofas</a></li>
											<li><a href="shop-left-sidebar.html">Armchairs</a></li>
											<li><a href="shop-left-sidebar.html">Dining Chairs &amp; Benches</a></li>
											<li><a href="shop-left-sidebar.html">Desk Chairs</a></li>
										</ul>
									</li>
									<li><a href="shop-left-sidebar.html">Out Door Room</a></li>
									<li><a href="shop-left-sidebar.html">Room living</a></li>
									<li><a href="shop-left-sidebar.html">Estilo</a></li>
									<li><a href="shop-left-sidebar.html">Living Chairs</a></li>
									<li class="hidden"><a href="shop-left-sidebar.html">New Sofas</a></li>
									<li class="hidden"><a href="shop-left-sidebar.html">Sleight Sofas</a></li>
									<li><a href="#" id="more-btn">... More</a></li>
								</ul>
							</nav>
						</div>
						<!--=======  End of category menu =======-->
						<!--=======  sticky logo  =======-->
						<div class="sticky-logo">
							<a href="index.html">
								<img src="assets/images/logo.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of sticky logo  =======-->
						<!--=======  search icon for tablet  =======-->
						<div class="search-icon-menutop-tablet text-right d-inline-block d-lg-none">
							<a href="#" id="search-overlay-active-button">
								<i class="icon ion-md-search"></i>
							</a>
						</div>
						<!--=======  End of search icon for tablet  =======-->
					</div>
					<div class="col-12 col-lg-6">
						<!-- navigation section -->
						<div class="main-menu">
							<nav>
								<ul>
									<li class="active menu-item-has-children"><a href="index.html">HOME</a>
										<ul class="sub-menu">
											<li><a href="index.html">Home Shop 1</a></li>
											<li><a href="index-2.html">Home Shop 2</a></li>
											<li><a href="index-3.html">Home Shop 3</a></li>
											<li><a href="index-4.html">Home Shop 4</a></li>
										</ul>
									</li>
									<li class="menu-item-has-children"><a href="shop-left-sidebar.html">Shop</a>
										<ul class="sub-menu">
											<li class="menu-item-has-children"><a href="shop-4-column.html">shop grid</a>
												<ul class="sub-menu">
													<li><a href="shop-3-column.html">shop 3 column</a></li>
													<li><a href="shop-4-column.html">shop 4 column</a></li>
													<li><a href="shop-left-sidebar.html">shop left sidebar</a></li>
													<li><a href="shop-right-sidebar.html">shop right sidebar</a></li>
												</ul>
											</li>
											<li class="menu-item-has-children"><a href="shop-list.html">shop List</a>
												<ul class="sub-menu">
													<li><a href="shop-list.html">shop List</a></li>
													<li><a href="shop-list-left-sidebar.html">shop List Left Sidebar</a></li>
													<li><a href="shop-list-right-sidebar.html">shop List Right Sidebar</a></li>
												</ul>
											</li>
											<li class="menu-item-has-children"><a href="single-product.html">Single Product</a>
												<ul class="sub-menu">
													<li><a href="single-product.html">Single Product</a></li>
													<li><a href="single-product-variable.html">Single Product variable</a></li>
													<li><a href="single-product-affiliate.html">Single Product affiliate</a></li>
													<li><a href="single-product-group.html">Single Product group</a></li>
													<li><a href="single-product-tabstyle-2.html">Tab Style 2</a></li>
													<li><a href="single-product-tabstyle-3.html">Tab Style 3</a></li>
													<li><a href="single-product-gallery-left.html">Gallery Left</a></li>
													<li><a href="single-product-gallery-right.html">Gallery Right</a></li>
													<li><a href="single-product-sticky-left.html">Sticky Left</a></li>
													<li><a href="single-product-sticky-right.html">Sticky Right</a></li>
													<li><a href="single-product-slider-box.html">Slider Box</a></li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="menu-item-has-children"><a href="#">PAGES</a>
										<ul class="mega-menu three-column">
											<li><a href="#">Column One</a>
												<ul>
													<li><a href="cart.html">Cart</a></li>
													<li><a href="checkout.html">Checkout</a></li>
													<li><a href="wishlist.html">Wishlist</a></li>
												</ul>
											</li>
											<li><a href="#">Column Two</a>
												<ul>
													<li><a href="my-account.html">My Account</a></li>
													<li><a href="login-register.html">Login Register</a></li>
													<li><a href="faq.html">FAQ</a></li>
												</ul>
											</li>
											<li><a href="#">Column Three</a>
												<ul>
													<li><a href="compare.html">Compare</a></li>
													<li><a href="contact.html">Contact</a></li>
													<li><a href="about.html">About Us</a></li>
												</ul>
											</li>
											<li class="megamenu-banner text-center d-none d-lg-block">
												<a href="shop-left-sidebar.html">
													<img src="assets/images/banners/megamenu-banner.jpg" class="img-fluid" alt="">
												</a>
											</li>
										</ul>
									</li>
									<li class="menu-item-has-children"><a href="#">BLOG</a>
										<ul class="sub-menu">
											<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
											<li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
											<li><a href="blog-post-left-sidebar.html">Blog Post Left Sidebar</a></li>
											<li><a href="blog-post-right-sidebar.html">Blog Post Right Sidebar</a></li>
											<li><a href="blog-post-image-format.html">Blog Post Image Format</a></li>
											<li><a href="blog-post-image-gallery.html">Blog Post Image Gallery Format</a></li>
											<li><a href="blog-post-audio-format.html">Blog Post Audio Format</a></li>
											<li><a href="blog-post-video-format.html">Blog Post Video Format</a></li>
										</ul>
									</li>
									<li><a href="contact.html">CONTACT</a></li>
								</ul>
							</nav>
						</div>
						<!-- end of navigation section -->
					</div>
					<div class="col-12 col-lg-3">
						<!--=======  navigation search bar  =======-->
						<div class="navigation-search d-none d-lg-block">
							<input type="search" placeholder="Search product ...">
							<button><i class="icon ion-md-search"></i></button>
						</div>
						<!--=======  End of navigation search bar  =======-->
					</div>
					<div class="col-12 d-block d-lg-none">
						<!-- Mobile Menu -->
						<div class="mobile-menu"></div>
					</div>
				</div>
			</div>
		</div>
		<!--=====  End of navigation menu  ======-->
	</div>
	<!--=====  End of header container  ======-->
	<!--=============================================
	=            hero slider         =
	=============================================-->
	<div class="hero-area mb-30">
		<!--=======  slider container  =======-->
		<div class="slider-container">
			<!--=======  hero slider one  =======-->
			<div class="hero-slider">
				<!--=======  slider item  =======-->
				<div class="hero-slider-item slider-bg-1">
					<!--=======  slider content  =======-->
					<div class="d-flex flex-column justify-content-center align-items-start h-100">
						<div class="container">
							<div class="row">
								<div class="col-lg-12">
									<div class="slider-content">
										<p>Exclusive Offer -60% Off This Week </p>
										<h1>Carronade <span>Pendant Lamp-Black </span></h1>
										<p class="slider-price">starting at <span>$260.99</span></p>
										<a href="shop-left-sidebar.html" class="slider-btn">SHOP NOW</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--=======  End of slider content  =======-->
				</div>
				<!--=======  End of slider item  =======-->
				<!--=======  slider item  =======-->
				<div class="hero-slider-item slider-bg-2">
					<!--=======  slider content  =======-->
					<div class="d-flex flex-column justify-content-center align-items-start h-100">
						<div class="container">
							<div class="row">
								<div class="col-lg-12">
									<div class="slider-content">
										<p>Exclusive Offer -20% Off This Week </p>
										<h1>Conbox Fan <span>Collection 2018</span></h1>
										<p class="slider-price">starting at <span>$260.99</span></p>
										<a href="shop-left-sidebar.html" class="slider-btn">SHOP NOW</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--=======  End of slider content  =======-->
				</div>
				<!--=======  End of slider item  =======-->
				<!--=======  slider item  =======-->
				<div class="hero-slider-item slider-bg-3">
					<!--=======  slider content  =======-->
					<div class="d-flex flex-column justify-content-center align-items-start h-100">
						<div class="container">
							<div class="row">
								<div class="col-lg-12">
									<div class="slider-content">
										<p>Exclusive Offer -30% Off This Week </p>
										<h1>Decorative <span>Outdoor Chair 2018  </span></h1>
										<p class="slider-price">starting at <span>$260.99</span></p>
										<a href="shop-left-sidebar.html" class="slider-btn">SHOP NOW</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--=======  End of slider content  =======-->
				</div>
				<!--=======  End of slider item  =======-->
			</div>
			<!--=======  End of hero slider one  =======-->
		</div>
		<!--=======  End of slider container  =======-->
	</div>
	<!--=====  End of hero slider  ======-->
	<!--=============================================
	=            banner three column         =
	=============================================-->
	<div class="banner-three-column mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-4 mb-sm-30">
					<!--=======  single banner  =======-->
					<div class="single-banner">
						<a href="shop-left-sidebar.html">
							<img src="assets/images/banners/banner1.jpg" class="img-fluid" alt="">
						</a>
						<div class="text-content">
							<h5>Design Creative</h5>
							<h3>Modern and Clean</h3>
							<h4>From  $60.99 - Sale 20%</h4>
						</div>
					</div>
					<!--=======  End of single banner  =======-->	
				</div>
				<div class="col-lg-4 col-md-4 mb-sm-30">
					<!--=======  single banner  =======-->
					<div class="single-banner">
						<a href="shop-left-sidebar.html">
							<img src="assets/images/banners/banner2.jpg" class="img-fluid" alt="">
						</a>
						<div class="text-content">
							<h5>Bestselling Products</h5>
							<h3>Ceiling Light Modern</h3>
							<h4>Only  from  $79.00</h4>
						</div>
					</div>
					<!--=======  End of single banner  =======-->	
				</div>
				<div class="col-lg-4 col-md-4">
					<!--=======  single banner  =======-->
					<div class="single-banner">
						<a href="shop-left-sidebar.html">
							<img src="assets/images/banners/banner3.jpg" class="img-fluid" alt="">
						</a>
						<div class="text-content">
							<h5>Onsale Products</h5>
							<h3>Drop Chair - Quickship</h3>
							<h4>Selling Off  30%</h4>
						</div>
					</div>
					<!--=======  End of single banner  =======-->	
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of banner three column  ======-->
	<!--=============================================
	=            tab slider section         =
	=============================================-->
	<div class="tab-product-slider-container mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  tab slider wraspper  =======-->
					<div class="tab-slider-wrapper">
						<nav>
							<div class="nav nav-tabs" id="nav-tab" role="tablist">
								<a class="nav-item nav-link active" id="featured-tab" data-toggle="tab" href="#featured" role="tab"
									aria-selected="true">Featured Products</a>
								<a class="nav-item nav-link" id="new-arrival-tab" data-toggle="tab" href="#new-arrivals" role="tab"
									aria-selected="false">New Products</a>
								<a class="nav-item nav-link" id="nav-onsale-tab" data-toggle="tab" href="#on-sale" role="tab"
									aria-selected="false">Onsale Products</a>
							</div>
						</nav>
						<div class="tab-content" id="nav-tabContent">
							<div class="tab-pane fade show active" id="featured" role="tabpanel" aria-labelledby="featured-tab">
								<!--=======  tab product slider  =======-->
								<div class="fl-slider tab-product-slider">
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
								</div>
								<!--=======  End of tab product slider  =======-->
							</div>
							<div class="tab-pane fade" id="new-arrivals" role="tabpanel" aria-labelledby="new-arrival-tab">
								<!--=======  tab product slider  =======-->
								<div class="fl-slider tab-product-slider" data-row="2">
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
								</div>
								<!--=======  End of tab product slider  =======-->
							</div>
							<div class="tab-pane fade" id="on-sale" role="tabpanel" aria-labelledby="nav-onsale-tab">
								<!--=======  tab product slider  =======-->
								<div class="fl-slider tab-product-slider">
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
												 <a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
								</div>
								<!--=======  End of tab product slider  =======-->
							</div>
						</div>
					</div>
					<!--=======  End of tab slider wraspper  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of tab slider section  ======-->
	<!--=============================================
	=            slider with banner and sidebar         =
	=============================================-->
	<div class="slider-banner-sidebar-area mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  slider with banner and sidebar container  =======-->
					<div class="slider-banner-sidebar-container">
						<div class="row no-gutters">
							<div class="col-lg-3 col-xl-2 col-md-4">
								<!--=======  sidebar  =======-->
								<div class="slider-sidebar">
									<h3 class="slider-sidebar-title">BEDROOM FURNITURE</h3>
									<div class="sidebar-list">
										<ul>
											<li><a href="shop-left-sidebar.html">Nightstands</a></li>
											<li><a href="shop-left-sidebar.html">Beds</a></li>
											<li><a href="shop-left-sidebar.html">HeadBoards</a></li>
											<li><a href="shop-left-sidebar.html">Chests & Dressers</a></li>
											<li><a href="shop-left-sidebar.html">Bedroom Sets</a></li>
											<li><a href="shop-left-sidebar.html">Mattretsser</a></li>
											<li><a href="shop-left-sidebar.html">Armories</a></li>
											<li><a href="shop-left-sidebar.html">Small Beds</a></li>
											<li><a href="shop-left-sidebar.html">Larger Beds</a></li>
										</ul>
									</div>
								</div>
								<!--=======  End of sidebar  =======-->
							</div>
							<div class="col-lg-9 col-xl-10 col-md-8">
								<!--=======  banner slider  =======-->
								<div class="fl-slider banner-slider">
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
								</div>
								<!--=======  End of banner slider  =======-->
								<!--=======  slider banner  =======-->
								<div class="slider-banner home-one-banner banner-bg banner-bg-1">
									<div class="banner-text">
										<p>Look of The Week</p>
										<p class="big-text">Wood Frame Bedroom</p>
										<p>Only from $209</p>
									</div>
								</div>
								<!--=======  End of slider banner  =======-->
							</div>
						</div>
					</div>
					<!--=======  End of slider with banner and sidebar container  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of slider with banner and sidebar  ======-->
	<!--=============================================
	=            slider with banner and sidebar         =
	=============================================-->
	<div class="slider-banner-sidebar-area mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  slider with banner and sidebar container  =======-->
					<div class="slider-banner-sidebar-container">
						<div class="row no-gutters">
							<div class="col-lg-3 col-xl-2 col-md-4">
								<!--=======  sidebar  =======-->
								<div class="slider-sidebar">
									<h3 class="slider-sidebar-title">OUTDOOR FURNITURE</h3>
									<div class="sidebar-list">
										<ul>
											<li><a href="shop-left-sidebar.html">Nightstands</a></li>
											<li><a href="shop-left-sidebar.html">Beds</a></li>
											<li><a href="shop-left-sidebar.html">HeadBoards</a></li>
											<li><a href="shop-left-sidebar.html">Chests & Dressers</a></li>
											<li><a href="shop-left-sidebar.html">Bedroom Sets</a></li>
											<li><a href="shop-left-sidebar.html">Mattretsser</a></li>
											<li><a href="shop-left-sidebar.html">Armories</a></li>
											<li><a href="shop-left-sidebar.html">Small Beds</a></li>
											<li><a href="shop-left-sidebar.html">Larger Beds</a></li>
										</ul>
									</div>
								</div>
								<!--=======  End of sidebar  =======-->
							</div>
							<div class="col-lg-9 col-xl-10 col-md-8">
								<!--=======  banner slider  =======-->
								<div class="fl-slider banner-slider">
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
								</div>
								<!--=======  End of banner slider  =======-->
								<!--=======  slider banner  =======-->
								<div class="slider-banner home-one-banner banner-bg banner-bg-2">
									<div class="banner-text">
										<p>Look of The Week</p>
										<p class="big-text">Minimal Chair Modern</p>
										<p>Only from $209</p>
									</div>
								</div>
								<!--=======  End of slider banner  =======-->
							</div>
						</div>
					</div>
					<!--=======  End of slider with banner and sidebar container  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of slider with banner and sidebar  ======-->
	<!--=============================================
	=            slider with banner and sidebar         =
	=============================================-->
	<div class="slider-banner-sidebar-area mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  slider with banner and sidebar container  =======-->
					<div class="slider-banner-sidebar-container">
						<div class="row no-gutters">
							<div class="col-lg-3 col-xl-2 col-md-4">
								<!--=======  sidebar  =======-->
								<div class="slider-sidebar">
									<h3 class="slider-sidebar-title">LIGHTING FURNITURE</h3>
									<div class="sidebar-list">
										<ul>
											<li><a href="shop-left-sidebar.html">Nightstands</a></li>
											<li><a href="shop-left-sidebar.html">Beds</a></li>
											<li><a href="shop-left-sidebar.html">HeadBoards</a></li>
											<li><a href="shop-left-sidebar.html">Chests & Dressers</a></li>
											<li><a href="shop-left-sidebar.html">Bedroom Sets</a></li>
											<li><a href="shop-left-sidebar.html">Mattretsser</a></li>
											<li><a href="shop-left-sidebar.html">Armories</a></li>
											<li><a href="shop-left-sidebar.html">Small Beds</a></li>
											<li><a href="shop-left-sidebar.html">Larger Beds</a></li>
										</ul>
									</div>
								</div>
								<!--=======  End of sidebar  =======-->
							</div>
							<div class="col-lg-9 col-xl-10 col-md-8">
								<!--=======  banner slider  =======-->
								<div class="fl-slider banner-slider">
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product01.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product01-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product02.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product02-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Condimentum posuere</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image sale-product">
											<a href="single-product.html">
												<img src="assets/images/products/product03.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product03-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Donec eu libero</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product04.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product04-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Officiis debitis</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product05.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product05-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Cras neque</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
									<!--=======  single product  =======-->
									<div class="fl-product">
										<div class="image">
											<a href="single-product.html">
												<img src="assets/images/products/product06.jpg" class="img-fluid" alt="">
												<img src="assets/images/products/product06-2.jpg" class="img-fluid" alt="">
											</a>
											<!-- wishlist icon -->
											<span class="wishlist-icon">
													<a href="#" ><i class="icon ion-md-heart-empty"></i></a>
											</span>
										</div>
										<div class="content">
											<h2 class="product-title"> <a href="single-product.html">Dolorum fuga</a></h2>
											<div class="rating">
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star active"></i>
												<i class="fa fa-star"></i>
												<i class="fa fa-star"></i>
											</div>
											<p class="product-price">
												<span class="main-price discounted">$71</span>
												<span class="discounted-price">$65</span>
											</p>
											<div class="hover-icons">
												<ul>
													<li><a href="#"  data-tooltip="Add to Cart"><i class="icon ion-md-cart"></i></a></li>
													<li><a href="#"  data-tooltip="Compare"><i class="icon ion-md-options"></i></a></li>
													<li><a href="#"  data-toggle = "modal" data-target="#quick-view-modal-container" data-tooltip="Quick View"><i class="icon ion-md-open"></i></a></li>
												</ul>
											</div>
										</div>
									</div>
									<!--=======  End of single product  =======-->
								</div>
								<!--=======  End of banner slider  =======-->
								<!--=======  slider banner  =======-->
								<div class="slider-banner home-one-banner banner-bg banner-bg-3">
									<div class="banner-text">
										<p>Look of The Week</p>
										<p class="big-text">Lamps Light Color</p>
										<p>Only from $209</p>
									</div>
								</div>
								<!--=======  End of slider banner  =======-->
							</div>
						</div>
					</div>
					<!--=======  End of slider with banner and sidebar container  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of slider with banner and sidebar  ======-->
	<!--=============================================
	=            tab product with banner          =
	=============================================-->
	<div class="tab-banner-product-area mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-12 mb-md-50 mb-sm-50">
					<!--=======  tab with banner product container  =======-->
					<div class="tab-banner-product-container">
						<div class="row no-gutters">
							<div class=" col-md-4 col-lg-5 col-xl-4">
								<!--=======  banner  =======-->
								<div class="tab-sidebar">
									<h3 class="tab-sidebar-title">BEDROOM FURNITURE</h3>
									<div class="tab-banner">
										<img src="assets/images/banners/banner7.jpg" class="img-fluid" alt="">
									</div>
								</div>
								<!--=======  End of banner  =======-->
							</div>
							<div class="col-md-8 col-lg-7 col-xl-8">
								<!--=======  tab product wrapper  =======-->
								<div class="tab-product-wrapper">
									<nav>
										<div class="nav nav-tabs" id="nav-tab2" role="tablist">
											<a class="nav-item nav-link active" id="product-tab-1" data-toggle="tab" href="#product-series-1" role="tab"
												aria-selected="true">Nightstands</a>
											<a class="nav-item nav-link" id="product-tab-2" data-toggle="tab" href="#product-series-2" role="tab"
												aria-selected="false">Beds</a>
											<a class="nav-item nav-link" id="product-tab-3" data-toggle="tab" href="#product-series-3" role="tab"
												aria-selected="false">Head Boards</a>
										</div>
									</nav>
									<div class="tab-content" id="nav-tabContent2">
										<div class="tab-pane fade show active" id="product-series-1" role="tabpanel" aria-labelledby="product-tab-1">
											<!--=======  tab product container  =======-->
											<div class="tab-product-container">
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product01.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product02.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product03.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
											</div>
											<!--=======  End of tab product container  =======-->
										</div>
										<div class="tab-pane fade" id="product-series-2" role="tabpanel" aria-labelledby="product-tab-2">
											<!--=======  tab product container  =======-->
											<div class="tab-product-container">
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product01.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product03.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product02.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
											</div>
											<!--=======  End of tab product container  =======-->
										</div>
										<div class="tab-pane fade" id="product-series-3" role="tabpanel" aria-labelledby="product-tab-3">
											<!--=======  tab product container  =======-->
											<div class="tab-product-container">
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product02.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product01.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product03.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
											</div>
											<!--=======  End of tab product container  =======-->
										</div>
									</div>
								</div>
								<!--=======  End of tab product wrapper  =======-->
							</div>
						</div>
					</div>
					<!--=======  End of tab with banner product container  =======-->
				</div>
				<div class="col-lg-6">
					<!--=======  tab with banner product container  =======-->
					<div class="tab-banner-product-container">
						<div class="row no-gutters">
							<div class=" col-md-4 col-lg-5 col-xl-4">
								<!--=======  banner  =======-->
								<div class="tab-sidebar">
									<h3 class="tab-sidebar-title">OUTDOOR FURNITURE</h3>
									<div class="tab-banner banner-bg">
										<img src="assets/images/banners/banner8.jpg" class="img-fluid" alt="">
									</div>
								</div>
								<!--=======  End of banner  =======-->
							</div>
							<div class="col-md-8 col-lg-7 col-xl-8">
								<!--=======  tab product wrapper  =======-->
								<div class="tab-product-wrapper">
									<nav>
										<div class="nav nav-tabs" id="nav-tab3" role="tablist">
											<a class="nav-item nav-link active" id="product-tab-4" data-toggle="tab" href="#product-series-4" role="tab"
												aria-selected="true">Nightstands</a>
											<a class="nav-item nav-link" id="product-tab-5" data-toggle="tab" href="#product-series-5" role="tab"
												aria-selected="false">Beds</a>
											<a class="nav-item nav-link" id="product-tab-6" data-toggle="tab" href="#product-series-6" role="tab"
												aria-selected="false">Head Boards</a>
										</div>
									</nav>
									<div class="tab-content" id="nav-tabContent3">
										<div class="tab-pane fade show active" id="product-series-4" role="tabpanel" aria-labelledby="product-tab-4">
											<!--=======  tab product container  =======-->
											<div class="tab-product-container">
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product01.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product02.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product03.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
											</div>
											<!--=======  End of tab product container  =======-->
										</div>
										<div class="tab-pane fade" id="product-series-5" role="tabpanel" aria-labelledby="product-tab-5">
											<!--=======  tab product container  =======-->
											<div class="tab-product-container">
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product01.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product03.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product02.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
											</div>
											<!--=======  End of tab product container  =======-->
										</div>
										<div class="tab-pane fade" id="product-series-6" role="tabpanel" aria-labelledby="product-tab-6">
											<!--=======  tab product container  =======-->
											<div class="tab-product-container">
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product02.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product01.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
												<!--=======  single tab product  =======-->
												<div class="tab-product d-flex">
													<div class="image">
														<a href="single-product.html">
															<img src="assets/images/products/tab-product03.jpg" class="img-fluid" alt="">
														</a>
													</div>
													<div class="content">
														<h2 class="product-title"> <a href="single-product.html">Cillum dolore</a></h2>
														<div class="rating">
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star active"></i>
															<i class="fa fa-star"></i>
															<i class="fa fa-star"></i>
														</div>
														<p class="product-price">
															<span class="main-price discounted">$71</span>
															<span class="discounted-price">$65</span>
														</p>
													</div>
												</div>
												<!--=======  End of single tab product  =======-->
											</div>
											<!--=======  End of tab product container  =======-->
										</div>
									</div>
								</div>
								<!--=======  End of tab product wrapper  =======-->
							</div>
						</div>
					</div>
					<!--=======  End of tab with banner product container  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of tab product with banner   ======-->
	<!--=============================================
	=            blog post slider         =
	=============================================-->
	<div class="blog-post-slider-area mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  section title  =======-->
					<div class="section-title">
						<h2>LATEST BLOGS</h2>
					</div>
					<!--=======  End of section title  =======-->
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<!--=======  blog post slider container  =======-->
					<div class="fl-slider blog-post-slider-container">
						<!--=======  single-blog-post  =======-->
						<div class="col">
							<div class="single-blog-post">
								<div class="image">
									<a href="blog-post-left-sidebar.html">
										<img src="assets/images/sliders/blog/01.jpg" class="img-fluid" alt="">
									</a>
								</div>
								<div class="content">
									<h3><a href="blog-post-left-sidebar.html">3 things everyone knows about furniture</a></h3>
									<p>
										<span class="post-comments"> <i class="icon ion-md-clipboard"></i> 0 comments</span>
										<span class="post-author"> <i class="icon ion-md-contact"></i> By <a href="blog-left-sidebar.html">Admin</a></span>
									</p>
									<p class="post-excerpt">
										Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium sit amet faucibus nisl.
									</p>
									<a class="fl-button" href="blog-post-left-sidebar.html">read more</a>
								</div>
							</div>
						</div>
						<!--=======  End of single-blog-post  =======-->
						<!--=======  single-blog-post  =======-->
						<div class="col">
							<div class="single-blog-post">
								<div class="image">
									<a href="blog-post-left-sidebar.html">
										<img src="assets/images/sliders/blog/02.jpg" class="img-fluid" alt="">
									</a>
								</div>
								<div class="content">
									<h3><a href="blog-post-left-sidebar.html">13 Myths about furniture</a></h3>
									<p>
										<span class="post-comments"> <i class="icon ion-md-clipboard"></i> 0 comments</span>
										<span class="post-author"> <i class="icon ion-md-contact"></i> By <a href="blog-left-sidebar.html">Admin</a></span>
									</p>
									<p class="post-excerpt">
										Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium sit amet faucibus nisl.
									</p>
									<a class="fl-button" href="blog-post-left-sidebar.html">read more</a>
								</div>
							</div>
						</div>
						<!--=======  End of single-blog-post  =======-->
						<!--=======  single-blog-post  =======-->
						<div class="col">
							<div class="single-blog-post">
							<div class="image">
								<a href="blog-post-left-sidebar.html">
									<img src="assets/images/sliders/blog/03.jpg" class="img-fluid" alt="">
								</a>
							</div>
							<div class="content">
								<h3><a href="blog-post-left-sidebar.html">	Top 25 quotes On furniture</a></h3>
								<p>
									<span class="post-comments"> <i class="icon ion-md-clipboard"></i> 0 comments</span>
									<span class="post-author"> <i class="icon ion-md-contact"></i> By <a href="blog-left-sidebar.html">Admin</a></span>
								</p>
								<p class="post-excerpt">
									Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium sit amet faucibus nisl.
								</p>
								<a class="fl-button" href="blog-post-left-sidebar.html">read more</a>
							</div>
						</div>
						</div>
						<!--=======  End of single-blog-post  =======-->
						<!--=======  single-blog-post  =======-->
						<div class="col">
							<div class="single-blog-post">
								<div class="image">
									<a href="blog-post-left-sidebar.html">
										<img src="assets/images/sliders/blog/04.jpg" class="img-fluid" alt="">
									</a>
								</div>
								<div class="content">
									<h3><a href="blog-post-left-sidebar.html">3 things everyone knows about furniture</a></h3>
									<p>
										<span class="post-comments"> <i class="icon ion-md-clipboard"></i> 0 comments</span>
										<span class="post-author"> <i class="icon ion-md-contact"></i> By <a href="blog-left-sidebar.html">Admin</a></span>
									</p>
									<p class="post-excerpt">
										Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium sit amet faucibus nisl.
									</p>
									<a class="fl-button" href="blog-post-left-sidebar.html">read more</a>
								</div>
							</div>
						</div>
						<!--=======  End of single-blog-post  =======-->
						<!--=======  single-blog-post  =======-->
						<div class="col">
							<div class="single-blog-post">
								<div class="image">
									<a href="blog-post-left-sidebar.html">
										<img src="assets/images/sliders/blog/05.jpg" class="img-fluid" alt="">
									</a>
								</div>
								<div class="content">
									<h3><a href="blog-post-left-sidebar.html">Top 10 tips with furniture</a></h3>
									<p>
										<span class="post-comments"> <i class="icon ion-md-clipboard"></i> 0 comments</span>
										<span class="post-author"> <i class="icon ion-md-contact"></i> By <a href="blog-left-sidebar.html">Admin</a></span>
									</p>
									<p class="post-excerpt">
										Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium sit amet faucibus nisl.
									</p>
									<a class="fl-button" href="blog-post-left-sidebar.html">read more</a>
								</div>
							</div>
						</div>
						<!--=======  End of single-blog-post  =======-->
						<!--=======  single-blog-post  =======-->
						<div class="col">
							<div class="single-blog-post">
							<div class="image">
								<a href="blog-post-left-sidebar.html">
									<img src="assets/images/sliders/blog/06.jpg" class="img-fluid" alt="">
								</a>
							</div>
							<div class="content">
								<h3><a href="blog-post-left-sidebar.html">Fast-track your furniture</a></h3>
								<p>
									<span class="post-comments"> <i class="icon ion-md-clipboard"></i> 0 comments</span>
									<span class="post-author"> <i class="icon ion-md-contact"></i> By <a href="blog-left-sidebar.html">Admin</a></span>
								</p>
								<p class="post-excerpt">
									Donec vitae hendrerit arcu, sit amet faucibus nisl. Cras pretium sit amet faucibus nisl.
								</p>
								<a class="fl-button" href="blog-post-left-sidebar.html">read more</a>
							</div>
							</div>
						</div>
						<!--=======  End of single-blog-post  =======-->
					</div>
					<!--=======  End of blog post slider container  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of blog post slider  ======-->
	<!--=============================================
	=            brand logo slider         =
	=============================================-->
	<div class="brand-logo-slider mb-50">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  brand logo slider container  =======-->
					<div class="brand-logo-slider-container">
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/01.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/02.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/03.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/04.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/01.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/03.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
						<!--=======  single brand  =======-->
						<div class="single-brand">
							<a href="#">
								<img src="assets/images/brands/02.png" class="img-fluid" alt="">
							</a>
						</div>
						<!--=======  End of single brand  =======-->
					</div>
					<!--=======  End of brand logo slider container  =======-->
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of brand logo slider  ======-->
	<!--=============================================
	=            footer         =
	=============================================-->
	<div class="footer-container">
		<!--=======  footer navigation  =======-->
		<div class="footer-navigation pt-40 pb-20 pb-lg-40 pt-sm-30 pb-sm-10">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-6">
						<!--=======  address block  =======-->
						<div class="address-block">
							<div class="image">
								<a href="index.html">
									<img src="assets/images/logo.png" class="img-fluid" alt="">
								</a>
							</div>
							<div class="address-text">
								<ul>
									<li>Address: 123 Main Street, Anytown, CA 12345 - USA.</li>
									<li>Phone: (012) 800 456 789</li>
									<li>Fax: (012) 800 456 789</li>
									<li>Email: [email protected]</li>
								</ul>
							</div>
							<div class="social-links">
								<ul>
									<li><a href="http://www.vxisgr.tw//" class="twitter"  data-tooltip="Twitter"><i class="fa fa-twitter"></i></a></li>
									<li><a href="http://www.vxisgr.tw//" class="facebook"  data-tooltip="Facebook"><i class="fa fa-facebook"></i></a></li>
									<li><a href="http://www.vxisgr.tw//" class="behance" data-tooltip="Behance"><i class="fa fa-behance"></i></a></li>
									<li><a href="http://www.vxisgr.tw//" class="pinterest" data-tooltip="Pinterest"><i class="fa fa-pinterest"></i></a></li>
									<li><a href="http://www.vxisgr.tw//" class="rss" data-tooltip="RSS"><i class="fa fa-rss"></i></a></li>
								</ul>
							</div>
						</div>
						<!--=======  End of address block  =======-->
					</div>
					<div class="col-lg-2 col-md-6">
						<!--=======  widget block  =======-->
						<div class="widget-block">
							<h4 class="footer-widget-title mb-sm-10">INFORMATION</h4>
							<ul>
								<li><a href="about.html">About Us</a></li>
								<li><a href="contact.html">Contact</a></li>
								<li><a href="blog-left-sidebar.html">Blog</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Seller Login</a></li>
								<li><a href="#l">Site Map</a></li>
							</ul>
						</div>
						<!--=======  End of widget block  =======-->
					</div>
					<div class="col-lg-2 col-md-6">
						<!--=======  widget block  =======-->
						<div class="widget-block">
							<h4 class="footer-widget-title mt-sm-20 mb-sm-10">MY ACCOUNT</h4>
							<ul>
								<li><a href="contact.html">Contact</a></li>
								<li><a href="#">Order History</a></li>
								<li><a href="my-account.html">My Account</a></li>
								<li><a href="wishlist">Wishlist</a></li>
								<li><a href="cart.html">Cart</a></li>
							</ul>
						</div>
						<!--=======  End of widget block  =======-->
					</div>
					<div class="col-lg-4 col-md-6">
						<!--=======  widget block  =======-->
						<div class="widget-block">
							<h4 class="footer-widget-title mt-sm-20 mb-sm-10">JOIN OUR NEWSLETTER NOW</h4>
							<p>Get E-mail updates about our latest shop and special offers.</p>
							<!--=======  newsletter formq  =======-->
							<div class="newsletter-form mb-20">
								<form id="mc-form" class="mc-form">
									<input type="email" placeholder="Enter your email" required>
									<button type="submit" value="submit">subscribe</button>
								</form>
							</div>
							<!-- mailchimp-alerts Start -->
							<div class="mailchimp-alerts">
								<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
								<div class="mailchimp-success"></div><!-- mailchimp-success end -->
								<div class="mailchimp-error"></div><!-- mailchimp-error end -->
							</div><!-- mailchimp-alerts end -->
							<!--=======  End of newsletter formq  =======-->
						</div>
						<!--=======  End of widget block  =======-->
					</div>
				</div>
			</div>
		</div>
		<!--=======  End of footer navigation  =======-->
		<!--=======  footer copyright  =======-->
		<div class="footer-copyright pt-20 pb-20">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-md-6 text-center text-md-left mb-20 mb-md-0">
						<!--=======  footer copyright text  =======-->
						<div class="footer-copyright-text">
							<p>Copyright &copy; 2018 <a href="http://www.vxisgr.tw//">Furnilife</a>, All Rights Reserved.</p>
						</div>
						<!--=======  End of footer copyright text  =======-->
					</div>
					<div class="col-md-6 text-center text-md-right">
						<!--=======  payment logo  =======-->
						<div class="payment-logo">
							<img src="assets/images/payment.png" class="img-fluid" alt="">
						</div>
						<!--=======  End of payment logo  =======-->
					</div>
				</div>
			</div>
		</div>
		<!--=======  End of footer copyright  =======-->
	</div>
	<!--=====  End of footer  ======-->
	<!--=============================================
	=            search overlay         =
	=============================================-->
	<div class="search-overlay" id="search-overlay">
		<a href="#" class="search-overlay-close" id="search-overlay-close"><i class="fa fa-times"></i></a>
		<div class="search-box">
			<input type="search" placeholder="Search entire store here">
			<button><i class="icon ion-md-search"></i></button>
		</div>
	</div>
	<!--=====  End of search overlay  ======-->
	<!--=============================================
	=            Quick view modal         =
	=============================================-->
	<div class="modal fade quick-view-modal-container" id="quick-view-modal-container" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" 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">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-lg-5 col-md-6 col-xs-12 mb-xxs-25 mb-xs-25 mb-sm-25">
							<!-- single product tabstyle one image gallery -->
							<div class="product-image-slider fl-product-image-slider fl3-product-image-slider quickview-product-image-slider">
								<!--product large image start -->
								<div class="tab-content product-large-image-list fl-product-large-image-list fl3-product-large-image-list quickview-product-large-image-list" id="myTabContent2">
									<div class="tab-pane fade show active" id="single-slide-1-q" role="tabpanel" aria-labelledby="single-slide-tab-1-q">
										<!--Single Product Image Start-->
										<div class="single-product-img img-full">
											<img src="assets/images/single-product-slider/01.jpg" class="img-fluid" alt="">
										</div>
										<!--Single Product Image End-->
									</div>
									<div class="tab-pane fade" id="single-slide-2-q" role="tabpanel" aria-labelledby="single-slide-tab-2-q">
										<!--Single Product Image Start-->
										<div class="single-product-img img-full">
											<img src="assets/images/single-product-slider/02.jpg" class="img-fluid" alt="">
										</div>
										<!--Single Product Image End-->
									</div>
									<div class="tab-pane fade" id="single-slide-3-q" role="tabpanel" aria-labelledby="single-slide-tab-3-q">
										<!--Single Product Image Start-->
										<div class="single-product-img img-full">
											<img src="assets/images/single-product-slider/03.jpg" class="img-fluid" alt="">
										</div>
										<!--Single Product Image End-->
									</div>
									<div class="tab-pane fade" id="single-slide-4-q" role="tabpanel" aria-labelledby="single-slide-tab-4-q">
										<!--Single Product Image Start-->
										<div class="single-product-img img-full">
											<img src="assets/images/single-product-slider/04.jpg" class="img-fluid" alt="">
										</div>
										<!--Single Product Image End-->
									</div>
									<div class="tab-pane fade" id="single-slide-5-q" role="tabpanel" aria-labelledby="single-slide-tab-5-q">
										<!--Single Product Image Start-->
										<div class="single-product-img img-full">
											<img src="assets/images/single-product-slider/05.jpg" class="img-fluid" alt="">
										</div>
										<!--Single Product Image End-->
									</div>
								</div>
								<!--product large image End-->
								<!--product small image slider Start-->
								<div class="product-small-image-list fl-product-small-image-list fl3-product-small-image-list quickview-product-small-image-list"> 
									<div class="nav small-image-slider fl3-small-image-slider" role="tablist">
										<div class="single-small-image img-full">
											<a data-toggle="tab" id="single-slide-tab-1-q" href="#single-slide-1-q"><img src="assets/images/single-product-slider/01.jpg"
												class="img-fluid" alt=""></a>
										</div>
										<div class="single-small-image img-full">
											<a data-toggle="tab" id="single-slide-tab-2-q" href="#single-slide-2-q"><img src="assets/images/single-product-slider/02.jpg"
												class="img-fluid" alt=""></a>
										</div>
										<div class="single-small-image img-full">
											<a data-toggle="tab" id="single-slide-tab-3-q" href="#single-slide-3-q"><img src="assets/images/single-product-slider/03.jpg"
												class="img-fluid" alt=""></a>
										</div>
										<div class="single-small-image img-full">
											<a data-toggle="tab" id="single-slide-tab-4-q" href="#single-slide-4-q"><img src="assets/images/single-product-slider/04.jpg"
												alt=""></a>
										</div>
										<div class="single-small-image img-full">
											<a data-toggle="tab" id="single-slide-tab-5-q" href="#single-slide-5-q"><img src="assets/images/single-product-slider/05.jpg"
												alt=""></a>
										</div>
									</div>
								</div>
								<!--product small image slider End-->
							</div>
							<!-- end of single product tabstyle one image gallery -->
						</div>
						<div class="col-lg-7 col-md-6 col-xs-12">
							<!-- product quick view description -->
							<div class="product-feature-details">
								<h2 class="product-title mb-15">Kaoreet lobortis sagittis</h2>
								<h2 class="product-price mb-15"> 
									<span class="main-price discounted">$12.90</span> 
									<span class="discounted-price"> $10.00</span>
									<span class="discount-percentage">Save 8%</span>
								</h2>
								<p class="product-description mb-20">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco,Proin lectus ipsum, gravida et mattis vulputate, tristique ut lectus</p>
								<div class="cart-buttons mb-20">
									<div class="pro-qty mr-10">
										<input type="text" value="1">
									</div>
									<div class="add-to-cart-btn">
										<a href="#" class="fl-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a>
									</div>
								</div>
								<div class="social-share-buttons">
									<h3>share this product</h3>
									<ul>
										<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
										<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
									</ul>
								</div>
							</div>
							<!-- end of product quick view description -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--=====  End of Quick view modal  ======-->
	<!-- scroll to top  -->
	<a href="#" class="scroll-top"></a>
	<!-- end of scroll to top -->
	<!-- JS
	============================================ -->
	<!-- jQuery JS -->
	<!-- Popper JS -->
	<!-- Bootstrap JS -->
	<!-- Plugins JS -->
	<!-- Main JS -->



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


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 扁平化 bootstrap bootstrap自適應 bootstrap響應式 電商 網店 商城 歐美風 歐美 歐洲 美洲 pc+wap 移動+電腦 手機+電腦 綠色 家居 家具 家具公司 家具廠 裝飾 裝飾公司
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

湖北30选5开奖结果走势图表