<!--
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>Beauty Spa Beauty Category Bootstrap Responsive Website 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="Beauty Spa 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 -->
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- pop up box -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- gallery light box -->
<link href="css/lsb.css" rel="stylesheet" type="text/css" media="all">
<!-- Style-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Font-Awesome-Icons-CSS -->
<link rel="stylesheet" href="css/fontawesome-all.css">
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Paytone+One&subset=latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Montez" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body data-spy="scroll" data-target=".fixed-top">
<div id="home">
<!-- header -->
<header>
<!-- navbar -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand text-white font-weight-bold" href="index.html">
<span>B</span>eauty
<span>S</span>pa</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto text-center mr-xl-5 mt-lg-0 mt-3">
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#home">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#about">About Us</a>
</li>
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#treat">Treatments</a>
</li>
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#services">Services</a>
</li>
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#team">Our Team</a>
</li>
<li class="nav-item mr-lg-2 mb-lg-0 mb-2">
<a class="nav-link scroll" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- //navbar ends here -->
</header>
<!-- //header -->
<!-- banner -->
<div class="banner-w3l">
<div class="container">
<div class="banner-left-wthree">
<div class="banner-text-effectw3ls">
<div class="center-outer">
<div class="center-inner">
<div class="bubbles">
<h1>Beauty Spa</h1>
</div>
</div>
</div>
</div>
<h4 class="text-dark text-capitalize sec-text-w3ls pt-lg-5 pt-4 pb-sm-4 pb-3">sessions of
<span>relaxation</span>
</h4>
<p class="text-capitalize mb-sm-4 mb-3">the balance & harmony of body and mind.
<span class="text-lowercase d-block">Negrar èla storia di uoini donne dediti alla Nullam dui dolor, sagittis ut nte eget.</span>
</p>
<a href="#small-dialog1" class="play-icon popup-with-zoom-anim btn mt-md-4 mt-3" title="Play Video">Watch Video</a>
</div>
</div>
</div>
<!-- popup video -->
<div id="small-dialog1" class="mfp-hide">
<div class="agileits_modal_body">
<iframe src="https://player.vimeo.com/video/45062348"></iframe>
</div>
</div>
<!-- //popup video -->
</div>
<!-- //banner -->
<!-- about -->
<div class="bottom-agile py-5" id="about">
<div class="container py-xl-5 py-lg-3">
<div class="about-top p-xl-5 p-sm-4 p-3 text-center">
<h3>Welcome</h3>
<p class="text-white mt-2 mb-4 mx-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem
ipsum dolor sit amet.
</p>
<img src="images/bo2.png" alt="" class="img-fluid">
</div>
<div class="row about-bottom-w3ls mt-md-5 mt-4">
<div class="col-md-4 grids-w3lsm">
<div class="top-head-abagile">
<h3 class="border-left text-capitalize text-dark pl-4 mb-4">special care
<span>solutions</span>
</h3>
</div>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore</p>
</div>
<div class="col-md-4 grids-w3lsm my-md-0 my-4">
<div class="top-head-abagile">
<h3 class="border-left text-capitalize text-dark pl-4 mb-4">body care &
<span>massage</span>
</h3>
</div>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore</p>
</div>
<div class="col-md-4 grids-w3lsm">
<div class="top-head-abagile">
<h3 class="border-left text-capitalize text-dark pl-4 mb-4">oils &
<span>aromatherapy</span>
</h3>
</div>
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore</p>
</div>
</div>
</div>
</div>
<!-- //about -->
<!-- treatments -->
<div class="treat-agile" id="treat">
<div class="rectangle" id="rec1">
<div class="container-fluid">
<div class="row">
<div class="col-lg-7 left-treat-w3l pb-5">
<div class="py-xl-5 py-lg-3">
<h3 class="text-capitalize font-weight-bold title mb-4">special treatments</h3>
<p></p>
<ul class="list-unstyled mt-4">
<li>
<i class="far fa-hand-point-right pr-xl-3 pr-2"></i> Keep your skin radiant this winter.
</li>
<li class="my-3">
<i class="far fa-hand-point-right pr-xl-3 pr-2"></i> Created from natural herbs – Ginseng roots extract.
</li>
<li>
<i class="far fa-hand-point-right pr-xl-3 pr-2"></i> Provide treatments and products that are safe, sanitary.
</li>
<li class="my-3">
<i class="far fa-hand-point-right pr-xl-3 pr-2"></i> Quantity product from BB Wellness & Spa</li>
<li>
<i class="far fa-hand-point-right pr-xl-3 pr-2"></i> Keep your skin radiant this winter.
</li>
<li class="my-3">
<i class="far fa-hand-point-right pr-xl-3 pr-2"></i> Provide treatments and products that are safe.
</li>
</ul>
</div>
</div>
<div class="col-lg-5 right-treat-w3l text-lg-right text-center px-lg-0">
<img src="images/treat3.png" alt="" class="img-flui
课设&大作业&毕设-美容SPA专业护理响应式网页模板-适配移动端-HTML源码.zip
版权申诉
49 浏览量
2024-03-28
09:36:23
上传
评论
收藏 2.57MB ZIP 举报
课设&大作业&毕设-美容SPA专业护理响应式网页模板-适配移动端-HTML源码.zip （61个子文件） 
课设&大作业&毕设-美容SPA专业护理响应式网页模板-适配移动端-HTML源码 html js 
bootstrap.js 112KB jquery.magnific-popup.js 45KB SmoothScroll.min.js 13KB jquery-2.2.3.min.js 84KB lsb.min.js 6KB jquery.canvas.particles.min.js 9KB text_effect.js 2KB easing.js 5KB move-top.js 1KB beauty_spa.js 2KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 49KB fa-solid-900.eot 104KB fa-solid-900.ttf 103KB 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 39KB fa-solid-900.svg 382KB css style.css 34KB lsb.css 11KB popuo-box.css 7KB bootstrap.css 174KB fontawesome-all.css 43KB
index.html 29KB images 
g3.jpg 14KB g2.jpg 31KB
bg2.png 515KB s1.jpg 20KB prev.png 1KB s2.jpg 28KB g8.jpg 24KB bo1.jpg 139KB t3.jpg 29KB bg1.jpg 122KB bg4.png 27KB next.png 1KB g7.jpg 35KB treat3.png 330KB g6.jpg 19KB t1.jpg 30KB move-top.png 3KB t4.jpg 46KB g5.jpg 23KB tick.png 3KB close.png 280B bg3.jpg 71KB t2.jpg 29KB g4.jpg 44KB s3.jpg 24KB bg5.png 70KB bo2.png 8KB s4.jpg 24KB g1.jpg 42KB bg6.jpg 70KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4714
最新资源
- STN4526S8RG-VB一款N-Channel沟道SOP8的MOSFET晶体管参数介绍与应用说明
- CANalyzer 使用指南
- STN4480S8RG-VB一款N-Channel沟道SOP8的MOSFET晶体管参数介绍与应用说明
- 政务信息化项目 验收材料编制指南
- dirent.h用于读取和操作目录项的函数声明和数据类型定义
- 儿童节快乐html网页.zip
- 编译原理 - Compilers - Principles, Techniques, & Tools
- PDMS平面出图-BFDrawing智能出图系统说明文档
- 后缀表达式求值-多语言版（c++ java python等）.doc
- Ansible 角色管理 docker-ce 安装并通过 daemon.json 进行配置
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
