<!--
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="zxx">
<head>
<title>Upshot Beauty Category Bootstrap Responsive Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Upshot Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- mian-content -->
<div class="main-banner" id="home">
<div class="bg-overlay">
<!-- header -->
<header>
<div class="container">
<div class="header d-lg-flex align-items-center">
<div class="header-agile">
<h1>
<a class="navbar-brand logo" href="index.html">
Upshot
</a>
</h1>
</div>
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle"><span class="fa fa-bars" aria-hidden="true"></span></label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li class="p-0">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Pages <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Drop Down <span class="fa fa-caret-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul class="inner-dropdown">
<li><a href="#stats">Why Choose Us</a></li>
<li><a href="#team">team</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</li>
<li><a href="#gallery">Collections</a></li>
</ul>
</nav>
</div>
<div class="buttons ml-auto">
<ul class="form-w3pvt-grid">
<li><a href="#contact" class="user">
<span class="fa fa-user-o"></span>
</a>
</li>
<li>
<form action="#" method="post" class="newsletter">
<input class="search" type="search" placeholder="" required="">
<button class="form-control btn" value=""><span class="fa fa-search"></span></button>
<div class="clearfix"></div>
</form>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- //header -->
<div class="container">
<div class="banner-info">
<h3>Pro Skin Whitening Creams of 2019</h3>
<p><span class="fa fa-envelope" aria-hidden="true"></span> Don't miss out ! Get Special Discount In Your Inbox</p>
<form action="#" method="post" class="">
<input type="email" name="Email" placeholder="Enter your email..." required="">
<button type="submit" class="btn"><span class="fa fa-paper-plane"></span></button>
<div class="clearfix"> </div>
</form>
</div>
</div>
</div>
</div>
<!-- about -->
<section class="about py-5" id="about">
<div class="container py-md-4">
<div class="row py-md-5">
<div class="col-lg-4 about-left-w3pvt offset-lg-1 mt-lg-4">
<div class="main-img">
<img src="images/ab.jpg" alt="" class="img-fluid pos-aboimg">
<img src="images/g3.jpg" alt="" class="img-fluid pos-aboimg2">
</div>
</div>
<div class="col-xl-6 col-lg-7 about-right offset-xl-1">
<h4 class="sub-tittle">About Us</h4>
<h3 class="title-w3pvt pr-lg-5 mt-2">Duis aute irure olor in cillum solore</h3>
<p class="my-4">Lorem ipsum dolor sit amet Neque porro quisquam est qui dolorem Lorem int ipsum dolor sit
amet id tempor felis. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliquaLorem ipsum dolor sit.</p>
<a href="#services" class="btn button-style-2 mt-sm-5 mt-4">Read More</a>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- facts -->
<section class="facts pt-5" id="stats">
<div class="container">
<div class="row">
<div class="col-lg-7 pt-5">
<div class="inner-heading">
<h3 class="title-w3pvt my-md-4"> Why Choose Us</h3>
<p class="mt-md-0 mt-2">Donec cursus congue risus, quis varius velit accumsan aliquam. Morbi semper nunc. Perspiciatis unde omnis iste
natus doloret ipsum volupte ut accusal ntium dolor remque laudantium, totam dolor</p>
</div>
<div class="row mt-5 fact-grid-main">
<div class="col-sm-4 stats-grid">
<span class="fa fa-trophy"></span>
<span>250</span>
<h4>Experienced Barbers</h4>
</div>
<div class="col-sm-4 stats-grid">
<span class="fa fa-scissors"></span>
<span>50+</span>
<
[web前端]&[课程设计]&[网站源码]-美肤化妆品展示响应式网页模板.7z
需积分: 5 38 浏览量
2024-06-21
14:39:02
上传
评论
收藏 2.59MB 7Z 举报
[web前端]&[课程设计]&[网站源码]-美肤化妆品展示响应式网页模板.7z （25个子文件） 
[web前端]&[课程设计]&[网站源码]-美肤化妆品展示响应式网页模板 html css 
style.css 25KB font-awesome.css 37KB bootstrap.css 174KB
index.html 28KB images 
g3.jpg 21KB g2.jpg 41KB team4.jpg 30KB banner.jpg 879KB team3.jpg 26KB team2.jpg 21KB g6.jpg 87KB
why.png 679KB ab2.jpg 65KB g5.jpg 41KB g4.jpg 24KB ab.jpg 42KB team1.jpg 17KB ab1.jpg 42KB g1.jpg 55KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
