yoga
<!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>
<title>Yoga - About Us</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
body {
background: #e4e6d3 url(yoga-images/background.gif) left top repeat-x;
margin: 0;
padding: 0;
}
#container {
width: 867px;
height: auto;
position: absolute;
left: 50%;
top: 0;
margin: 18px 0 0 -598px;
padding: 360px 164px 100px 165px;
background: url(yoga-images/container_bkgd.jpg) left top no-repeat;
}
#header {
width: 743px;
height: 347px;
position: absolute;
left: 226px;
top: 3px;
margin: 0;
padding: 0;
background: url(yoga-images/header.jpg) left top no-repeat;
}
#columnContainer {
width: 867px;
height: auto;
margin: 0;
padding: 0;
background: url(yoga-images/bkgd_shadow.gif) left top repeat-y;
}
#columnContainerTop {
width: 867px;
height: auto;
margin: 0;
padding: 10px 0 0px 0;
background: url(yoga-images/columnContainer.jpg) left top no-repeat;
font-family: Arial, Helvetica, sans-serif;
}
#container a:link, #container a:visited {
color: #b4880e;
text-decoration: underline;
}
#container a:hover, #container a:active {
color: #d4a010;
text-decoration: none;
}
#content {
width: 480px;
height: auto;
float: left;
margin: 0;
padding: 10px 20px 0 85px;
font-size: 12px;
}
#content h1 {
font-size: 18px;
color: #5c2c00;
margin-top: 0;
padding-top: 0;
}
#content h2 {
font-size: 14px;
color: #5c2c00;
}
#content h3, #content h4 {
font-size: 14px;
color: #7a7000;
}
#content h5 {
font-size: 12px;
color: #7a7000;
}
#sideNav {
width: 180px;
height: auto;
float: right;
margin: 0;
padding: 15px 85px 0 17px;
font-size: 14px;
font-weight:bold;
color: #666666;
}
#sideNav h2 {
font-size: 16px;
}
#sideNav ul {
list-style: none;
}
#sideNav ul li {
}
hr {
border-bottom: 1px solid #d4a010;
border-left: none;
border-right: none;
border-top: none;
}
#footer {
width: 697px;
height: auto;
margin: 0;
padding: 50px 85px 100px 85px;
background: url(yoga-images/bottom_bkgd.jpg) bottom left no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* Clearfix http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.brclear {clear:both;height:0;margin:0;font-size: 1px;line-height: 0;}
</style>
</head>
<body>
<div id="container">
<div id="columnContainer" class="clearfix">
<div id="columnContainerTop" class="clearfix">
<div id="content">
<h1>H1 - Your Yoga Site Title</h1>
<h2>About Our Company </h2>
<p>This is a general information page where you can talk about yourself, your company and your services, as well as provide contact information to the visitor.</p>
<h3>H3 - Room for Another Section Header</h3>
<p><strong>This template was designed by people who understand the importance of search engine optimization</strong>, and is therefore search engine friendly. For instance, it uses CSS, clean code, H1,H2, H3 tags, has a footer sitemap, an html sitemap, a yoga sites page so you can add resources, etcetera. Don't forget to customize the titles and meta tags on each page!</p>
<h3> </h3>
<h5>How To Contact Us </h5>
<p>This would be a good place to put your contact details. </p>
</div>
<div id="sideNav">
<div align="center"><strong>Navigate Our Yoga Site </strong> </div>
<ul>
<li><a href="http://www.free-css.com/">HOME Page</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="insidepage.html">Inside Page 1</a></li>
<li><a href="insidepage.html">Inside Page 2</a></li>
<li><a href="yoga-sites.html">Other Yoga Sites</a></li>
</ul>
</div>
</div>
<div id="footer">
<hr />
<p>Yoga Theme Navigation: <a href="http://www.free-css.com/">Home</a> :: <a href="sitemap.html">Sitemap</a> :: <a href="insidepage.html">Inside Page 1</a> :: <a href="about-us.html">About Us</a> :: <a href="yoga-sites.html">Other Yoga Sites</a> </p>
<p> </p>
</div>
</div>
<div id="header"> </div>
</div>
</body>
</html>
Related examples in the same category