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.
121 lines
5.1 KiB
121 lines
5.1 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/reset-fonts-base.css" />
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/grids.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: #009e00; }
|
|
</style>
|
|
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$("#badger").hover(function() {
|
|
$(this).attr("src","images/badge3.png");
|
|
},function() {
|
|
$(this).attr("src","images/badge2.png");
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div id="header">
|
|
<img id="badge" alt="Air-one Logo" src="images/logo.png" class="left" />
|
|
<img id="gallery" alt="Gallery" src="images/sprinter_1.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">
|
|
<div id="main">
|
|
<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="sidebar">
|
|
<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="content" -->
|
|
<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. -->
|