diff --git a/public/1.html b/public/1.html
new file mode 100644
index 0000000..1f8cef1
--- /dev/null
+++ b/public/1.html
@@ -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>&#8220;Donec nec justo eget felis facilisis fermentum.
+        Aliquam porttitor mauris sit amet orci.&#8221;</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>&copy;2009 J.Infield &mdash; 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. -->
diff --git a/public/images/badge2.png b/public/images/badge2.png
new file mode 100644
index 0000000..37a6ee3
Binary files /dev/null and b/public/images/badge2.png differ
diff --git a/public/images/badge3.png b/public/images/badge3.png
new file mode 100644
index 0000000..3527e09
Binary files /dev/null and b/public/images/badge3.png differ
diff --git a/public/images/truck2.png b/public/images/truck2.png
new file mode 100644
index 0000000..5daba80
Binary files /dev/null and b/public/images/truck2.png differ
