|
|
|
@ -0,0 +1,119 @@ |
|
|
|
<!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" lang="en"> |
|
|
|
<head> |
|
|
|
<title>Air-one Services</title> |
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
|
|
|
<meta name="author" content="J.Infield" /> |
|
|
|
<meta name="description" |
|
|
|
content="Quality Commercial, Residential, and Industrial HVAC and Plumbing Services" /> |
|
|
|
<meta name="keywords" content="" /> |
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/yui-3.css" /> |
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/layout.css" /> |
|
|
|
<style type="text/css" media="screen"> |
|
|
|
#nav li a { padding: 0.25em 1em; } |
|
|
|
#menu { margin-top: 0.5em; } |
|
|
|
</style> |
|
|
|
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
$(document).ready(function() { |
|
|
|
$("#badge").hover(function() { |
|
|
|
$(this).attr("src","images/badge2.png"); |
|
|
|
},function() { |
|
|
|
$(this).attr("src","images/badge3.png"); |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="container" class="yui-d2 yui-t6"> |
|
|
|
<div id="header"> |
|
|
|
<img id="badge" alt="Air-one Logo" src="images/badge2.png" class="left" /> |
|
|
|
<img id="gallery" alt="Gallery" src="images/truck2.png" class="right" /> |
|
|
|
</div> |
|
|
|
<!-- id="header" --> |
|
|
|
<div id="menu"> |
|
|
|
<ul id="nav"> |
|
|
|
<li><a href="#">Home</a></li> |
|
|
|
<li><a href="#">Services</a></li> |
|
|
|
<li><a href="#">Commercial</a></li> |
|
|
|
<li><a href="#">Articles</a></li> |
|
|
|
<li><a href="#">About Us</a></li> |
|
|
|
<li><a href="#">Contact</a></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<!-- id="menu" --> |
|
|
|
<div id="content" class="yui-main"> |
|
|
|
<div id="main" class="yui-b"> |
|
|
|
<h1>Article Title Here</h1> |
|
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetuer <span class="caps">HVAC</span> |
|
|
|
adipiscing elit. Donec odio. Quisque <del>Audi</del> <i>Ferarri</i> volutpat mattis eros. |
|
|
|
Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, |
|
|
|
semper suscipit, posuere a, pede.</p> |
|
|
|
<ul> |
|
|
|
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li> |
|
|
|
<li>Nunc dignissim risus id metus.</li> |
|
|
|
<li>Cras ornare tristique elit.</li> |
|
|
|
<li>Vivamus vestibulum nulla |
|
|
|
<acronym title="Cascading Style Sheets"><span class="caps">CSS</span></acronym> |
|
|
|
nec ante.</li> |
|
|
|
<li>Praesent placerat risus quis eros.</li> |
|
|
|
</ul> |
|
|
|
<p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. |
|
|
|
Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non.</p> |
|
|
|
<blockquote> |
|
|
|
<p>“Donec nec justo eget felis facilisis fermentum. |
|
|
|
Aliquam porttitor mauris sit amet orci.”</p> |
|
|
|
</blockquote> |
|
|
|
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero |
|
|
|
eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. |
|
|
|
Praesent elementum about hendrerit tortor. Sed semper lorem at felis. |
|
|
|
Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc |
|
|
|
sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</p> |
|
|
|
<h1>Industry News</h1> |
|
|
|
<ul> |
|
|
|
<li>Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est.</li> |
|
|
|
<li>Donec odio. Quisque volutpat mattis eros.</li> |
|
|
|
<li>Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis.</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- id="content" --> |
|
|
|
<div id="sidebar" class="yui-b"> |
|
|
|
<h1>About Us</h1> |
|
|
|
<p> |
|
|
|
Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a |
|
|
|
ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero |
|
|
|
dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, |
|
|
|
adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque |
|
|
|
mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies |
|
|
|
ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl. |
|
|
|
</p> |
|
|
|
<img alt="family" src="images/family.jpg" /> |
|
|
|
<p>Ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. |
|
|
|
Morbi purus libero, faucibus adipiscing, commodo quis, gravida. Sed |
|
|
|
semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi |
|
|
|
neque euismod dui. Duis suscipit vulputate nulla vitae adipiscing. |
|
|
|
Curabitur et aliquam sem. Nulla iaculis libero nec mi vestibulum at |
|
|
|
dapibus mauris imperdiet. Aenean egestas eros ut lectus hendrerit |
|
|
|
sodales.</p> |
|
|
|
</div> |
|
|
|
<!-- id="sidebar" --> |
|
|
|
<div id="footer"> |
|
|
|
<p>©2009 J.Infield — All Rights Reserved</p> |
|
|
|
</div> |
|
|
|
<!-- id="footer" --> |
|
|
|
<div id="selector"> |
|
|
|
<a href="#" rel="1">1</a> |
|
|
|
<a href="#" rel="2">2</a> |
|
|
|
<a href="#" rel="3">3</a> |
|
|
|
<a href="#" rel="4">4</a> |
|
|
|
<a href="#" rel="5">5</a> |
|
|
|
</div> |
|
|
|
<!-- id="selector" --> |
|
|
|
</div> |
|
|
|
<!-- id="container" --> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
<!-- © Copyright 2010 J.Infield. All Rights Reserved. --> |
jimi
