hosting-co
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hosting Co. - Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
margin: 0px 0px 0px 0px;
padding: 0px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #49545A;
text-align: left;
background: url(hosting-co-images/bg.gif) repeat-x left top;
background-color: #333;
}
h1,h2,h3,h4,h5,h6,form,input,lable,p {
margin: 0px;
padding: 0px;
}
h1 {
font: normal 18px Arial, Helvetica, sans-serif;
color: #1278AB;
text-align: left;
}
h1 span {
font: normal 18px Arial, Helvetica, sans-serif;
color: #769C00;
text-align: left;
}
h2 {
font: normal 18px Arial, Helvetica, sans-serif;
color: #215A86;
text-align: left;
}
h4 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
}
p {
font: normal 12px Arial, Helvetica, sans-serif;
color: #49545A;
text-align: left;
}
.main_div {
width: 880px;
}
.main {
width: 850px;
padding: 5px 15px;
background: url(hosting-co-images/body_bg.gif) repeat-y left top;
float: left;
}
.main_site {
width: 850px;
float: left;
}
.logo_area {
width: 850px;
float: left;
}
.logo {
width: 450px;
height: 57px;
padding-top: 18px;
text-align: left;
float: left;
}
.tagline {
width: 400px;
height: 47px;
padding-top: 28px;
float: right;
font: bold 16px Arial, Helvetica, sans-serif;
color: #006699;
}
.header {
width: 850px;
height: 220px;
text-align: left;
float: left;
}
.domain_search {
width: 281px;
height: 220px;
text-align: left;
float: left;
font: normal 12px Arial, Helvetica, sans-serif;
color: #fff;
}
.domain_search h1 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #D6F47A;
}
.search_field {
width: 180px;
height: 20px;
}
.yellow_link:link, .yellow_link:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #C6E85D;
text-decoration: underline;
background: url(hosting-co-images/arrow_01.jpg) no-repeat left 4px;
padding-left: 13px;
}
.yellow_link:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
background: url(hosting-co-images/arrow_01.jpg) no-repeat left 4px;
padding-left: 13px;
}
.banner {
width: 569px;
height: 220px;
float: right;
}
.menu {
padding: 0px;
margin: 0px 0px 0px 0px;
list-style: none;
height: 42px;
width: 850px;
position: relative;
float: left;
background: url(hosting-co-images/menu_normal.jpg) repeat-x left top;
}
.menu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.menu li {
float: left;
height: 42px;
list-style-type: none;
}
.menu li a:link, .menu li a:visited {
display: block;
float: left;
height: 29px;
font: bold 13px Arial, Helvetica, sans-serif;
color: #280F0F;
text-decoration:none;
text-align:center;
padding: 13px 33px 0px 33px;
}
.menu li a:hover {
display: block;
float: left;
height: 29px;
font: bold 13px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:none;
text-align:center;
padding: 13px 33px 0px 33px;
background: url(hosting-co-images/menu_hover.jpg) repeat-x left top;
}
.menu li.current a:link, .menu li.current a:visited {
display: block;
float: left;
height: 29px;
font: bold 13px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:none;
text-align:center;
padding: 13px 33px 0px 33px;
background: url(hosting-co-images/menu_hover.jpg) repeat-x left top;
}
.menu li.current a:hover {
display: block;
float: left;
height: 29px;
font: bold 13px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:none;
text-align:center;
padding: 13px 33px 0px 33px;
background: url(hosting-co-images/menu_hover.jpg) repeat-x left top;
}
.body_area {
width: 850px;
float: left;
padding: 10px 0px 0px 0px;
}
.left_area {
width: 281px;
float: left;
}
.leftbox {
width: 281px;
float: left;
background-color: #F2F5E9;
text-align: left;
margin-bottom: 14px;
}
.leftbox h2 {
width: 261px;
height: 25px;
padding: 7px 0px 0px 20px;
float: left;
text-align: left;
background: url(hosting-co-images/leftbox_top.jpg) repeat-x left top;
font: bold 16px Arial, Helvetica, sans-serif;
color: #fff;
}
.leftbox ul {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 22px;
float: left;
}
.leftbox li {
margin: 0px;
padding: 4px 0px 4px 13px;
width: 230px;
text-align: left;
background: url(hosting-co-images/arrow_02.jpg) no-repeat left 8px;
font: normal 12px Arial, Helvetica, sans-serif;
color: #383838;
list-style-type: none;
}
.live_chat {
width: 281px;
float: left;
}
.content_area {
width: 540px;
padding: 0px 9px 0px 20px;
float: right;
}
.planboxes_area {
width: 498px;
padding: 15px 20px 5px 20px;
float: left;
border: 1px solid #ECECEC;
}
.plan_box {
width: 200px;
padding: 0px 11px 0px 27px;
margin-bottom: 18px;
height: 215px;
float: left;
background: url(hosting-co-images/planbox_bg.jpg) no-repeat left top;
}
.plan_box h2 {
font: bold 16px Arial, Helvetica, sans-serif;
color: #333;
padding: 9px 0px 0px 0px;
}
.plan_box ul {
margin: 0px 0px 0px 0px;
padding: 14px 0px 12px 0px;
float: left;
}
.plan_box li {
margin: 0px;
padding: 3px 0px 3px 10px;
width: 190px;
text-align: left;
background: url(hosting-co-images/bullet_01.jpg) no-repeat left 8px;
font: normal 12px Arial, Helvetica, sans-serif;
color: #006699;
list-style-type: none;
}
.welcome {
width: 498px;
padding-top: 20px;
float: left;
text-align: left;
}
.innerbody_pages {
width: 498px;
float: left;
text-align: left;
}
.footer {
width: 850px;
height: 30px;
padding-top: 15px;
float: left;
background-color: #1278AB;
font: normal 11px Arial, Helvetica, sans-serif;
color: #AFD9EE;
text-align: center;
margin-top: 18px;
}
</style>
</head>
<body>
<div align="center">
<div class="main_div">
<div class="main">
<div class="main_site">
<div class="logo_area">
<div class="logo"><a href="http://www.free-css.com/"><img src="hosting-co-images/logo.jpg" alt="" hspace="27" border="0" /></a></div>
<div class="tagline">Trusted by over 100,000 Domain Owners</div>
</div>
<div class="menu">
<ul>
<li><a href="http://www.free-css.com/">Company</a><img src="hosting-co-images/menu_div.jpg" width="2" height="42" border="0" alt="" align="left" /></li>
<li><a href="hosting.html">Hosting</a><img src="hosting-co-images/menu_div.jpg" width="2" height="42" border="0" alt="" align="left" /></li>
<li><a href="services.html">Services</a><img src="hosting-co-images/menu_div.jpg" width="2" height="42" border="0" alt="" align="left" /></li>
<li><a href="solutions.html">Solutions</a><img src="hosting-co-images/menu_div.jpg" width="2" height="42" border="0" alt="" align="left" /></li>
<li><a href="domains.html">Domains</a><img src="hosting-co-images/menu_div.jpg" width="2" height="42" border="0" alt="" align="left" /></li>
<li><a href="support.html">Support</a><img src="hosting-co-images/menu_div.jpg" width="2" height="42" border="0" alt="" align="left" /></li>
<li class="current"><a href="contact.html"><img src="hosting-co-images/spacer.gif" width="3" height="1" border="0" alt="" align="left" />Contact</a></li>
</ul>
</div>
<div class="header">
<div class="domain_search">
<table width="281" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25" align="left" valign="middle" bgcolor="#006699"> </td>
<td height="40" colspan="2" align="left" valign="middle" bgcolor="#006699"><h1>Domain Name @ $9.99/yr</h1></td>
</tr>
<tr>
<td align="left" valign="middle" bgcolor="#006699"> </td>
<td height="50" colspan="2" align="left" valign="middle" bgcolor="#006699"> www.
<input type="text" name="textfield" class="search_field" />
</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#006699"> </td>
<td height="90" colspan="2" align="left" valign="top" bgcolor="#006699"><table width="240" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><input type="checkbox" name="checkbox" value="checkbox" />
.com </td>
<td align="left" valign="top"><input type="checkbox" name="checkbox2" value="checkbox" />
.net </td>
<td align="left" valign="top"><input type="checkbox" name="checkbox3" value="checkbox" />
.org </td>
<td align="left" valign="top"><input type="checkbox" name="checkbox4" value="checkbox" />
.us </td>
</tr>
<tr>
<td height="36" align="left" valign="bottom"><input type="checkbox" name="checkbox5" value="checkbox" />
.biz </td>
<td align="left" valign="bottom"><input type="checkbox" name="checkbox6" value="checkbox" />
.info </td>
<td align="left" valign="bottom"><input type="checkbox" name="checkbox7" value="checkbox" />
.in </td>
<td align="left" valign="bottom"><input type="checkbox" name="checkbox8" value="checkbox" />
.tv </td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#1278AB"> </td>
<td width="161" height="40" align="left" valign="middle" bgcolor="#1278AB"><a href="http://www.free-css.com/" class="yellow_link"><strong>View All Extensions</strong></a></td>
<td width="95" align="left" valign="middle" bgcolor="#1278AB"><a href="http://www.free-css.com/"><img src="hosting-co-images/but_search.jpg" width="76" height="27" border="0" alt="" /></a></td>
</tr>
</table>
</div>
<div class="banner"><img src="hosting-co-images/header_pic.jpg" alt="" width="569" height="220" border="0" usemap="#Map" /> </div>
</div>
<div class="body_area">
<div class="left_area">
<div class="leftbox">
<h2>Web Hosting Plan Includes</h2>
<ul>
<li>Multi-lingual Control Panel</li>
<li>24/7/365 Customer Support</li>
<li>Custom MX, A, CNAME Records</li>
<li>Integrated Ticketing System</li>
<li>Daily Data Back-up</li>
<li>FrontPage Extensions Support</li>
<li>Anti-virus Protection</li>
<li>Auto-responder E-Mails</li>
<li>MySQL/PostgreSQL DBs</li>
<li>PHP4, PHP5 & PHP6 Support</li>
</ul>
</div>
<div class="leftbox">
<h2>Included Features</h2>
<ul>
<li>Easy-to-use design tools</li>
<li>Free domain name</li>
<li>Unlimited disk space</li>
<li>Unlimited data transfer</li>
<li>Unlimited email storage</li>
<li>24-hour customer service</li>
<li>Reliable and secure hosting</li>
</ul>
</div>
<div class="live_chat"><a href="http://www.free-css.com/"><img src="hosting-co-images/livechat.jpg" border="0" alt="" /></a></div>
</div>
<div class="content_area">
<div class="innerbody_pages">
<h1>Contact</h1>
<br />
<p>Coming Soon... </p>
</div>
</div>
</div>
<div class="footer"> 2008 Hosting Company - All Rights Reserved. </div>
</div>
</div>
</div>
</div>
<map name="Map" id="Map">
<area shape="rect" coords="62,180,188,210" href="http://www.free-css.com/" alt="" />
<area shape="rect" coords="228,181,352,208" href="http://www.free-css.com/" alt="" />
</map>
</body>
</html>
Related examples in the same category