<!DOCTYPE html>
<html>
<head>
<title>Massage</title>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans+Condensed:300,700,300italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Spring Spa Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<script type="text/javascript" src="js/modernizr.custom.21750.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div class="header">
<div class="container">
<div id="bx-wrapper" class="bx-wrapper">
<div class="bx-thumbs bx-thumbs1">
<a href="#" class="bx-thumbs-current" style="background-image:url(images/6.jpg)"></a>
<a href="#" style="background-image:url(images/7.jpg)"></a>
<a href="#" style="background-image:url(images/4.jpg)"></a>
<a href="#" style="background-image:url(images/3.jpg)"></a>
<a href="#" style="background-image:url(images/2.jpg)"></a>
</div>
<div class="bx-container">
<img src="images/6.jpg" alt="image06" title="Aroma Paradise"/>
<img src="images/7.jpg" alt="image07" title="Tenderness"/>
<img src="images/4.jpg" alt="image04" title="Crunchbite"/>
<img src="images/3.jpg" alt="image03" title="Freshness"/>
<img src="images/2.jpg" alt="image02" title="Raw Love"/>
</div>
<div class="bx-overlay"> </div>
<div class="side-viwer slider-viwer1">
<h1><a href="index.html">Spring Spa</a></h1>
<p>This article is about balneotherapy resorts. For balneotherapy itself, see balneotherapy.</p>
<div class="top-menu">
<span class="menu"> </span>
<ul>
<nav class="cl-effect-1" id="cl-effect-1">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a class="active" href="massage.html">MASSAGE</a></li>
<li><a href="404.html">RELAX</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="contact.html">CONTACT</a></li>
</nav>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="social-icons">
<a href="#"><span class="beh"> </span></a>
<a href="#"><span class="face"> </span></a>
</div>
</div>
<div class="massage">
<h3>MASSAGE</h3>
<p>This article is about balneotherapy resorts. For balneotherapy itself, see balneotherapy.</p>
<div class="products-bottom">
<div class="col-md-3 work-grid">
<div id="nivo-lightbox-demo">
<a href="images/d1.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/d1.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="col-md-3 work-grid">
<div id="nivo-lightbox-demo">
<a href="images/d2.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/d2.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="col-md-3 work-grid">
<div id="nivo-lightbox-demo">
<a href="images/d3.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/d3.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="col-md-3 work-grid">
<div id="nivo-lightbox-demo">
<a href="images/d4.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo">
<img src="images/d4.jpg" class="img-responsive " alt=""/>
<div class="rotate">
<i> </i>
</div>
</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!--script-->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#nivo-lightbox-demo a').nivoLightbox({ effect: 'fade' });
});
</script>
<!---->
<div class="massage-about">
<h3>Specialization Of Massage Therapy</h3>
<div class="col-md-4 maggage-text">
<h4>Essential Information</h4>
<p>Massage involves working and acting on the body with pressure – structured,
unstructured, stationary, or moving – tension, motion, or vibration, done
manually or with mechanical aids motion, or vibration, done
manually or with mechanical aids</p>
</div>
<div class="col-md-4 maggage-text">
<h4>Course Requirements</h4>
<p>Massage involves working and acting on the body with pressure – structured,
unstructured, stationary, or moving – tension, motion, or vibration, done
manually or with mechanical aids motion, or vibration, done
manually or with mechanical aids</p>
</div>
<div class="col-md-4 maggage-text">
<h4>List of Online Courses</h4>
<p>Massage involves working and acting on the body with pressure – structured,
unstructured, stationary, or moving – tension, motion, or vibration, done
manually or with mechanical aids motion, or vibration, done
manually or with mechanical aids</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- Work Ends Here -->
</div>
</div>
<script type="text/javascript">
$(function() {
var BlurBGImage = (function() {
var $bxWrapper = $('#bx-wrapper'),
// loading status to show while preloading images
$bxLoading = $bxWrapper.find('div.bx-loading'),
// container for the bg images and respective canvas
$bxContainer = $bxWrapper.find('div.bx-container'),
// the bg images we are gonna use
$bxImgs = $bxContainer.children('img'),
// total number of bg images
bxImgsCount = $bxImgs.length,
// the thumb elements
$thumbs = $bxWrapper.find('div.bx-thumbs > a').hide(),
// the title for the current image
$title = $bxWrapper.find('h2:first'),
// current image's index
current = 0,
// variation to show the image:
// (1) - blurs the current one, fades out and shows t
145国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
110 浏览量
2023-08-03
11:08:39
上传
评论
收藏 1.4MB ZIP 举报
145国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （54个子文件） 
145 
massage.html 20KB js 
StackBlur.js 17KB modernizr.custom.min.js 2KB jquery.chocolat.js 10KB nivo-lightbox.min.js 7KB modernizr.custom.21750.js 6KB easing.js 5KB move-top.js 1KB modernizr.custom.js 9KB jquery.min.js 94KB css style.css 27KB magnific-popup.css 10KB bootstrap.css 138KB chocolat.css 2KB 404.html 17KB index.html 17KB contact.html 18KB about.html 19KB images 
g3.jpg 33KB
close.gif 845B g2.jpg 44KB e3.jpg 38KB 2.jpg 102KB c1.jpg 33KB
prev.png 3KB c2.jpg 33KB d4.jpg 43KB g8.jpg 43KB 6.jpg 228KB right.gif 67B e4.jpg 36KB d3.jpg 51KB pattern.png 3KB left.gif 68B next.png 3KB g7.jpg 21KB g6.jpg 31KB e1.jpg 102KB d1.jpg 43KB g5.jpg 41KB c3.jpg 56KB e2.jpg 59KB close.png 3KB ss.jpg 54KB g4.jpg 44KB d2.jpg 37KB c4.jpg 52KB 3.jpg 47KB index-icons.png 5KB 7.jpg 63KB g1.jpg 28KB g9.jpg 38KB 4.jpg 55KB gallery.html 19KB资源评论
