You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
5.0 KiB
119 lines
5.0 KiB
<!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. -->
|