<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="webthemez">
<title>Aroma-Beauty-and-Spa-Responsive-Bootstrap-Template</title>
<!-- core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/ico/favicon.ico">
</head>
<body id="home">
<header id="header">
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
</div>
<div class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li class="scroll active"><a href="#home">Home</a></li>
<li class="scroll"><a href="#services">Services</a></li>
<li class="scroll"><a href="#about">About</a></li>
<li class="scroll"><a href="#our-team">Team</a></li>
<li class="scroll"><a href="#portfolio">Gallery</a></li>
<li class="scroll"><a href="#pricing">Pricing</a></li>
<li class="scroll"><a href="#contact-us">Contact</a></li>
</ul>
</div>
</div><!--/.container-->
</nav><!--/nav-->
</header><!--/header-->
<section id="hero-banner">
<div class="banner-inner">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2>More Beautiful than <b>EVER</b></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisici <br/> Praesent eget risus.</p>
<a class="btn btn-primary btn-lg" href="#">Packages</a>
</div>
</div>
</div>
</div>
</section><!--/#main-slider-->
<section id="services" >
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeInDown">Whats Best For You</h2>
<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>
</div>
<div class="row">
<div class="features">
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-futbol-o"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Aroma Therapy</h4>
<p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-compass"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Face Massage</h4>
<p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-database"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Manicure</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="300ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-bar-chart"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Body Spa</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-paper-plane-o"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Head Massage</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="500ms">
<div class="media service-box">
<div class="pull-left">
<i class="fa fa-bullseye"></i>
</div>
<div class="media-body">
<h4 class="media-heading">Hair Spa</h4>
<p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p>
</div>
</div>
</div><!--/.col-md-4-->
</div>
</div><!--/.row-->
</div><!--/.container-->
</section><!--/#services-->
<section id="about">
<div class="container">
<div class="section-header">
<h2 class="section-title wow fadeInDow
没有合适的资源?快使用搜索试试~ 我知道了~
毕设&课设&大作业-芳香美容水疗中心响应式网页模板-适配移动端-HTML源码.zip
共87个文件
png:30个
jpg:18个
gif:11个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 142 浏览量
2024-03-28
09:31:25
上传
评论
收藏 1.72MB ZIP 举报
温馨提示
尊敬的设计师、开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的Bootstrap框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
毕设&课设&大作业-芳香美容水疗中心响应式网页模板-适配移动端-HTML源码.zip (87个子文件)
芳香美容水疗中心响应式网页模板-适配移动端-HTML源码
html
js
jquery.prettyPhoto.js 22KB
bootstrap.min.js 35KB
jquery.isotope.min.js 16KB
respond.min.js 4KB
html5shiv.js 2KB
smoothscroll.js 6KB
wow.min.js 5KB
jquery.js 91KB
custom-scripts.js 4KB
mousescroll.js 9KB
jquery.inview.min.js 1KB
css
bootstrap.min.css 111KB
font-awesome.css 21KB
prettyPhoto.css 19KB
font-awesome.min.css 21KB
animate.min.css 55KB
styles.css 19KB
index.html 32KB
images
team
02.jpg 28KB
01.jpg 31KB
04.jpg 36KB
03.jpg 37KB
features_img.png 112KB
portfolio
02.jpg 64KB
06.jpg 92KB
01.jpg 30KB
08.jpg 60KB
07.jpg 60KB
05.jpg 70KB
04.jpg 57KB
03.jpg 69KB
logo.png 17KB
img2.jpg 37KB
pic2.jpg 13KB
about.png 331KB
img4.jpg 57KB
pic1.jpg 14KB
img3.jpg 43KB
banner
banner.jpg 108KB
prettyPhoto
dark_rounded
default_thumbnail.gif 227B
contentPattern.png 130B
sprite.png 4KB
btnNext.png 1KB
btnPrevious.png 1KB
loader.gif 2KB
light_rounded
default_thumbnail.gif 227B
sprite.png 4KB
btnNext.png 1KB
btnPrevious.png 1KB
loader.gif 2KB
light_square
default_thumbnail.gif 227B
sprite.png 3KB
btnNext.png 1KB
btnPrevious.png 1KB
loader.gif 2KB
default
sprite_prev.png 1KB
sprite_x.png 1KB
default_thumb.png 2KB
sprite.png 7KB
sprite_next.png 1KB
sprite_y.png 1KB
loader.gif 6KB
dark_square
default_thumbnail.gif 227B
contentPattern.png 121B
sprite.png 3KB
btnNext.png 1KB
btnPrevious.png 1KB
loader.gif 2KB
facebook
contentPatternLeft.png 137B
default_thumbnail.gif 227B
contentPatternTop.png 142B
sprite.png 4KB
btnNext.png 845B
btnPrevious.png 828B
contentPatternRight.png 136B
contentPatternBottom.png 142B
loader.gif 2KB
ico
favicon.ico 1KB
fonts
FontAwesome.otf 84KB
glyphicons-halflings-regular.svg 61KB
glyphicons-halflings-regular.ttf 40KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 55KB
fontawesome-webfont.woff 64KB
fontawesome-webfont.svg 280KB
fontawesome-webfont.ttf 110KB
共 87 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功