<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gleam Beauty Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Gleam Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta Tags -->
<!-- Style-sheets -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/lightbox.css">
<link href="css/fontawesome-all.css" rel="stylesheet">
<!--// Style-sheets -->
<!--web-fonts-->
<link href="//fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<!--//web-fonts-->
</head>
<body>
<!-- banner -->
<div class="top-bar_sub container-fluid p-3">
<div class="row">
<div class="col-sm-8 top-mid">
<p class="paragraph-agileinfo">
<i class="fas fa-map-marker-alt"></i> 14906 Northern Blvd, NY 11354, USA</p>
<p class="paragraph-agileinfo">
<i class="fas fa-phone"></i> 1-234-5678-900</p>
</div>
<div class="col-sm-4 log-icons text-right">
<ul class="social_list1">
<li class="text-center">
<a href="#" class="facebook1">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="text-center mx-sm-3 mx-2">
<a href="#" class="twitter2">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="text-center">
<a href="#" class="dribble3">
<i class="fab fa-dribbble"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="banner" id="home">
<!-- header -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light top-header">
<h1 class="logo">
<a class="navbar-brand" href="index.html">
<i class="fab fa-viadeo"></i>Gleam</a>
</h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link ml-lg-0" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#gallery">Gallery</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
More
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item text-center scroll" href="#services">Services</a>
<a class="dropdown-item text-center scroll" href="#pricing">Pricing</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- //header -->
<!-- banner-text -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner text-right">
<div class="carousel-item b1 active">
<div class="container banner-w3layouts-info">
<h3>Revitalizing beauty</h3>
<p class="mt-lg-4 mt-md-3 mt-2 py-2 px-3">Revitalizing beauty for your skin</p>
</div>
</div>
<div class="carousel-item b2">
<div class="container banner-w3layouts-info">
<h3>Relax & Rejuvenatea</h3>
<p class="mt-lg-4 mt-md-3 mt-2 py-2 px-3">Beauty tips for a fresh start</p>
</div>
</div>
<div class="carousel-item b3">
<div class="container banner-w3layouts-info">
<h3>Real Beauty</h3>
<p class="mt-lg-4 mt-md-3 mt-2 py-2 px-3">Naturally Effective Health Solutions</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- //banner -->
<!--about-->
<section class="banner-w3-agileits-btm-right py-5" id="about">
<div class="container py-xl-5 py-sm-3">
<h5 class="main-w3l-title mb-sm-4 mb-3">About Us</h5>
<div class="row">
<div class="col-lg-6 about-left">
<h3 class="subheading-wthree mb-md-4 mb-3">Naturally Effective Health Solutions</h3>
<p class="paragraph-agileinfo">Aliquam sit amet condimentum eros. Pellentesque placerat justo at maximus pretium. Ut dignissim auctor neque, at congue
neque vulputate vel, faucibus risus ac, viverra magna. </p>
<!-- Clients -->
<div class="slider mt-md-4 mt3 mb-3">
<h3 class="subheading-wthree mb-md-4 mb-3">Some of Our Clients Saying About Us</h3>
<div class="flexslider">
<ul class="slides">
<li>
<div class="client-grids">
<img src="images/c1.jpg" class="img-fluid" alt="Responsive image">
<h4 class="mt-3 mb-1">Smith Kevin</h4>
<p class="paragraph-agileinfo"> consectetur adipiscing elit, sed do eiusmod idunt ut labore. sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
</li>
<li>
<div class="client-grids">
<img src="images/c2.jpg" class="img-fluid" alt="Responsive image">
<h4 class="mt-3 mb-1">Laura Hill</h4>
<p class="paragraph-agileinfo"> consectetur adipiscing elit, sed do eiusmod idunt ut labore. sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
</li>
<li>
<div class="client-grids">
<img src="images/c3.jpg" class="img-fluid" alt="Responsive image">
<h4 class="mt-3 mb-1">Thomson Doe</h4>
<p class="paragraph-agileinfo"> consectetur adipiscing elit, sed do eiusmod idunt ut labore. sed do eiusmod tempor incididunt ut labore et dolore.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--// Clients -->
<div class="col-lg-6 mt-lg-0 mt-5">
<div class="ab1 mr-auto"></div>
<div class="ab2 my-4 ml-auto"></div>
<div class="ab3 mr-auto"></div>
</div>
</div>
</div>
</section>
<!--//about-->
<!--services-->
<section class="services-section py-5" id="services">
<div class="container pt-xl-5 pt-sm-3">
<h5 class="main-w3l-title mb-sm-4 mb-3">Services & Prices</h5>
<div class="srategy-text mb-5">
<p class="paragraph-agileinfo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis tristique est, e
课设&大作业&毕设-美容护肤SPA响应式网站模板-适配移动端-HTML源码.zip （50个子文件） 
课设&大作业&毕设-美容护肤SPA响应式网站模板-适配移动端-HTML源码 html js 
lightbox-plus-jquery.min.js 91KB bootstrap.min.js 48KB jquery.flexslider.js 55KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 48KB fa-solid-900.eot 100KB fa-solid-900.ttf 100KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 38KB fa-solid-900.svg 369KB css style.css 19KB flexslider.css 7KB bootstrap.css 174KB fontawesome-all.css 42KB lightbox.css 4KB
index.html 26KB images 
g3.jpg 37KB g2.jpg 37KB services.jpg 91KB bb3.jpg 14KB c1.jpg 13KB c2.jpg 20KB bb4.jpg 21KB banner3.jpg 253KB
left.png 401B bb1.jpg 11KB g6.jpg 41KB subscribe.jpg 93KB banner1.jpg 191KB g5.jpg 20KB bb2.jpg 15KB c3.jpg 26KB close.png 421B arr.png 3KB right.png 396B g4.jpg 88KB c4.jpg 16KB banner2.jpg 298KB g1.jpg 26KB资源评论
