freshair
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Free CSS Templates - Free Template Fresh Air</title>
<meta name="description" content="Free CSS Templates features free templates from website template designers and developers throughout the net." />
<meta name="keywords" content="Free CSS Templates, CSS Website Templates, Templates, Free Templates, CSS" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--<link rel="stylesheet" type="text/css" href="1-freshair800.css" media="screen"/>-->
<style type='text/css'>
/*Style sheet for Fresh Air 800x600 must be included with HTML.*/
/*Styles for body.*/
body
{
margin:0 auto;
padding:0;
font:76% Verdana, Helvetica, Tahoma, Arial, sans-serif;
background-color:#999;
color:#494949;
}
/*Styles for main content which will be wrapped to center. */
#MainWrapperBlock
{
margin:0px auto;
width:750px;
background-color:#ffffff;
}
#WrapperGray
{
margin:0px auto;
padding:5px 5px 5px 5px;
width:740px;
background-color:#ffffff;
border:solid 2px #666;
}
/*Styles for the headers at the top. */
#Header
{
margin: 0px auto;
height:130px;
width:730px;
background-color: #D9CCB4;
border:1px solid #666;
}
#InnerHeader
{
margin: 0px auto;
height:110px;
width:710px;
border:10px solid #D9CCB4;
text-align: left;
background-color: #B49A6A;
}
/*Styles for the Title of the page with shadow effect. */
#Title
{
margin:-72px 0 0 0;
padding:10px 0 0 19px;
background-color:Transparent;
}
#Title a
{
color:#ffffff;
text-decoration:none;
background-color:inherit;
font-size:4em;
font-weight:normal;
font-family:inherit;
}
#InnerHeader h1
{
margin:0 auto;
padding:10px 0 0 20px;
color:#000;
font-size:4em;
font-weight:normal;
font-family:inherit;
}
#InnerHeader h2
{
margin:0 auto;
padding:5px 0 0 20px;
color:#ffffff;
background-color: #B49A6A;
font-size:1.6em;
font-weight:normal;
}
/*Styles for the horizontal menu*/
#navcontainer1
{
text-align: right;
margin: 5px;
}
#navlist1 li
{
display: inline;
list-style-type: none;
padding-left: 20px;
}
#navlist2
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}
#navlist2 ul, #navlist2 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist2 a:link, #navlist2 a:visited
{
float: left;
line-height: 16px;
font-weight: bold;
font-size: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #666;
}
#navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlist2 a:hover { color: #000; }
/*Styles for the container that wraps the contents to left side. */
#LeftContainer
{
margin: 0 28% 0 0;
}
#WrapText
{
float:left;
margin: 10px;
padding: 10px;
border:1px solid black;
background:#B49A6A;
}
/*Styles for the main contents in the page. */
#LeftContents
{
padding: 0 20px 0 10px;
line-height: 1.5em;
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
text-align: justify;
color: #494949;
font-size: 1.0em;
}
#LeftContents h2
{
margin:0 auto;
padding:5px 0 5px 10px;
background-color:#D9CCB4;
font-family: "Century Gothic", Arial, Helvetica, Tahoma, sans-serif;
border:1px solid #666;
text-align: left;
color:#000000;
font-size: 1.4em;
}
#LeftContents p
{
margin: 5px;
padding: 0 0 10px 5px;
background-color:inherit;
}
#LeftContents a
{
background-color:inherit;
text-decoration: none;
color: #000066;
}
#LeftContents a:hover
{
background-color:inherit;
text-decoration: underline;
color: #000066;
}
/*The general class for the contents in the right column. */
#RightColumn
{
margin:0 auto;
padding:0 5px 0 0;
width:28%;
float:right;
background-color: #ffffff;
}
/*Styles for the right columms. */
.RightContents
{
margin: 0px auto 10px auto;
background-color:#F5F2EC;
border:1px solid #B49A6A;
line-height:1.4em;
text-align: left;
}
.RightContents h3
{
margin:0 auto;
padding: 5px 5px 5px 5px;
background-color:#D9CCB4;
font-family: "Century Gothic", Arial, Helvetica, Tahoma, sans-serif;
text-align: left;
color:#000000;
font-size: 1.4em;
}
.RightContents p
{
padding:5px 10px 5px 10px;
margin: 0 0 14px 0;
font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
text-align: left;
background-color:inherit;
color: #494949;
font-size: 1.0em;
}
.RightContents p a
{
background-color:inherit;
text-decoration: none;
color: #000066;
}
.RightContents p a:hover
{
background-color:inherit;
text-decoration: underline;
color: #000066;
}
/*Styles for Quick links. */
.RightContents ul li
{
list-style-type: square;
padding-bottom: 5px;
}
.RightContents ul li a
{
background-color:inherit;
text-decoration: underline;
color: #000066;
font-size: 1.0em;
}
.RightContents ul li a:hover
{
background-color:inherit;
color: #666;
}
/*Styles for the page footer. */
#Footer
{
margin:6px 0 0 0;
padding:5px 0 5px 10px;
background-color:#B49A6A;
border:solid 1px #666;
text-align: center;
color: #000;
font-size: 1.0em;
}
#Footer a
{
background-color: #B49A6A;
text-decoration: underline;
color:#000;
}
#Footer1
{
text-align: left;
float: left;
}
#Footer2
{
text-align: right;
padding-right: 10px;
font-size: 0.9em;
}
</style>
</head>
<body>
<div id="MainWrapperBlock">
<div id="WrapperGray">
<div id="Header">
<div id="InnerHeader">
<h1>Fresh Air</h1>
<div id="Title"><a href="http://www.free-css.com/">Fresh Air</a></div>
<h2>Fresh as a Daisy</h2>
</div>
</div>
<div style="clear: both;"><br/>
</div>
<div id="navcontainer2">
<ul id="navlist2">
<li id="active"><a href="http://www.free-css.com/" id="current">Home</a></li>
<li><a href="http://www.free-css.com/">Products</a></li>
<li><a href="http://www.free-css.com/">Services</a></li>
<li><a href="http://www.free-css.com/">Portfolio</a></li>
<li><a href="http://www.free-css.com/">Blog</a></li>
<li><a href="http://www.free-css.com/">About us</a></li>
</ul>
</div>
<div style="clear: both;"><br/>
</div>
<div id="RightColumn">
<div id="RightOne" class="RightContents">
<h3>In the News</h3>
<p><b>Oracle Upgrades Search Engine:</b> <br/>
Feb 5, 2007 09:03 PM<br/>
Oracle on Monday launched an upgrade of its standalone search engine, adding support for third-party identity management directories in order to tap into a company's existing security rules.</p>
<p><b>IBM CEO Palmisano To Get $1.8 Million Salary In 2007:</b> <br/>
Feb 5, 2007 06:35 PM <br/>
International Business Machines Corp., whose stock rose 16 percent last year as it expanded in software, said Monday that Chief Executive Samuel Palmisano will be paid a $1.8 million salary in 2007 and stands to receive another $5 million in incentive pay, the same as last year.</p>
</div>
<div id="RightTwo" class="RightContents">
<h3>Quick Links</h3>
<ul>
<li><a href="http://www.free-css.com/">OSWD</a></li>
<li><a href="http://www.free-css.com/">Open Web Design</a></li>
<li><a href="http://www.free-css.com/">Google</a></li>
<li><a href="http://www.free-css.com/">Wikipedia</a></li>
<li><a href="http://www.free-css.com/">India News</a></li>
</ul>
</div>
</div>
<div id="LeftContainer">
<div id="LeftContents">
<h2>Introduction to Design</h2>
<span id="WrapText"> <img src="freshair-images/daisy.jpg" alt="Fresh as a daisy" width="200" height="150" style="border:1px solid black;"/> </span>
<p>Thanks for your interest in this template. This is our first open web template Design. This is a simple template with one header, a horizontal menu, and two content columns. It also has a text based shadow effect (which behaves undesirably for different text size) which provides some extra attraction to the logo. The right hand side column can be used to add favorite links, Google ads etc. We have tested this template in Firefox 1.5, Opera 8.5 and IE 6.0 and it works fine in all these browsers. This is a valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and it is also very easy to customize. </p>
<p>You can use this template with no restrictions; just leave the "Designed by" information as it is at the bottom. Good luck to your website.</p>
<h2>'Fresh Air' in six colors</h2>
<p><b>Fresh Air</b> template comes in six colors: two shades of green, two shades of purple, brown and blue. Each color, in turn, caters to two most prevelant screen resolutions: 1028x768 and 800x600. Link to various available css files to try each one before deciding which one to use.</p>
<p>All Designs are valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. All the templates are released under the <a href="http://en.wikipedia.org/wiki/Creative_Commons_License" title="Creative Commons License">Creative Commons License</a>.</p>
<h2>A little bit more text</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras eget mi. Proin viverra dignissim nulla. Donec sollicitudin est eget tellus. Pellentesque diam lorem, varius ac, adipiscing sed, blandit nec, nunc. Phasellus odio est, condimentum quis, convallis id, pretium porttitor, nulla. Nulla sit amet odio. Vestibulum neque quam, eleifend quis, consequat nec, pulvinar et, arcu. Morbi auctor commodo lorem. Nam vitae lorem. Phasellus malesuada gravida nisi. Curabitur interdum commodo tortor. Donec porta interdum leo. Quisque id urna sit amet lacus fermentum malesuada. Etiam purus libero, interdum quis, mattis aliquet, vulputate sed, felis. Mauris vitae justo eget elit faucibus venenatis. Integer non ipsum at elit vulputate sollicitudin. Vestibulum congue magna ut sem. Praesent nec lectus. Donec malesuada, ligula eu dignissim adipiscing, lorem leo pulvinar leo, eget bibendum purus dui ut purus. Morbi dui elit, adipiscing nec, tristique eu, ullamcorper nec, diam.</p>
<p><b>IBM CEO Palmisano To Get $1.8 Million Salary In 2007:</b> <br/>
International Business Machines Corp., whose stock rose 16 percent last year as it expanded in software, said Monday that Chief Executive Samuel Palmisano will be paid a $1.8 million salary in 2007 and stands to receive another $5 million in incentive pay, the same as last year.</p>
<p><b>Oracle Upgrades Search Engine:</b> <br/>
Oracle on Monday launched an upgrade of its standalone search engine, adding support for third-party identity management directories in order to tap into a company's existing security rules.</p>
</div>
</div>
<div id="Footer">
<div id="Footer1">Copyright © 2007 Your Company Name.</div>
<div id="Footer2">Design by <a href="http://www.sumanasa.com/">Sumanasa.com</a> | <a href="http://www.free-css.com/">India News</a> | <a href="http://www.free-css.com/">Hindi News</a></div>
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-24";
urchinTracker();
</script>
</body>
</html>
Related examples in the same category