2 changed files with 106 additions and 1 deletions
@ -0,0 +1,105 @@ |
|||||
|
<!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" /> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div id="container" class="yui-d2 yui-t6"> |
||||
|
<div id="header"> |
||||
|
<img alt="Air-one Banner" src="images/banner3.png" /> |
||||
|
</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"> |
||||
|
<img alt="Gallery" src="images/truck.jpg" /> |
||||
|
<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> |
||||
|
</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> |
||||
|
<h1>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> |
||||
|
<!-- 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. --> |
||||
Reference in new issue