<!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