紫色简洁风格的Spa养生馆企业网站源码下载



8 28 10



模板描述:紫色简洁风格 Spa养生馆 企业网站,紫色简洁风格的Spa养生馆企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/venobox.css">
<link rel="stylesheet" href="css/range.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/venobox.min.js"></script>
<script src="js/range.js"></script>
<script src="js/custom.js"></script>

3. HTML代码

	<!--================ Preloader HTML Start ======================-->
	<div class="preloader">
		<img src="images/preloader.gif" alt="Preloader Image">
	</div>
	<!--================ Preloader HTML End ======================-->
	<!--================ Back to Top HTML Start ======================-->
	<div class="top_to">
		<i class="fas fa-chevron-up"></i>
	</div>
	<!--================ Back to Top HTML End ======================-->
	<!--================ Header Part HTML Start ======================-->
	<header>
		<div class="top-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-3">
						<p>Welcome to Bella</p>
					</div>
					<div class="col-lg-8 text-right col-md-8 col-sm-9">
						<p>Open Hours: 09:00 A.M to 08:00 P.M <span>Contact: <a href="">+880 1234 567
									890</a></span></p>
					</div>
				</div>
			</div>
		</div>
		<div class="navigation">
			<div class="container">
				<div class="row">
					<div class="col-12 p-0">
						<nav class="navbar navbar-expand-md navbar-light p-0">
							<a class="navbar-brand" href="index.html">
								<img src="images/logo.png" class="img-fluid" alt="Logo">
							</a>
							<ul class="add-to-cart small-cart">
								<li>
									<a href="cart.html"><img src="images/cart.png" alt="Cart Image"></a>
								</li>
							</ul>
							<button class="navbar-toggler" type="button" data-toggle="collapse"
								data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
								aria-expanded="false" aria-label="Toggle navigation">
								<span class="fas fa-bars"></span>
							</button>
							<div class="collapse navbar-collapse" id="navbarSupportedContent">
								<ul class="navbar-nav mr-auto ml-auto">
									<li class="nav-item head-dropdown">
										<a class="nav-link active">Home <i class="fas fa-chevron-down"></i></a>
										<ul>
											<li><a href="index.html">Home One</a></li>
											<li><a href="index2.html">Home Two</a></li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="about.html">About us</a>
									</li>
									<li class="nav-item head-dropdown">
										<a class="nav-link">Pages <i class="fas fa-chevron-down"></i></a>
										<ul>
											<li><a href="product-grid.html">Product Grid</a></li>
											<li><a href="product-gridside.html">Product Grid Sidebar</a></li>
											<li><a href="product-listview.html">Product List View</a></li>
											<li><a href="product-details.html">Product Details</a></li>
											<li><a href="shopping-cart.html">Shopping Cart</a></li>
											<li><a href="cart.html">Checkout</a></li>
											<li><a href="gallery.html">Gallery</a></li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="contact.html">Contact</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="login.html">Login/Register</a>
									</li>
								</ul>
								<ul class="add-to-cart">
									<li>
										<a href="cart.html"><img src="images/cart.png" alt="Cart Image"></a>
									</li>
									<li><span class="cart_list">02 Item</span><span class="price">Total $368</span></li>
								</ul>
							</div>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!--================ Header Part HTML End ======================-->
	<!--================ Banner Part HTML Start ======================-->
	<section id="banner">
		<div class="banner-overlay">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 p-0 text-center wh-btn">
						<h1>Bella</h1>
						<h3>Spa &amp; Theraphy Center</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
							<br> tempor incidt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							<br> <span>quis nostrud exercitation ullamco laboris nisi ut aliquip.</span></p>
						<a href="#" class="abs-reflect">Book Your Seat</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ Banner Part HTML End ======================-->
	<!--================ About Part HTML Start ======================-->
	<section id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>About Bella</h2>
				</div>
				<div class="col-lg-6 col-md-6 text-right d-md-none d-lg-block about-left">
					<img src="images/about-1.png" class="img-fluid" alt="About Image">
				</div>
				<div class="col-lg-5 col-md-12 p-0">
					<div class="about-content">
						<div class="item">
							<h3>Stone Theraphy</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do smod tempor incididunt
								ut labore et dolore <span>agna aliqua. Ut enim adinim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex</span>.</p>
							<img src="images/about-icon-1.png" class="img-fluid" alt="About Icon">
						</div>
						<div class="item">
							<h3>Sauna</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do smod tempor incididunt
								ut labore et dolore <span>agna aliqua. Ut enim adinim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex</span>.</p>
							<img src="images/about-icon-2.png" class="img-fluid" alt="About Icon">
						</div>
						<div class="item">
							<h3>Hot Water Spa</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do smod tempor incididunt
								ut labore et dolore <span>agna aliqua. Ut enim adinim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex</span>.</p>
							<img src="images/about-icon-3.png" class="img-fluid" alt="About Icon">
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ About Part HTML End ======================-->
	<!--================ Bella's Service Part HTML Start =============-->
	<section id="bellas-service">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="content">
						<img src="images/service-icon-1.png" class="img-fluid" alt="Service Icon">
						<h4>Stone Theraphy<br> 2200 Persons</h4>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="content">
						<img src="images/service-icon-2.png" class="img-fluid" alt="Service Icon">
						<h4>Beauty Tips<br>1500 Persons</h4>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="content">
						<img src="images/service-icon-3.png" class="img-fluid" alt="Service Icon">
						<h4>Hot Water Spa<br> 2700 Persons</h4>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="content">
						<img src="images/service-icon-4.png" class="img-fluid" alt="Service Icon">
						<h4>Back Message<br> 2700 Persons</h4>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ Bella's Service Part HTML End =============-->
	<!--================ Gallery Part HTML Start =============-->
	<section id="gallery">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Bella’s Gallery</h2>
				</div>
				<div class="col-lg-3 col-sm-6 col-md-3 px-md-0 px-sm-0">
					<div class="gallery-items">
						<a class="venobox" data-gall="gallery01" href="images/gallery-1.jpg">
							<img src="images/gallery-1.jpg" class="img-fluid" alt="Gallery Image">
							<div class="gallery-overlay wh-btn">
								<span class="abs-reflect"><i class="fas fa-search"></i></span>
								<h3>Stone Theraphy</h3>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 col-md-3 px-md-0 px-sm-0">
					<div class="gallery-items">
						<a class="venobox" data-gall="gallery01" href="images/gallery-2.jpg">
							<img src="images/gallery-2.jpg" class="img-fluid" alt="Gallery Image">
							<div class="gallery-overlay wh-btn">
								<span class="abs-reflect"><i class="fas fa-search"></i></span>
								<h3>Stone Theraphy</h3>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 col-md-3 px-md-0 px-sm-0">
					<div class="gallery-items">
						<a class="venobox" data-gall="gallery01" href="images/gallery-3.jpg">
							<img src="images/gallery-3.jpg" class="img-fluid" alt="Gallery Image">
							<div class="gallery-overlay wh-btn">
								<span class="abs-reflect"><i class="fas fa-search"></i></span>
								<h3>Stone Theraphy</h3>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 col-md-3 px-md-0 px-sm-0">
					<div class="gallery-items">
						<a class="venobox" data-gall="gallery01" href="images/gallery-4.jpg">
							<img src="images/gallery-4.jpg" class="img-fluid" alt="Gallery Image">
							<div class="gallery-overlay wh-btn">
								<span class="abs-reflect"><i class="fas fa-search"></i></span>
								<h3>Stone Theraphy</h3>
							</div>
						</a>
					</div>
				</div>
				<div class="col-lg-12 text-center ph-btn">
					<a href="#" class="abs-reflect">Browse All</a>
				</div>
			</div>
		</div>
	</section>
	<!--================ Gallery Part HTML End =============-->
	<!--================ Join Member Part HTML Start =============-->
	<section id="join-member">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 p-0 ph-btn text-center">
					<h4>Want to get Our Services?</h4>
					<h3>Just Become Our Member Now</h3>
					<a href="#" class="abs-reflect">Join Now</a>
				</div>
			</div>
		</div>
	</section>
	<!--================ Join Member Part HTML End =============-->
	<!--================ Product Part HTML Start =============-->
	<section id="product">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Bella’s Products</h2>
				</div>
				<div class="col-12">
					<div class="row product-slide">
						<div class="col-lg-3 text-center">
							<figure>
								<div class="product-item">
									<img src="images/product-1.jpg" alt="Product Image">
								</div>
								<figcaption>
									<h4 class="title">Bella Special Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h4>Price: $9.99</h4>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</figcaption>
							</figure>
						</div>
						<div class="col-lg-3 text-center">
							<figure>
								<div class="product-item">
									<img src="images/product-2.jpg" alt="Product Image">
								</div>
								<figcaption>
									<h4 class="title">Bella Warm Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h4>Price: $9.99</h4>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</figcaption>
							</figure>
						</div>
						<div class="col-lg-3 text-center">
							<figure>
								<div class="product-item">
									<img src="images/product-3.jpg" alt="Product Image">
								</div>
								<figcaption>
									<h4 class="title">Bella Message Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h4>Price: $9.99</h4>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</figcaption>
							</figure>
						</div>
						<div class="col-lg-3 text-center">
							<figure>
								<div class="product-item">
									<img src="images/product-4.jpg" alt="Product Image">
								</div>
								<figcaption>
									<h4 class="title">Bella Fitness Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h4>Price: $9.99</h4>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</figcaption>
							</figure>
						</div>
						<div class="col-lg-3 text-center">
							<figure>
								<div class="product-item">
									<img src="images/product-2.jpg" alt="Product Image">
								</div>
								<figcaption>
									<h4 class="title">Bella Warm Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h4>Price: $9.99</h4>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</figcaption>
							</figure>
						</div>
					</div>
				</div>
				<div class="col-lg-12 text-center ph-btn">
					<a href="#" class="abs-reflect">Browse All</a>
				</div>
			</div>
		</div>
	</section>
	<!--================ Product Part HTML End =============-->
	<!--================ Testimonials Part HTML Start =============-->
	<section id="testimonials">
		<div class="test-overlay">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 col-md-12">
						<div class="row testimonial-slide">
							<div class="col-12 client">
								<div class="row">
									<div class="col-lg-3 col-md-3 p-0">
										<img src="images/client-1.jpg" class="img-fluid" alt="Client Image">
									</div>
									<div class="col-lg-9 col-md-9">
										<h4>Nargis Faqri<span>Pemium Customer</span></h4>
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod por
											incididunt ut labore et dolore magna aliqua. <span>Ut enim ad minimniam,
												quisstrud
												exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
												Duis
												aute irure dolor in reprehenderit in voluptate</span> .</p>
									</div>
								</div>
							</div>
							<div class="col-12 client">
								<div class="row">
									<div class="col-lg-3 col-md-3 p-0">
										<img src="images/client-2.jpg" class="img-fluid" alt="Client Image">
									</div>
									<div class="col-lg-9 col-md-9">
										<h4>Nargis Faqri<span>Pemium Customer</span></h4>
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod por
											incididunt ut labore et dolore magna aliqua. <span>Ut enim ad minimniam,
												quisstrud
												exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
												Duis
												aute irure dolor in reprehenderit in voluptate</span> .</p>
									</div>
								</div>
							</div>
							<div class="col-12 client">
								<div class="row">
									<div class="col-lg-3 col-md-3 p-0">
										<img src="images/client-3.jpg" class="img-fluid" alt="Client Image">
									</div>
									<div class="col-lg-9 col-md-9">
										<h4>Nargis Faqri<span>Pemium Customer</span></h4>
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod por
											incididunt ut labore et dolore magna aliqua. <span>Ut enim ad minimniam,
												quisstrud
												exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
												Duis
												aute irure dolor in reprehenderit in voluptate</span> .</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ Testimonials Part HTML End =============-->
	<!--================ Sellar Part HTML Start =============-->
	<section id="seller">
		<div class="container">
			<div class="row">
				<div class="col-lg-4">
					<div class="row">
						<div class="col-12">
							<h3>Top Seller</h3>
						</div>
						<div class="col-12 col-md-6 col-sm-6 col-lg-12">
							<div class="row ml-0 mr-0 sell-border">
								<div class="col-lg-6 col-sm-12 col-md-6 pl-lg-0 pl-md-0">
									<img src="images/sell1.jpg" class="img-fluid" alt="Selling Image">
								</div>
								<div class="col-lg-6 col-sm-12 col-md-6 pr-lg-0 px-md-0">
									<h4>Natural Product</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h5>Price: <del>$9.99</del> $6.66</h5>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6 col-sm-6 col-lg-12">
							<div class="row ml-0 mr-0 sell-border border-0">
								<div class="col-lg-6 col-sm-12 col-md-6 pl-lg-0 pl-md-0">
									<img src="images/sell4.jpg" class="img-fluid" alt="Selling Image">
								</div>
								<div class="col-lg-6 col-sm-12 col-md-6 pr-lg-0 px-md-0">
									<h4>Bella’s Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h5>Price: <del>$9.99</del> $6.66</h5>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="row">
						<div class="col-12">
							<h3>Best Seller</h3>
						</div>
						<div class="col-12 col-md-6 col-sm-6 col-lg-12">
							<div class="row ml-0 mr-0 sell-border">
								<div class="col-lg-6 col-sm-12 col-md-6 pl-lg-0 pl-md-0">
									<img src="images/sell2.jpg" class="img-fluid" alt="Selling Image">
								</div>
								<div class="col-lg-6 col-sm-12 col-md-6 pr-lg-0 px-md-0">
									<h4>Bella’s Oil</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h5>Price: <del>$9.99</del> $6.66</h5>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6 col-sm-6 col-lg-12">
							<div class="row ml-0 mr-0 sell-border border-0">
								<div class="col-lg-6 col-sm-12 col-md-6 pl-lg-0 pl-md-0">
									<img src="images/sell5.jpg" class="img-fluid" alt="Selling Image">
								</div>
								<div class="col-lg-6 col-sm-12 col-md-6 pr-lg-0 px-md-0">
									<h4>Bella’s Honey</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h5>Price: <del>$9.99</del> $6.66</h5>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="row">
						<div class="col-12">
							<h3>Trending Seller</h3>
						</div>
						<div class="col-12 col-md-6 col-sm-6 col-lg-12">
							<div class="row ml-0 mr-0 sell-border">
								<div class="col-lg-6 col-sm-12 col-md-6 pl-lg-0 pl-md-0">
									<img src="images/sell3.jpg" class="img-fluid" alt="Selling Image">
								</div>
								<div class="col-lg-6 col-sm-12 col-md-6 pr-lg-0 px-md-0">
									<h4>Bella’s Cream</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h5>Price: <del>$9.99</del> $6.66</h5>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6 col-sm-6 col-lg-12">
							<div class="row ml-0 mr-0 sell-border border-0">
								<div class="col-lg-6 col-sm-12 col-md-6 pl-lg-0 pl-md-0">
									<img src="images/sell6.jpg" class="img-fluid" alt="Selling Image">
								</div>
								<div class="col-lg-6 col-sm-12 col-md-6 pr-lg-0 px-md-0">
									<h4>Bella’s Juice</h4>
									<ul class="review">
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
										<li><i class="fas fa-star"></i></li>
									</ul>
									<h5>Price: <del>$9.99</del> $6.66</h5>
									<ul class="cart-list icon-btn">
										<li><a class="abs-reflect" href="#"><i class="fas fa-heart"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-cart-plus"></i></a></li>
										<li><a class="abs-reflect" href="#"><i class="fas fa-eye"></i></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--================ Sellar Part HTML End =============-->
	<!--================ Footer Part HTML Start =============-->
	<footer>
		<div class="footer-up" id="footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6 footer-logo col-md-6 md-gape">
						<a href="#">
							<img src="images/logo.png" class="img-fluid" alt="Footer Logo">
						</a>
						<p>Consecteturglit, sed do eiusmod. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
							sed do eiusmod tempor.</p>
						<ul class="cart-list icon-btn">
							<li><a class="abs-reflect" href="#" target="_blank"><i class="fab fa-facebook-f"></i></a>
							</li>
							<li><a class="abs-reflect" href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
							<li><a class="abs-reflect" href="#" target="_blank"><i class="fab fa-dribbble"></i></a></li>
							<li><a class="abs-reflect" href="#" target="_blank"><i class="fab fa-pinterest-p"></i></a>
							</li>
							<li><a class="abs-reflect" href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a>
							</li>
						</ul>
					</div>
					<div class="col-lg-2 col-sm-6 links col-md-4 offset-md-2 offset-lg-0 md-gape">
						<h4>Important Links</h4>
						<ul>
							<li><a href="#">Home</a></li>
							<li><a href="#">About us</a></li>
							<li><a href="#">Our Services</a></li>
							<li><a href="#">Our Portfolio</a></li>
							<li><a href="#">Testimonial</a></li>
							<li><a href="#">Contact us</a></li>
						</ul>
					</div>
					<div class="col-lg-3 col-sm-6 col-md-6 location  md-gape">
						<h4>Our Location</h4>
						<p>1234, Park Street Avenue, Newyork city
							North America.</p>
						<h4>Our Email</h4>
						<p class="minus-top">bellaspacenter@gmail.com
							spaandtheraphycenter@gmail.com</p>
						<h4>Our Website</h4>
						<p class="minus-top">www.bellasapcenter.com</p>
					</div>
					<div class="col-lg-4 col-sm-6 col-md-6 instagram  md-gape">
						<h4>Instagram Photos</h4>
						<ul>
							<li><a href="#"><img src="images/instagram1.jpg" class="img-fluid"
										alt="Instagram Photo"></a></li>
							<li><a href="#"><img src="images/instagram2.jpg" class="img-fluid"
										alt="Instagram Photo"></a></li>
							<li><a href="#"><img src="images/instagram3.jpg" class="img-fluid"
										alt="Instagram Photo"></a></li>
							<li><a href="#"><img src="images/instagram4.jpg" class="img-fluid"
										alt="Instagram Photo"></a></li>
							<li><a href="#"><img src="images/instagram5.jpg" class="img-fluid"
										alt="Instagram Photo"></a></li>
							<li><a href="#"><img src="images/instagram6.jpg" class="img-fluid"
										alt="Instagram Photo"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-7">
						<p>Copyright &copy; 2019. All rights reserved by <a href="http://www.51qianduan.com//">Themesitem</a></p>
					</div>
					<div class="col-lg-6 col-md-5 footer-bottom-card">
						<a href="#"><img src="images/mastercard.png" class="img-fluid" alt="Payment Image"></a>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!--================ Footer Part HTML End =============-->



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 养生 养生会馆 保健 保健会馆 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 紫色

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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