<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> Spa Treats - A Health / Spa Saloon HTML Template </title>
<!-- **Favicon** -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- **CSS - stylesheets** -->
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<!-- **jQuery** -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.arctext.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>
<script type="text/javascript" src="js/organictabs.jquery.js"></script>
<script src="js/jquery.tipTip.minified.js" type="text/javascript"></script>
<script type='text/javascript' src="js/spa.custom.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- **Header** -->
<div id="header">
<div class="container">
<!-- **Top-Menu** -->
<div id="top-menu">
<ul class="menu">
<li> <a href="index.html" title=""> <span> Its home </span> Home </a> </li>
<li class="current_page_item"> <a href="aboutus.html" title=""> <span> Who we are </span> About Us </a>
<ul>
<li> <a href="htmlstyles.html" title=""> HTML Styles </a> </li>
<li> <a href="popular-procedures.html" title=""> Popular Procedures </a> </li>
<li> <a href="404.html" title=""> 404 </a> </li>
</ul>
</li>
<li> <a href="services.html" title=""> <span> What we offer </span> Services </a>
<ul>
<li> <a href="services.html" title=""> Fullwidth </a> </li>
<li> <a href="services-with-sidebar.html" title=""> With Sidebar </a> </li>
</ul>
</li>
<li> <a href="therapists.html" title=""> <span> Know us </span> Therapists </a> </li>
<li> <a href="blog.html" title=""> <span> What's up </span> Blog </a> </li>
<li> <a href="gallery-fourcolumn.html" title=""> <span> Visual look </span> Gallery </a>
<ul>
<li> <a href="gallery-fourcolumn.html" title=""> Four Column </a>
<ul>
<li> <a href="gallery-fourcolumn.html" title=""> Without Sidebar </a> </li>
<li> <a href="gallery-fourcolumn-with-sidebar.html" title=""> With Sidebar </a> </li>
</ul>
</li>
<li> <a href="gallery-threecolumn.html" title=""> Three Column </a>
<ul>
<li> <a href="gallery-threecolumn.html" title=""> Without Sidebar </a> </li>
<li> <a href="gallery-threecolumn-with-sidebar.html" title=""> With Sidebar </a> </li>
</ul>
</li>
<li> <a href="gallery-twocolumn.html" title=""> Two Column </a>
<ul>
<li> <a href="gallery-twocolumn.html" title=""> Without Sidebar </a> </li>
<li> <a href="gallery-twocolumn-with-sidebar.html" title=""> With Sidebar </a> </li>
</ul>
</li>
</ul>
</li>
<li> <a href="booknow.html" title=""> <span> Why the wait </span> Book Now </a> </li>
<li> <a href="location.html" title=""> <span> We are here </span> Location </a> </li>
</ul>
</div><!-- **Top-Menu - End** -->
<!-- **Logo** -->
<div id="logo">
<a href="index.html" title=""> <img src="images/logo.png" alt="" title="" /> </a>
</div><!-- **Logo - End** -->
<!-- **Searchform** -->
<form action="#" id="searchform" method="get" />
<fieldset>
<input name="Search" type="text" onblur="this.value=(this.value=='') ? 'Enter Keyword' : this.value;" onfocus="this.value=(this.value=='Enter Keyword') ? '' : this.value;" value="Enter Keyword" alt="Search our site" class="text_input" />
<input name="submit" type="submit" class="button" value="" />
</fieldset>
</form><!-- **Searchform - End** -->
</div>
</div><!-- **Header - End** -->
<!-- ** Main** -->
<div id="main">
<div class="container">
<!-- **Breadcrumb** -->
<div class="breadcrumb">
<a href="" title=""> Home </a>
<span class="arrow"> </span>
<span class="current-crumb"> HTML Styles </span>
</div> <!-- **Breadcrumb - End** -->
</div>
<!-- **Main Container** -->
<div class="main-container">
<!-- **Content Full Width** -->
<div class="content content-full-width">
<h1 class="title"> <span> Columns </span> </h1>
<!-- **Shortcodes** -->
<div class="shortcodes">
<div class="column one-half">
<h2> Column 1/2 </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et. Sed sit amet est et turpis viverra consequat. Quisque diam eros, rhoncus sit amet rutrum ut, sagittis a erat. Sed lobortis, arcu id rutrum dictum, tellus mauris hendrerit urna, sit amet commodo orci velit et urna. Quisque elementum, odio porttitor varius gravida, ante diam facilisis erat, in fermentum mi elit in magna. </p>
</div>
<div class="column one-half last">
<h2> Column 1/2 </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et. Sed sit amet est et turpis viverra consequat. Quisque diam eros, rhoncus sit amet rutrum ut, sagittis a erat. Sed lobortis, arcu id rutrum dictum, tellus mauris hendrerit urna, sit amet commodo orci velit et urna. Quisque elementum, odio porttitor varius gravida, ante diam facilisis erat, in fermentum mi elit in magna. </p>
</div>
<div class="hr_invisible"> </div>
<div class="column one-third">
<h2> Column 1/3 </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et. Sed sit amet est et turpis viverra consequat. Quisque diam eros, rhoncus sit amet rutrum ut, sagittis a erat. Sed lobortis, arcu id rutrum dictum, tellus mauris hendrerit urna, sit amet commodo. </p>
</div>
<div class="column one-third">
<h2> Column 1/3 </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis elementum est, eu consectetur massa aliquam et. Sed sit amet est et turpis viverra consequat. Quisque diam eros, rhoncus sit amet rutrum ut, sagittis a erat. Sed lobortis, arcu id rutrum dictum, tellus mauris hendrerit urna, sit amet commodo. </p>
</div>
<div class="column one-third last">
<h2> Column 1/3 </h2