<!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">
<head>

		<title>Speedy HiTech</title>
		<meta name="description" content="" />
	
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
<div id="wrap">
		
	<div id="header">
		
		 <div id="logo"><a href="index.html" title="pagina principala">Speedy Hi-Tech</a></div>
		 <div id="slogan">The Comfort Of Your Family Comes First!...</div>
		
		<div id="nav">
		<!-- the "active" class markes which link will be highlited-->	
			<ul>
				<li><a href="index.html">HOME</a></li>
				<li><a href="about.html">About Us</a></li>
				<li class="active"><a href="services.html">Services</a></li>
				<li><a href="contact.html">Contact Us</a></li>
			</ul>
		</div>
	<!--- header pic goes below. For each page save an 820px x 240px header picture in info/header-pics and then link to it-->
		<div id="header-pic">
			<img src="info/header-pics/index-header.jpg" alt="" />
		</div>
		
	</div>
 	
	<div id="content-wrap">
		
		<div id="content">
		<!-- add main content starting here-->	
		<h1> OUR SERVICES:</h1>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt</p>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt.</p>	
						
		<div class="update">	
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt
		</div>			
						
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt.</p>				
				
		<ul>
			<li> consectetuer adipiscing el</li>
			<li> consectetuer adipiscing el</li>
			<li> consectetuer adipiscing el</li>
			<li> sum dolor sit a</li>
		</ul>
					
		<img src="info/index/img05.jpg" alt="" class="imgfloatleft" />					
		<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt.</p>
			
		<blockquote><p>ipsum dolor sit amet, consectetuer adipiscing el it. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt.</p><div style="float:right;"> - Morandi</div><hr style="visibility:hidden; clear:both;" /></blockquote>
		
		<img src="info/index/img05.jpg" alt="" class="imgfloatright" />		
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt.</p>
	
	  <div class="error">
        This is a &lt;div&gt; with the class <strong>.error</strong>.
      </div>

      <div class="notice">
        This is a &lt;div&gt; with the class <strong>.notice</strong>.
      </div>		
      <div class="success">
        This is a &lt;div&gt; with the class <strong>.success</strong>.
      </div> 
	
		<br />
		
	  <h2>Exemple of a h2 </h2>	
	  <h3><a href="index.html">Exemple of a h3 with a link</a> </h3>	
	  <h4>Exemple of a h4 </h4>	
	  
	  <table border="0" cellspacing="0" cellpadding="0">
		<caption>Example of a a table caption</caption>
		  <tr>
		    <th >Test page</th>

		    <th>Description</th>
		    <th>Example</th>
		  </tr>
		  
		  <tr>
		    <td><a href="index.html">Sample</a></td>
		    <td>Ei ludus dolorum denique mea.</td>
		    <td> accumsan appellantur, simul facete cum at. Mei ne iusto placerat, ei deser)</td>

		  </tr>
		  
		  <tr>
		    <td><a href="index.html">Sample</a></td>
		    <td>Ei ludus dolorum denique mea.</td>
		    <td> accumsan appellantur, simul facete cum at. Mei ne iusto placerat, ei deser)</td>
		  </tr>
  	  
	  	  <tr>

		    <td><a href="index.html">Sample</a></td>
		    <td>Ei ludus dolorum denique mea.</td>
		    <td> accumsan appellantur, simul facete cum at. Mei ne iusto placerat, ei deser)</td>
		  </tr>
		  
		  <tr>
		    <td><a href="index.html">Sample</a></td>

		    <td>Ei ludus dolorum denique mea.</td>
		    <td> accumsan appellantur, simul facete cum at. Mei ne iusto placerat, ei deser)</td>
		  </tr>
		  
		  <tr>
		    <td><a href="index.html">Sample</a></td>
		    <td>Ei ludus dolorum denique mea.</td>

		    <td> accumsan appellantur, simul facete cum at. Mei ne iusto placerat, ei deser)</td>
		  </tr>		  		  		  
		</table>
			
		

	<!-- finished main content -->
		
		</div>
		<br style="clear:both;" />
	</div>
	
 
	<div id="sidebar">
		<!--Sidebar links-->

		<!--Sidebar other info-->
		<div class="sidebar-info">
			<h3>Contact information</h3>
			<h4>832-659-7600</h4>
			<p>or use the <a href="index.html">contact form</a> to get in touch with us</p>
		</div>	
		<div class="sidebar-info">
			<h3>Other info</h3>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt.</p>				
				
			<ul>
				<li> consectetuer adipiscing el</li>
				<li> consectetuer adipiscing el</li>
				<li> consectetuer adipiscing el</li>
				<li> sum dolor sit a</li>
			</ul>
		</div>
	<!--sfarsit sidebar-->				
	</div>
	
	
	<div id="footer">
		<p>&copy; 2008  _Speedy Hi-Tech_. All rights reserved.
		
		Website by Cyber One Systems

		</p>
	</div>
		
</div>
	
</body>
</html>
