紫色歐美風格的女性塑形內衣整站網站源碼下載



8 28 10



模板描述:紫色歐美風格 女性塑形內衣 整站網站,紫色歐美風格的女性塑形內衣整站網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/plugins.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/custom.css">

2. 引入JS

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

3. HTML代碼

	<!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->
	<!-- Add your site or application content here -->
	<!-- Wrapper -->
	<div id="wrapper" class="wrapper">
		<!-- Header -->
		<header class="header sticky-header">
			<!-- Header Top Area -->
			<div class="header-top-area">
				<div class="container">
					<div class="header-top-inner">
						<div class="header-top-left">
							<p>Welcome to slimfit</p>
						</div>
						<ul class="header-options">
							<li>
								<select name="language-selection" id="header-language-selection" class="language-selection">
									<option>Select language</option>
									<option>English</option>
									<option>Spanish</option>
									<option>Portuguise</option>
								</select>
							</li>
							<li>
								<a href="my-account.html">My account</a>
							</li>
							<li>
								<a href="wishlist.html">Wishlist</a>
							</li>
							<li>
								<a href="login-register.html">Login / Reg</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--// Header Top Area -->
			<!-- Header Bottom Area -->
			<div class="header-bottom-area d-none d-lg-block">
				<div class="container">
					<div class="header-bottom-inner">
						<a href="index.html" class="header-logo">
							<img src="img/logo/logo-light.png" alt="slimfit">
						</a>
						<nav class="sf-navigation">
							<ul>
								<li><a href="index.html">HOME</a>
									<ul>
										<li><a href="index.html">Home Version 1</a></li>
										<li><a href="index-2.html">Home Version 2</a></li>
									</ul>
								</li>
								<li><a href="about-us.html">ABOUT</a></li>
								<li><a href="index.html">SHOP</a>
									<ul>
										<li><a href="shop.html">Shop</a></li>
										<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
										<li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
										<li><a href="product-details.html">Product Details</a></li>
										<li><a href="product-details-reverse.html">Product Details Reverse</a></li>
										<li><a href="product-details-2.html">Product Details 2</a></li>
										<li><a href="product-details-2-reverse.html">Product Details 2 Reverse</a></li>
										<li><a href="product-details-gallery.html">Product Details Gallery</a></li>
										<li><a href="product-details-gallery-reverse.html">Product Details Gallery Reverse</a></li>
									</ul>
								</li>
								<li class="megamenu-active"><a href="#">PAGES</a>
									<ul>
										<li>
											<a href="#">Shop Pages</a>
											<ul>
												<li><a href="shop.html">SHOP</a></li>
												<li><a href="shop-right-sidebar.html">SHOP WITH RIGHT SIDEBAR</a></li>
												<li><a href="shop-left-sidebar.html">SHOP WITH LEFT SIDEBAR</a></li>
												<li><a href="shop-2-column-right-sidebar.html">SHOP 2 COLUMN</a></li>
												<li><a href="shop-3-column.html">SHOP 3 COLUMN</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Product Details Pages</a>
											<ul>
												<li><a href="product-details.html">PRODUCT DETAILS</a></li>
												<li><a href="product-details-reverse.html">PRODUCT DETAILS REVERSE</a></li>
												<li><a href="product-details-2.html">PRODUCT DETAILS 2</a></li>
												<li><a href="product-details-2-reverse.html">PRODUCT DETAILS 2 REVERSE</a></li>
												<li><a href="product-details-gallery.html">PRODUCT DETAILS GALLERY</a></li>
												<li><a href="product-details-gallery-reverse.html">PRODUCT DETAILS GALLERY REVERSE</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Shop Related Pages</a>
											<ul>
												<li><a href="cart.html">Shopping Cart</a></li>
												<li><a href="wishlist.html">Wishlist</a></li>
												<li><a href="compare.html">Compare</a></li>
												<li><a href="checkout.html">Checkout</a></li>
											</ul>
										</li>
										<li>
											<a href="#">Other Pages</a>
											<ul>
												<li><a href="login-register.html">LOGIN/REGISTER</a></li>
												<li><a href="my-account.html">MY ACCOUNT</a></li>
												<li><a href="about-us.html">ABOUT US</a></li>
												<li><a href="contact.html">CONTACT</a></li>
											</ul>
										</li>
									</ul>
								</li>
								<li><a href="index.html">BLOG</a>
									<ul>
										<li><a href="blog.html">Blog</a></li>
										<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-details.html">Blog Details</a></li>
										<li><a href="blog-details-left-sidebar.html">Blog Details Left Sidebar</a></li>
										<li><a href="blog-details-right-sidebar.html">Blog Details Right Sidebar</a></li>
									</ul>
								</li>
								<li><a href="contact.html">CONTACT</a></li>                                               
							</ul>
						</nav>
						<ul class="header-icons">
							<li>
								<button class="header-search-trigger"><i class="ti ti-search"></i></button>
								<div class="header-searchbox-wrapper">
									<form class="header-searchbox">
										<input type="text" placeholder="Search">
										<button><i class="ti ti-search"></i></button>
									</form>
								</div>
							</li>
							<li>
								<button class="header-minicart-trigger"><i class="ti ti-shopping-cart"></i></button>
								<div class="minicart header-minicart">
									<ul class="minicart-product-list">
										<li>
											<a href="product-details-right-sidebar.html" class="minicart-product-image">
												<img src="img/product/small-size/product-image-1.jpg" alt="cart products">
											</a>
											<div class="minicart-product-details">
												<h6><a href="product-details-right-sidebar.html">Aenean eu tristique</a></h6>
												<span>£80 x 2</span>
											</div>
											<button class="close">
												<i class="ti ti-close"></i>
											</button>
										</li>
										<li>
											<a href="product-details-right-sidebar.html" class="minicart-product-image">
												<img src="img/product/small-size/product-image-2.jpg" alt="cart products">
											</a>
											<div class="minicart-product-details">
												<h6><a href="product-details-right-sidebar.html">Aenean sagittis</a></h6>
												<span>£80 x 1</span>
											</div>
											<button class="close">
												<i class="ti ti-close"></i>
											</button>
										</li>
									</ul>
									<p class="minicart-total">SUBTOTAL: <span>£315.00</span></p>
									<div class="minicart-button">
										<a href="checkout.html" class="sf-button sf-button-dark sf-button-fullwidth sf-button-sm">
											<span>View Full Cart</span>
										</a>
										<a href="checkout.html" class="sf-button sf-button-fullwidth sf-button-sm">
											<span>Checkout</span>
										</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--// Header Bottom Area -->
			<!-- Header Mobile Menu -->
			<div class="mobile-menu-area d-block d-lg-none">
				<div class="container">
					<div class="mobile-menu clearfix">
						<ul class="header-icons">
							<li>
								<button class="header-search-trigger"><i class="ti ti-search"></i></button>
								<div class="header-searchbox-wrapper">
									<form class="header-searchbox">
										<input type="text" placeholder="Search">
										<button><i class="ti ti-search"></i></button>
									</form>
								</div>
							</li>
							<li>
								<button class="header-minicart-trigger"><i class="ti ti-shopping-cart"></i></button>
								<div class="minicart header-minicart">
									<ul class="minicart-product-list">
										<li>
											<a href="product-details-right-sidebar.html" class="minicart-product-image">
												<img src="img/product/small-size/product-image-1.jpg" alt="cart products">
											</a>
											<div class="minicart-product-details">
												<h6><a href="product-details-right-sidebar.html">Aenean eu tristique</a></h6>
												<span>£80 x 2</span>
											</div>
											<button class="close">
												<i class="ti ti-close"></i>
											</button>
										</li>
										<li>
											<a href="product-details-right-sidebar.html" class="minicart-product-image">
												<img src="img/product/small-size/product-image-2.jpg" alt="cart products">
											</a>
											<div class="minicart-product-details">
												<h6><a href="product-details-right-sidebar.html">Aenean sagittis</a></h6>
												<span>£80 x 1</span>
											</div>
											<button class="close">
												<i class="ti ti-close"></i>
											</button>
										</li>
									</ul>
									<p class="minicart-total">SUBTOTAL: <span>£315.00</span></p>
									<div class="minicart-button">
										<a href="checkout.html" class="sf-button sf-button-dark sf-button-fullwidth sf-button-sm">
											<span>View Full Cart</span>
										</a>
										<a href="checkout.html" class="sf-button sf-button-fullwidth sf-button-sm">
											<span>Checkout</span>
										</a>
									</div>
								</div>
							</li>
						</ul>
						<a href="index.html" class="logo">
							<img src="img/logo/logo-dark.png" alt="slimfit">
						</a>
					</div>
				</div>
			</div>
			<!--// Header Mobile Menu -->
		</header>
		<!--// Header -->
		<!-- Hero Area -->
		<div class="hero-area slider-navigation-1">
			<!-- Single Slide Item -->
			<div class="single-hero-item bg-grey d-flex align-items-center">
				<div class="container">
					<div class="hero-item-inner">
						<div class="row align-items-center justify-content-center">
							<div class="col-xl-6 col-lg-7 col-md-7 col-12 order-2 order-md-1">
								<div class="hero-content">
									<h1><span>SHAPE UP YOU</span> GET YOUR BODY SLIMFIT</h1>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiunt ut labore et dmagna aliqua. Ut enim ad minim veniam, quis nostrud .</p>
									<a href="shop-right-sidebar.html" class="sf-button">
										<span>Shop Now</span>
									</a>
								</div>
							</div>
							<div class="col-xl-6 col-lg-5 col-md-5 col-sm-6 order-1 order-md-2 align-self-end">
								<div class="hero-image">
									<img src="img/hero-image/hero-image-1.png" alt="hero image">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--// Single Slide Item -->
			<!-- Single Slide Item -->
			<div class="single-hero-item bg-grey d-flex align-items-center">
				<div class="container">
					<div class="hero-item-inner">
						<div class="row align-items-center justify-content-center">
							<div class="col-xl-6 col-lg-7 col-md-7 col-12 order-2 order-md-1">
								<div class="hero-content">
									<h1><span>AWESOME SHAPE</span>SLIMFIT BODY MAKER</h1>
									<p>Amet, a ratione sunt quia accusantium labore. Magni quas error, voluptatum beatae saepe magnam commodi possimus ex impedit aliquam.</p>
									<a href="shop-right-sidebar.html" class="sf-button">
										<span>Shop Now</span>
									</a>
								</div>
							</div>
							<div class="col-xl-6 col-lg-5 col-md-5 col-sm-6 order-1 order-md-2 align-self-end">
								<div class="hero-image">
									<img src="img/hero-image/hero-image-2.png" alt="hero image">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--// Single Slide Item -->
			<!-- Single Slide Item -->
			<div class="single-hero-item bg-grey d-flex align-items-center">
				<div class="container">
					<div class="hero-item-inner">
						<div class="row align-items-center justify-content-center">
							<div class="col-xl-6 col-lg-7 col-md-7 col-12 order-2 order-md-1">
								<div class="hero-content">
									<h1><span>BEAUTIFUL SHAPE</span>STAY SLIMFIT FOREVER</h1>
									<p>Magni cupiditate soluta omnis dicta recusandae pariatur laboriosam obcaecati explicabo consequatur doloribus, molestias a, esse officia.</p>
									<a href="shop-right-sidebar.html" class="sf-button">
										<span>Shop Now</span>
									</a>
								</div>
							</div>
							<div class="col-xl-6 col-lg-5 col-md-5 col-sm-6 order-1 order-md-2 align-self-end">
								<div class="hero-image">
									<img src="img/hero-image/hero-image-3.png" alt="hero image">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--// Single Slide Item -->
		</div>
		<!--// Hero Area -->
		<!-- Page Conttent -->
		<main class="page-content">
			<!-- Banner Area -->
			<div class="banners-area bg-white">
				<div class="container">
					<div class="row">
						<div class="col-lg-7 col-md-7 col-12 mt-30">
							<div class="image-banner">
								<a href="product-details.html">
									<img src="img/banners/banner-image-1.jpg" alt="Banner Image 1">
								</a>
							</div>
						</div>
						<div class="col-lg-5 col-md-5 col-12 mt-30">
							<div class="image-banner">
								<a href="product-details.html">
									<img src="img/banners/banner-image-2.jpg" alt="Banner Image 2">
								</a>
							</div>
						</div>
						<div class="col-12 mt-30">
							<div class="image-banner">
								<a href="product-details.html">
									<img src="img/banners/banner-image-3.jpg" alt="Banner Image 3">
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--// Banner Area -->
			<!-- Section New Arrival -->
			<div class="sf-section new-arrival-area section-padding-lg bg-white">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-lg-6">
							<div class="section-title text-center">
								<h6>BE THE HOURGLASS</h6>
								<h3>NEW ARRIVAL</h3>
							</div>
						</div>
					</div>
					<div class="row products-wrapper products-slider-active slider-navigation-1">
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-1.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-5.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">New</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-2.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-6.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">New</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-3.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-7.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-4.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-8.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">Sale</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-9.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-13.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">Sale</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-10.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-14.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">New</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-11.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-15.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
					</div>
				</div>
			</div>
			<!--// Section New Arrival -->
			<!-- Fullwidth Banner -->
			<div class="sf-section fullwidth-banner-area section-padding-lg bg-banner-1" data-white-overlay="7">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-lg-6 col-md-8 col-sm-10 col-12">
							<div class="banner-content text-center">
								<h6>NEW ARRIVAL</h6>
								<h2><span>40%</span> OFF FOR ALL</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiunt ut labore et dmagna aliqua.</p>
								<a href="shop.html" class="sf-button">
									<span>Shop Now</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--// Fullwidth Banner -->
			<!-- Featured Shop Item -->
			<div class="sf-section featured-shop-item section-padding-lg bg-white">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-lg-6">
							<div class="section-title text-center">
								<h6>FEATURED SHOP ITEM</h6>
								<h3>FEATURED PRODUCT</h3>
							</div>
						</div>
					</div>
					<div class="row products-wrapper">
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-9.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-13.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">Sale</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-10.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-14.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">New</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-11.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-15.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-12.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-16.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-1.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-5.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">New</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-2.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-6.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">New</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-3.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-7.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox"><del>$60.00</del> $50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
						<!-- Single product -->
						<div class="col-lg-3 col-md-4 col-sm-6 col-12">
							<div class="product-item">
								<div class="product-item-topside">
									<div class="product-item-images">
										<img src="img/product/thumbnail-size/product-image-4.jpg" alt="product image">
										<img src="img/product/thumbnail-size/product-image-8.jpg" alt="product image">
									</div>
									<ul class="product-item-actions">
										<li class="trigger-add-to-cart"><a href="#"><i class="ti ti-shopping-cart"></i></a></li>
										<li class="quick-view-trigger"><a href="#"><i class="ti ti-eye"></i></a></li>
										<li class="trigger-add-to-compare"><a href="#"><i class="ti ti-reload"></i></a></li>
										<li class="trigger-add-to-wishlist"><a href="#"><i class="ti ti-heart"></i></a></li>
									</ul>
									<span class="product-item-badge">Sale</span>
								</div>
								<div class="product-item-bottomside">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<h6><a href="product-details.html">Full Body Shapewear</a></h6>
									<span class="pricebox">$50.00</span>
								</div>
							</div>	
						</div>
						<!--// Single product -->
					</div>
				</div>
			</div>
			<!--// Featured Shop Item -->
			<!-- Banner Area -->
			<div class="sf-section banners-area bg-white section-padding-bottom-lg">
				<div class="container">
					<div class="image-banner-wrapper">
						<div class="row">
							<div class="col-lg-4 col-md-6 col-sm-6 col-12">
								<div class="image-banner mt-30">
									<a href="product-details.html">
										<img src="img/banners/banner-image-4.jpg" alt="Banner Image 4">
									</a>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-12">
								<div class="image-banner mt-30">
									<a href="product-details.html">
										<img src="img/banners/banner-image-5.jpg" alt="Banner Image 5">
									</a>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-12">
								<div class="image-banner mt-30">
									<a href="product-details.html">
										<img src="img/banners/banner-image-6.jpg" alt="Banner Image 6">
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--// Banner Area -->
			<!-- Random Products View -->
			<div class="sf-section random-products-view bg-grey section-padding-lg">
				<div class="container">
					<div class="random-products-margin-fix">
						<div class="row">
							<!-- Single Column -->
							<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
								<div class="random-products-column">
									<h6>RANDOM PRODUCTS</h6>
									<div class="random-products-wrapper">
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-1.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-2.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox"><del>$60.00</del> $50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-3.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
									</div>
								</div>
							</div>
							<!--// Single Column -->
							<!-- Single Column -->
							<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
								<div class="random-products-column">
									<h6>NEW ARRIVAL PRODUCT</h6>
									<div class="random-products-wrapper">
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-4.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-5.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox"><del>$60.00</del> $50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-6.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
									</div>
								</div>
							</div>
							<!--// Single Column -->
							<!-- Single Column -->
							<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
								<div class="random-products-column">
									<h6>BEST SELLER PRODUCT</h6>
									<div class="random-products-wrapper">
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-7.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox"><del>$60.00</del> $50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-8.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-9.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
									</div>
								</div>
							</div>
							<!--// Single Column -->
							<!-- Single Column -->
							<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-12">
								<div class="random-products-column">
									<h6>ON SALE PRODUCT</h6>
									<div class="random-products-wrapper">
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-10.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox"><del>$60.00</del> $50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-11.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
										<!-- Single product -->
										<div class="product-item product-item-mini">
											<div class="product-item-topside">
												<div class="product-item-images">
													<img src="img/product/mini-size/product-image-mini-12.png" alt="product image">
												</div>
												<ul class="product-item-actions">
													<li><a href="product-details.html"><i class="ti ti-share"></i></a></li>
												</ul>
											</div>
											<div class="product-item-bottomside">
												<h6><a href="product-details.html">Full Body Shapewear</a></h6>
												<div class="ratting-box">
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span class="active"><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
													<span><i class="ti ti-star"></i></span>
												</div>
												<span class="pricebox">$50.00</span>
											</div>
										</div>
										<!--// Single product -->
									</div>
								</div>
							</div>
							<!--// Single Column -->
						</div>
					</div>
				</div>
			</div>
			<!--// Random Products View -->
			<!-- Blog Area -->
			<div class="sf-section blog-area bg-white section-padding-lg">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-lg-6">
							<div class="section-title text-center">
								<h6>FEATURED SHOP ITEM</h6>
								<h3>FROM OUR LATEST BLOG</h3>
							</div>
						</div>
					</div>
					<div class="row blog-slider-active slider-navigation-1">
						<!-- Single Blog -->
						<div class="col-12">
							<div class="blog-item">
								<div class="blog-item-image">
									<img src="img/blog/blog-image-1.jpg" alt="blog image">
								</div>
								<div class="blog-item-content">
									<div class="blog-item-content-inner">
										<span class="blog-item-author">By: <a href="blog.html">Denial Mikko</a></span>
										<h6 class="blog-item-title"><a href="blog-details.html">NAOMI & NICOLE CLASSIC BODYSHORT </a></h6>
										<p>Lorem ipsum or sit amet, consectetur adipisicing elit, sed por incididunt ut laborer.</p>
										<div class="blog-item-meta">
											<span>20th July, 2018</span>
											<span><a href="#">Comment’s : 05</a></span>
											<span><a href="#">Like : 08</a></span>
										</div>
										<a href="blog-details.html" class="sf-button sf-button-transparent sf-button-sm">
											<span>Read More</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<!--// Single Blog -->
						<!-- Single Blog -->
						<div class="col-12">
							<div class="blog-item">
								<div class="blog-item-image">
									<img src="img/blog/blog-image-2.jpg" alt="blog image">
								</div>
								<div class="blog-item-content">
									<div class="blog-item-content-inner">
										<span class="blog-item-author">By: <a href="blog.html">Denial Mikko</a></span>
										<h6 class="blog-item-title"><a href="blog-details.html">NAOMI & NICOLE CLASSIC BODYSHORT </a></h6>
										<p>Lorem ipsum or sit amet, consectetur adipisicing elit, sed por incididunt ut laborer.</p>
										<div class="blog-item-meta">
											<span>20th July, 2018</span>
											<span><a href="#">Comment’s : 05</a></span>
											<span><a href="#">Like : 08</a></span>
										</div>
										<a href="blog-details.html" class="sf-button sf-button-transparent sf-button-sm">
											<span>Read More</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<!--// Single Blog -->
						<!-- Single Blog -->
						<div class="col-12">
							<div class="blog-item">
								<div class="blog-item-image">
									<img src="img/blog/blog-image-3.jpg" alt="blog image">
								</div>
								<div class="blog-item-content">
									<div class="blog-item-content-inner">
										<span class="blog-item-author">By: <a href="blog.html">Denial Mikko</a></span>
										<h6 class="blog-item-title"><a href="blog-details.html">NAOMI & NICOLE CLASSIC BODYSHORT </a></h6>
										<p>Lorem ipsum or sit amet, consectetur adipisicing elit, sed por incididunt ut laborer.</p>
										<div class="blog-item-meta">
											<span>20th July, 2018</span>
											<span><a href="#">Comment’s : 05</a></span>
											<span><a href="#">Like : 08</a></span>
										</div>
										<a href="blog-details.html" class="sf-button sf-button-transparent sf-button-sm">
											<span>Read More</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<!--// Single Blog -->
						<!-- Single Blog -->
						<div class="col-12">
							<div class="blog-item">
								<div class="blog-item-image">
									<img src="img/blog/blog-image-4.jpg" alt="blog image">
								</div>
								<div class="blog-item-content">
									<div class="blog-item-content-inner">
										<span class="blog-item-author">By: <a href="blog.html">Denial Mikko</a></span>
										<h6 class="blog-item-title"><a href="blog-details.html">NAOMI & NICOLE CLASSIC BODYSHORT </a></h6>
										<p>Lorem ipsum or sit amet, consectetur adipisicing elit, sed por incididunt ut laborer.</p>
										<div class="blog-item-meta">
											<span>20th July, 2018</span>
											<span><a href="#">Comment’s : 05</a></span>
											<span><a href="#">Like : 08</a></span>
										</div>
										<a href="blog-details.html" class="sf-button sf-button-transparent sf-button-sm">
											<span>Read More</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<!--// Single Blog -->
					</div>
				</div>
			</div>
			<!--// Blog Area -->
			<!-- Supports Area -->
			<div class="sf-section supports-area bg-white section-padding-bottom-lg">
				<div class="container">
					<div class="support-items-wrapper">
						<div class="support-item">
							<span class="support-item-icon">
								<img src="img/icons/icon-reload.png" alt="return">
							</span>
							<h5>90 DAYS RETURN</h5>
							<p>30 days for free return</p>
						</div>
						<div class="support-item">
							<span class="support-item-icon">
								<img src="img/icons/icon-support.png" alt="return">
							</span>
							<h5>24/7 SUPPORT</h5>
							<p>30 days for free return</p>
						</div>
						<div class="support-item">
							<span class="support-item-icon">
								<img src="img/icons/icon-origami.png" alt="return">
							</span>
							<h5>FREE SHIPPING</h5>
							<p>Gift card on 2 purchase</p>
						</div>
						<div class="support-item">
							<span class="support-item-icon">
								<img src="img/icons/icon-present.png" alt="return">
							</span>
							<h5>GIFT CARD</h5>
							<p>Gift card on 2 purchase</p>
						</div>
					</div>
				</div>
			</div>
			<!--// Supports Area -->
		</main>
		<!--// Page Conttent -->
		<!-- Footer Area -->
		<footer class="footer-area">
			<!-- Footer Newsletter Area -->
			<div class="footer-newsletter section-padding-sm cr-border cr-border-top">
				<div class="container custom-container">
					<div class="row align-items-center">
						<div class="col-lg-5">
							<div class="newsletter-content">
								<span class="newsletter-content-icon"><i class="ti ti-comment"></i></span>
								<h3>NEWSLETTER</h3>
								<p>Be the first to know about the latest fashion  and get exclusive offers</p>
							</div>
						</div>
						<div class="col-lg-7">
							<form id="mc-form" class="newsletter-form">
								<input type="email" name="newsletter-email" id="mc-email" placeholder="Email address...">
								<button type="submit" class="sf-button" id="mc-submit">
									<span>SUBSCRIBE NOW</span>
								</button>
							</form>
							<div class="mailchimp-alerts text-centre">
								<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>
						</div>
					</div>
				</div>
			</div>
			<!--// Footer Newsletter Area -->
			<!-- Footer Top Area -->
			<div class="footer-top-area bg-grey section-padding-lg">
				<div class="container">
					<div class="row footer-widgets">
						<!-- Single Widget -->
						<div class="col-lg-3 col-md-6 col-sm-6 col-12">
							<div class="footer-widget footer-widget-about">
								<a href="index.html" class="footer-logo">
									<img src="img/logo/logo-theme.png" alt="slimfit">
								</a>
								<p>Lorem ipsum dolor sit amet, consemi cteta dipisi cing elit, sed do eiusmod tempor incididunt ut labor.</p>
								<ul class="footer-social-icons">
									<li><a href="#"><i class="ti ti-facebook"></i></a></li>
									<li><a href="#"><i class="ti ti-instagram"></i></a></li>
									<li><a href="#"><i class="ti ti-google"></i></a></li>
									<li><a href="#"><i class="ti ti-pinterest"></i></a></li>
									<li><a href="#"><i class="ti ti-twitter"></i></a></li>
								</ul>
							</div>
						</div>
						<!--// Single Widget -->
						<!-- Single Widget -->
						<div class="col-lg-3 col-md-6 col-sm-6 col-12">
							<div class="footer-widget footer-widget-links footer-widget-links-1">
								<h6 class="footer-widget-title">MY ACCOUNT</h6>
								<ul>
									<li><a href="#">Track Your Order</a></li>
									<li><a href="#">Return Polcy</a></li>
									<li><a href="#">Warranty</a></li>
									<li><a href="#">Payments</a></li>
									<li><a href="#">FAQs</a></li>
								</ul>
							</div>
						</div>
						<!--// Single Widget -->
						<!-- Single Widget -->
						<div class="col-lg-3 col-md-6 col-sm-6 col-12">
							<div class="footer-widget footer-widget-links footer-widget-links-2">
								<h6 class="footer-widget-title">SHOP GUIDE</h6>
								<ul>
									<li><a href="#">Hot Sale</a></li>
									<li><a href="#">Best Sellar</a></li>
									<li><a href="#">Suppliers</a></li>
									<li><a href="#">Our Store</a></li>
									<li><a href="#">Deal of The Day</a></li>
								</ul>
							</div>
						</div>
						<!--// Single Widget -->
						<!-- Single Widget -->
						<div class="col-lg-3 col-md-6 col-sm-6 col-12">
							<div class="footer-widget footer-widget-contact">
								<h6 class="footer-widget-title">CONTACT INFO</h6>
								<ul>
									<li><i class="ti ti-home"></i>Lusmod tempor incididunt wesbvn</li>
									<li><i class="ti ti-comment"></i>Lorem ipsum dolor sit amet</li>
									<li><i class="ti ti-mobile"></i><a href="tel:+256987654321">(256) 987 654 321</a></li>
									<li><i class="ti ti-timer"></i>8.00 am-6.00 pm</li>
								</ul>
							</div>
						</div>
						<!--// Single Widget -->
					</div>
				</div>
			</div>
			<!--// Footer Top Area -->
			<!-- Footer Bottom Area -->
			<div class="footer-bottom-area bg-dark">
				<div class="container">
					<div class="footer-copyright-area">
						<p>Copyright ? 2018 <a href="http://www.cqetom.live//">SLIMFIT</a>. All Right Reserved.</p>
						<img src="img/icons/payment.png" alt="payment icon">
					</div>
				</div>
			</div>
			<!--// Footer Bottom Area -->
		</footer>
		<!--// Footer Area -->
		<!-- Quick View Modal -->
		<div class="quick-view-modal">
			<span class="body-overlay"></span>
			<div class="quick-view-modal-inner">
				<div class="container">
					<!-- Product Details Inner -->
					<div class="row product-details">
						<!-- Product Details Left -->
						<div class="col-lg-5">
							<div class="product-details-left">
								<div class="product-details-images slider-navigation-2">
									<a href="img/product/large-size/product-image-1.jpg">
										<img src="img/product/thumbnail-size/product-image-1.jpg" alt="product image">
									</a>
									<a href="img/product/large-size/product-image-2.jpg">
										<img src="img/product/thumbnail-size/product-image-2.jpg" alt="product image">
									</a>
									<a href="img/product/large-size/product-image-3.jpg">
										<img src="img/product/thumbnail-size/product-image-3.jpg" alt="product image">
									</a>
									<a href="img/product/large-size/product-image-4.jpg">
										<img src="img/product/thumbnail-size/product-image-4.jpg" alt="product image">
									</a>
								</div>
								<div class="product-details-thumbs slider-navigation-2">										
									<img src="img/product/small-size/product-image-1.jpg" alt="product image thumb">
									<img src="img/product/small-size/product-image-2.jpg" alt="product image thumb">
									<img src="img/product/small-size/product-image-3.jpg" alt="product image thumb">
									<img src="img/product/small-size/product-image-4.jpg" alt="product image thumb">
								</div>
							</div>
						</div>
						<!--// Product Details Left -->
						<!-- Product Details Right -->
						<div class="col-lg-7">
							<div class="product-details-right">
								<h5 class="product-title">Full Body Shapewear</h5>
								<div class="ratting-stock-availbility">
									<div class="ratting-box">
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span class="active"><i class="ti ti-star"></i></span>
										<span><i class="ti ti-star"></i></span>
									</div>
									<span class="stock-available">In stock</span>
								</div>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero vulputate rutrum. Morbi ornare lectus quis justo gravida semper. Nulla tellus mi, vulputate adipiscing cursus eu, suscipit id nulla. adipiscing cursus eu, suscipit id nulla.</p>
								<span class="pricebox"><del>$60.00</del> $50.00</span>
								<div class="product-details-quantity">
									<div class="quantity-select">
										<input type="text" value="1">
									</div>
									<a href="#" class="sf-button sf-button-sm">
										<span>ADD TO CART</span>
									</a>
								</div>
								<div class="product-details-color">
									<span>Color :</span>
									<ul>
										<li class="red"><span></span></li>
										<li class="green checked"><span></span></li>
										<li class="blue"><span></span></li>
										<li class="purple"><span></span></li>
									</ul>
								</div>
								<div class="product-details-size">
									<span>Size :</span>
									<ul>
										<li class="checked"><span>S</span></li>
										<li><span>M</span></li>
										<li><span>L</span></li>
										<li><span>XL</span></li>
										<li><span>XXL</span></li>
									</ul>
								</div>
								<div class="product-details-categories">
									<span>Categories :</span>
									<ul>
										<li><a href="shop.html">Accessories</a></li>
										<li><a href="shop.html">Kids</a></li>
										<li><a href="shop.html">Women</a></li>
									</ul>
								</div>
								<div class="product-details-tags">
									<span>Tags :</span>
									<ul>
										<li><a href="shop.html">Electronic</a></li>
										<li><a href="shop.html">Television</a></li>
									</ul>
								</div>
								<div class="product-details-socialshare">
									<span>Share :</span>
									<ul>
										<li><a href="#"><i class="ti ti-facebook"></i></a></li>
										<li><a href="#"><i class="ti ti-twitter"></i></a></li>
										<li><a href="#"><i class="ti ti-google"></i></a></li>
										<li><a href="#"><i class="ti ti-linkedin"></i></a></li>
										<li><a href="#"><i class="ti ti-instagram"></i></a></li>
									</ul>
								</div> 
							</div>
						</div>
						<!--// Product Details Right -->
					</div>
					<!--// Product Details Inner -->
				</div>
				<button class="close-quickview-modal"><i class="ti ti-close"></i></button>
			</div>
		</div>
		<!--// Quick View Modal -->
	</div>
	<!--// Wrapper -->
	<!-- Js Files -->
	<script src="js/vendor/modernizr-3.6.0.min.js"></script>
	<script src="js/vendor/jquery-3.3.1.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>



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


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 bootstrap bootstrap自適應 bootstrap響應式 電商 網店 商城 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 紫色 寬屏 全屏 滿屏 服裝 服飾 服裝公司 服飾公司 服裝廠 服飾廠
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子 三种股票分析方法 财神爷六合图库 福彩500期走势图带坐标 河北快3开奖结果全部 围棋术语 七乐彩走势图浙江 股票分析方法有哪些 鸿云娱乐注册 3d号码行列分布图 福建体彩31选7走势图 广东26选5好彩2 云南快乐10分钟前三 新浪棋牌新闻手机版 pk10怎么看走势图选号 梦见赚钱 汽车钣金油漆工具赚钱吗