|
|
<!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"> #header { border-top: solid 0.154em #00c000; padding: 0.462em 0; } #nav li a { padding: 0 0.231em; margin: 0.077em 0.846em; } #nav li a:hover { background-color: #008d00; } #main, #sidebar { padding: 0 0.385em; } #content { padding-top: 0.769em; } #sidebar { padding-top: 0.769em; } </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/badge3.png"); },function() { $(this).attr("src","images/badge2.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. -->
|
