<!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>
<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
<meta name="Description" content="QuickHost"/>
<meta name="author" content="acido255"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/typography.css" type="text/css" media="screen"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min41fe.js?ver=3.0.1"></script>
<script type="text/javascript" src="js/rotator.js"></script>
<script type="text/javascript" src="js/tweet.js"></script>
<script type="text/javascript">
$(function(){
$(".tweet").tweet({
join_text: "auto",
username: "hostingaddicts",
avatar_size: 0,
count: 1,
auto_join_text_default: "",
auto_join_text_ed: "",
auto_join_text_ing: "",
auto_join_text_reply: "",
auto_join_text_url: "",
loading_text: "loading tweets..."
});
});
</script>
<title>WebHost - The Right Host.</title>
</head>
<body>
<!--Start wrapper-->
<div id="wrapper">
<!--Start header-->
<div id="header">
<!--Start header wrapper-->
<div id="header_wrap">
<div id="logo">
</div>
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domains</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!--End header wrapper-->
</div>
<!--End header-->
<!--Rotating banner starts here-->
<div class="slideshow">
<!--This is the code for the buttons-->
<div id="align">
<ul class="buttons">
<li class="active" id="button1"><a href="#" title="#"></a></li>
<li id="button2"><a href="#" title="#"></a></li>
<li id="button3"><a href="#" title="#"></a></li>
</ul>
</div>
<!--End buttons-->
<!--Rotating slides start here-->
<ul class="slides">
<li style="visibility:visible" class="slide" id="image1">
<!--This is the first slide-->
<div class="ad_1">
<div class="ad_1_left">
<img src="images/ad_text.png" alt="#" class="ad_img"/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
</div>
<div class="ad_1_right">
<img src="images/ad_price.png" alt="#"/>
</div>
</div>
</li>
<!--First slide ends here-->
<!--This is the second slide-->
<li class="slide" id="image2">
<div class="ad_1">
<div class="ad_1_left">
<img src="images/ad_text.png" alt="#" class="ad_img"/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
</div>
<div class="ad_1_right">
<img src="images/ad_price.png" alt="#"/>
</div>
</div>
</li>
<!--Second slide ends here-->
<!--This is the third slide-->
<li class="slide" id="image3">
<div class="ad_1">
<div class="ad_1_left">
<img src="images/ad_text.png" alt="#" class="ad_img"/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
</div>
<div class="ad_1_right">
<img src="images/ad_price.png" alt="#"/>
</div>
</div>
</li>
<!--Third slide ends here-->
</ul>
<!--Slides end here-->
</div>
<!--Rotating banner ends here-->
<!--Plans column starts here-->
<div id="plans">
<!--Start plan wrapper-->
<div id="plans_wrap">
<div id="plans_top">
</div>
<div id="plans_mid">
<!--Start plan shared-->
<div id="shared">
<img src="images/shared_icon.png" alt="#" class="img_left"/>
<h1>Shared Hosting</h1>
<div class="clear">
</div>
<ul class="plans_list">
<li>• 2GB Webspace</li>
<li>• 20GB Monthly Bandwith</li>
<li>• Latest cPanel < Fantastico</li>
<li>• Unlimited Accounts < Extras</li>
</ul>
<a class="plans_btn" href="#"></a>
</div>
<!--End plan shared-->
<!--Start plan reseller-->
<div id="reseller">
<img src="images/reseller_icon.png" alt="#" class="img_left"/>
<h1>Reseller Hosting</h1>
<div class="clear">
</div>
<ul class="plans_list">
<li>• 2GB Webspace</li>
<li>• 20GB Monthly Bandwith</li>
<li>• Latest cPanel < Fantastico</li>
<li>• Unlimited Accounts < Extras</li>
</ul>
<a class="plans_btn" href="#"></a>
</div>
<!--End plan reseller-->
<!--Start plan vps-->
<div id="vps">
<img src="images/vps_icon.png" alt="#" class="img_left"/>
<h1>VPS Hosting</h1>
<div class="clear">
</div>
<ul class="plans_list">
<li>• 2GB Webspace</li>
<li>• 20GB Monthly Bandwith</li>
<li>• Latest cPanel < Fantastico</li>
<li>• Unlimited Accounts < Extras</li>
</ul>
<a class="plans_btn" href="#"></a>
</div>
<!--End plan vps-->
<div class="clear">
</div>
</div>
<div id="plans_bot">
</div>
</div>
<!--End plan wrapper-->
</div>
<!--End plans-->
<!--Start main content area-->
<div id="main">
<!--Start main wrapper-->
<div id="main_wrap">
<!--Start left column-->
<div id="main_left">
<div id="support">
<img src="images/support_icon.png" alt="#" class="img_left"/>
<h2>24/7 Support</h2>
<div class="clear">
</div>
Lorem ipsum dolor sit amet, consectetur adisicing elit, sed do eiusmod tempor incididun labore et doloremagna aliqua. Ut enim ad veniam, quis nostrud exercitation ullamco.
</div>
<div id="security">
<img src="images/security_icon.png" alt="#" class="img_left"/>
<h2>Total Security</h2>
<div class="clear">
</div>
Lorem ipsum dolor sit amet, consectetur adisicing elit, sed do eiusmod tempor incididun labore et doloremagna aliqua. Ut enim ad veniam, quis nostrud exercitation ullamco.
</div>
<div class="clear">
</div>
<div id="twitter">
<div class="tweet">
</div>
</div>
</div>
<!--End left column-->
<!--Start right column-->
<div id="main_right">
<div id="search_top">
</div>
<div id="search_mid">
<div id="searchwrapper">
<form action="#">
<fieldset>
<input type="text" class="searchbox" name="s" value="Search for your domain.."/>
<input type="image" src="images/search_btn.png" class="searchbox_submit" value=""/>
</fieldset>
</form>
</div>
<ul>
<li><input type="checkbox" id="checkbox-1"/><label for="checkbox-1">.com<em class="light">$5.99</em></label></li>
<li><input type="checkbox" id="checkbox-2"/><label for="checkbox-1">.net<em class="light">$5.99</em></label></li>
</ul>
<ul>
<li><input type="checkbox" id="checkbox-3"/><label for="checkbox-1">.info<em class="light">$5.99</em></label></li>
<li><input type="checkbox" id="checkbox-4"/><label