yoga : Sport « Templates « HTML / CSS






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>&nbsp;</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>&nbsp;</p>
    </div>
  </div>
  <div id="header">&nbsp;</div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.football-card
2.basketball
3.golf
4.sport-zone
5.sportscars
6.sports_cafe
7.sports_templates
8.sports_turf
9.soccer01
10.winter-olympics