<!--
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>Beauty Life a Beauty and Spa Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Beauty Life 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 type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->
<!-- css 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 -->
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<link rel="stylesheet" href="css/lightbox.css"> <!-- For-Gallery-CSS -->
<!-- //css files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,thai,vietnamese" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<div class="Main-agile">
<!-- header -->
<div class="header">
<div class="container">
<div class="col-md-8 w3l_header_left">
<ul>
<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> +141 587 426 825</li>
<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <a href="mailto:info@example.com">info@example.com</a></li>
<li><span class="glyphicon glyphicon-map-marker add-w3" aria-hidden="true"></span>8901 Marmora Road, DO4 89GR.</li>
</ul>
</div>
<div class="col-md-4 w3l_header_right">
<div class="navbar-right social-icons">
<ul>
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-bottom">
<div class="container">
<div class="col-md-3 logo-w3l">
<h1><a class="navbar-brand" href="index.html"><span>B</span>eauty Life</a></h1>
</div>
<div class="col-md-9 navi-w3l">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<nav class="menu menu--francisco">
<ul class="nav navbar-nav menu__list">
<li class="menu__item menu__item--current"><a href="index.html" class="menu__link"><span class="menu__helper">Home</span></a></li>
<li class="menu__item"><a href="#about" class="menu__link scroll"><span class="menu__helper">About Us</span></a></li>
<li class="menu__item"><a href="#features" class="menu__link scroll"><span class="menu__helper">Features</span></a></li>
<li class="menu__item"><a href="#experts" class="menu__link scroll"><span class="menu__helper">Experts</span></a></li>
<li class="menu__item"><a href="#gallery" class="menu__link scroll"><span class="menu__helper">Gallery</span></a></li>
<li class="menu__item"><a href="#contact" class="menu__link scroll"><span class="menu__helper">Contact Us</span></a></li>
</ul>
</nav>
<div class="clearfix"></div>
</div><!-- /.navbar-collapse -->
<!-- /.container-fluid -->
</div>
</nav>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<!-- Slider -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="w3layouts-banner-top">
<div class="container">
<div class="slider-info">
<h3>Enhance your</h3>
<h4>health and beauty</h4>
<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Learn More</a></h5>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-banner-top1">
<div class="container">
<div class="slider-info">
<h3>JUST THE BEST PLACE FOR</h3>
<h4>BEAUTY & RELAXATION</h4>
<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Learn More</a></h5>
</div>
</div>
</div>
</li>
<li>
<div class="w3layouts-banner-top w3layouts-banner-top2">
<div class="container">
<div class="slider-info">
<h3>only for you</h3>
<h4>Keep your perfect look</h4>
<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Learn More</a></h5>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<!-- Modal5 -->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" >
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Beauty Life</h4>
<h5>Lorem ipsum dolor sit amet</h5>
<img src="images/b3.jpg" alt="blog-image" />
<span>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem , eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.accusantium doloremque laudantium, totam rem aperiamconsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
</div>
</div>
</div>
</div>
<!-- //Modal5 -->
<!-- //Slider -->
<!-- //banner -->
<!-- move-text -->
<div class="banner-w3l-bo">
<div class="demo">
<marquee behavior="scroll" style="background:#06b393; color:#fff;" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
JOIN OUR DISCOUNT CLUB & SAVE 25% ON EVERYTHING!<span> HairCare online store available here.....</span><span>40%OFF YOUR FIRST ORDER </span> <span>We offer a wide selection of spa services</span>
</marquee>
</div>
</div>
<!-- //move-text -->
</div>
<!-- welcome -->
<div class="wel
毕设&课设&大作业-美容美妆护理响应式网页模板-适配移动端-HTML网站源码.zip
版权申诉
155 浏览量
2024-03-29
11:28:56
上传
评论
收藏 1.63MB ZIP 举报
毕设&课设&大作业-美容美妆护理响应式网页模板-适配移动端-HTML网站源码.zip （55个子文件） 
毕设&课设&大作业-美容美妆护理响应式网页模板-适配移动端-HTML网站源码 html js 
bootstrap.js 66KB counterup.min.js 1KB waypoints.min.js 8KB lightbox-plus-jquery.min.js 91KB responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB jquery-2.1.4.min.js 82KB css style.css 60KB font-awesome.css 22KB bootstrap.css 138KB lightbox.css 4KB
index.html 32KB images 
g3.jpg 24KB g2.jpg 24KB b1.jpg 215KB f4.jpg 3KB f2.jpg 4KB w2.jpg 29KB b2.jpg 97KB
prev.png 413B g8.jpg 25KB f1.jpg 3KB f5.jpg 3KB up-arrows.png 439B t3.jpg 8KB w4.jpg 24KB f6.jpg 3KB down2.png 405B b3.jpg 153KB f3.jpg 4KB bgt.jpg 54KB next.png 411B g7.jpg 21KB g6.jpg 44KB t1.jpg 12KB w3.jpg 41KB t4.jpg 16KB ab2.jpg 22KB g5.jpg 23KB close.png 425B t2.jpg 11KB up2.png 421B g4.jpg 35KB ab.jpg 19KB g1.jpg 24KB w1.jpg 29KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
