grandhost
<!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>GrandHost | Contacts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
* { margin:0; padding:0;}
body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.5em; color:#121111;}
input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.wrapper { width:100%; overflow:hidden;}
p { margin-bottom:24px;}
/*==forms*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
#search-form { float:right; padding:26px 52px 0 0; color:#545454; font-size:.86em; width:294px;}
#search-form fieldset { border:none; }
#search-form input.text { border:none; background:none; width:130px; margin-right:10px; padding:2px 5px 3px 5px; color:#545454; background:url(grandhost-images/input-bg.gif) no-repeat right top;}
#search-form input.submit { background:url(grandhost-images/submit-bg.gif) left top repeat-x; width:66px; height:20px; color:#fff; cursor:pointer; border:none;}
#search-form select { width:61px; height:20px; margin-right:15px; background:url(grandhost-images/select-bg.gif) left top repeat-x; border:1px solid #dadada; color:#545454;}
/*==list*/
ul { list-style:none;}
dl { margin-bottom:-24px;}
dl dt { font-weight:bold; color:#f4a03b;}
dl dd { padding-bottom:24px;}
.list1 li { background:url(grandhost-images/bull1.gif) no-repeat left 8px; padding:0 0 0 18px;}
.list1 li.last { background:none; padding:6px 0 0 18px;}
.list2 li { width:100%; overflow:hidden;}
.list2 li span { float:left; width:303px;}
.contacts { margin-bottom:0;}
.contacts dt { font-weight:bold; float:left; width:100px; color:#121111;}
.contacts dd { overflow:hidden; height:1%;}
/*==other*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}
.p1 { margin-bottom:12px;}
.p2 { margin-bottom:24px;}
.p3 { margin-bottom:36px;}
/*==txt, links, lines, titles*/
a {color:#f4a03b; outline:none;}
a:hover{text-decoration:none;}
h2 { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:2.14em; line-height:1.1em; font-weight:normal; color:#545454; letter-spacing:-1px; margin-bottom:18px;}
h2 span { color:#f4a03b;}
h3 { font-size:1em;}
.line-ver { background-image:url(grandhost-images/line-ver.gif); background-repeat:repeat-y;}
/*header*/
#header .row-1 { height:107px;}
#header .row-1 .logo { padding:25px 0 0 40px; float:left;}
#header .row-2 { height:53px;}
#header .nav { width:100%; overflow:hidden;}
#header .nav li { display:inline;}
#header .nav li a { display:block; float:left; background:url(grandhost-images/nav-bg1.gif) left top repeat-x; font-size:.86em; text-transform:uppercase; text-decoration:none; height:43px; line-height:43px; color:#545454; position:relative;}
#header .nav li a em { font-style:normal; display:block; float:left;}
#header .nav li a b { display:block; float:left; background:url(grandhost-images/divider.gif) no-repeat right top; font-weight:normal; padding:0 43px 0 43px; cursor:pointer; }
#header .nav li a:hover { background:url(grandhost-images/nav-bg2.gif) left top repeat-x; color:#fff;}
#header .nav li a:hover b { background:none;}
#header .nav li a.current { background:url(grandhost-images/nav-bg2.gif) left top repeat-x; color:#fff;}
#header .nav li a.current b { background:none;}
#header .nav li a.first b { background:url(grandhost-images/nav-left.gif) no-repeat left top; padding-left:55px; }
#header .nav li a.first em { background:url(grandhost-images/divider.gif) no-repeat right top;}
#header .nav li a.first:hover em { background:none;}
#header .nav li a.first:hover b { background:url(grandhost-images/nav-left1.gif) no-repeat left top; padding-left:55px;}
#header .nav li a.first-current {background:url(grandhost-images/nav-bg2.gif) left top repeat-x; color:#fff;}
#header .nav li a.first-current em { background:none;}
#header .nav li a.first-current b { background:url(grandhost-images/nav-left1.gif) no-repeat left top !important; padding-left:55px;}
#header .nav li a.last b { background:url(grandhost-images/nav-right.gif) no-repeat right top; padding-right:55px;}
#header .nav li a.last:hover b {background:url(grandhost-images/nav-right1.gif) no-repeat right top;}
#header .nav li a.last-current {background:url(grandhost-images/nav-bg2.gif) left top repeat-x; color:#fff;}
#header .nav li a.last-current b {background:url(grandhost-images/nav-right1.gif) no-repeat right top !important; padding-right:55px;}
.main-box { background:url(grandhost-images/main-box.jpg) no-repeat left top; height:270px; position:relative;}
.main-box .inner { padding:43px 0 0 50px;}
.main-box ul { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:1.29em; padding:14px 0 0 0;}
.main-box ul li { background:url(grandhost-images/bull.gif) no-repeat left 8px; padding:0 0 0 19px; position:relative;}
.main-box ul li a { color:#fff; text-decoration:none;}
.main-box ul li a:hover { text-decoration:underline;}
.main-box .extra-banner { position:absolute; left:310px; top:100px; width:120px; text-align:center;}
.main-box .extra-banner img { margin-bottom:22px;}
.main-box .extra-banner a { font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:1.29em; color:#f4a03b; text-transform:uppercase;}
/*content*/
#content { padding:0 0 40px 0;}
#content .indent { padding:24px 20px 30px 20px;}
.banners { width:100%; overflow:hidden; padding:12px 0 0 0;}
.banners li { float:left; margin-right:10px;}
.banners li.last { margin-right:0;}
.awards { width:100%; overflow:hidden;}
.awards li { float:left; border-right:1px solid #e3e3e3; padding:0 20px;}
.awards li.last { padding-right:0; border:none;}
.box { background:url(grandhost-images/box-bg.gif) left bottom repeat-x #fff; width:100%;}
.box .border-top {background:url(grandhost-images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(grandhost-images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(grandhost-images/border-left.gif) repeat-y left;}
.box .border-right {background:url(grandhost-images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(grandhost-images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(grandhost-images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(grandhost-images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(grandhost-images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:20px 30px 15px 30px;}
table { border:1px solid #dadada; width:100%; border-collapse:collapse;}
table td { border:none;}
table td.cell-1 { width:330px;}
table td.cell-2 { text-align:center;}
table td.cell-3 { text-align:center;}
table td.cell-4 { text-align:center;}
table td.cell-5 { text-align:center;}
table thead td { background:#ebebeb; font-weight:bold; padding:7px 30px 7px 30px; border:1px solid #dadada;}
table tbody td {padding:6px 30px 0 30px; text-align:center; border:1px solid #dadada; border-bottom:none; border-top:none;}
table tbody td.last { padding-bottom:20px;}
/*footer*/
#footer { color:#292929;}
#footer .nav { text-align:center; padding-bottom:14px;}
#footer .nav li { display:inline;}
#footer .nav li a { padding:0 38px 0 35px; color:#292929;}
/*==*/
</style>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body id="page5">
<div id="main">
<!-- header -->
<div id="header">
<div class="row-1">
<div class="logo"><a href="#"><img alt="" src="grandhost-images/logo.jpg" /></a></div>
<form action="#" id="search-form">
<fieldset>
Check Domain Name:<br />
<input type="text" value="" class="text" />
<select>
<option>.com</option>
</select>
<input type="submit" value="Start!" class="submit" />
</fieldset>
</form>
</div>
<div class="row-2">
<ul class="nav">
<li><a href="index.html" class="first"><em><b>Home</b></em></a></li>
<li><a href="hosting-plans.html"><b>Hosting Plans</b></a></li>
<li><a href="faq.html"><b>F.A.Q.</b></a></li>
<li><a href="testimonials.html"><b>Testimonials</b></a></li>
<li><a href="contacts.html" class="current"><b>Contacts</b></a></li>
<li><a href="privacy-policy.html" class="last"><b>Privacy policy</b></a></li>
</ul>
</div>
<div class="row-3">
<!-- main-box begin -->
<div class="main-box">
<div class="inner"> <img alt="" src="grandhost-images/slogan.jpg" />
<ul>
<li><a href="#">UNLIMITED space!</a></li>
<li><a href="#">UNLIMITED bandwidth!</a></li>
<li><a href="#">UNLIMITED MySQL databases!</a></li>
<li><a href="#">FREE Domain!</a></li>
<li><a href="#">99.9% Uptime!</a></li>
</ul>
<div class="extra-banner"> <img alt="" src="grandhost-images/extra-banner.jpg" /> <a href="#">Learn More</a> </div>
</div>
</div>
<!-- main-box end -->
</div>
</div>
<!-- content -->
<div id="content">
<div class="indent">
<div class="wrapper line-ver">
<div class="col-1">
<h2>Contact Us</h2>
<p>We can be reached 24/7 to answer all of your support related needs. We can be reached at the following...</p>
<dl class="contacts">
<dt>E-mail:</dt>
<dd><a href="#">sales@hostgator.com</a><br />
<a href="#">support@hostgator.com</a></dd>
</dl>
<dl class="contacts">
<dt>Online Chat:</dt>
<dd><a href="#">AIM:youraimnamehere</a><br />
<a href="#">YIM:youryimnamehere</a><br />
<a href="#">ICQ: youricqhere</a></dd>
</dl>
<dl class="contacts">
<dt>Phone:</dt>
<dd>8 800 00 00 000</dd>
</dl>
</div>
<div class="col-2">
<h2>Support</h2>
<dl>
<dt><a href="#">Contact Support</a></dt>
<dd>You can contact technical support via telephone, e-mail, aim, icq, msn, or yim.</dd>
<dt><a href="#">Frequently Asked Questions</a></dt>
<dd>Search through our FAQ pages and quickly find answers to your pre-sales, and other common web hosting questions.</dd>
<dt><a href="#">Online Community (need to install it)</a></dt>
<dd>Our forum allows customers to interact with each other, discuss issues and share experiences. Want an unbiased opinion about our services? This is the place to get it!</dd>
</dl>
</div>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">Hosting plans</a>|</li>
<li><a href="#">F.A.Q.</a>|</li>
<li><a href="#">Testimonials</a>|</li>
<li><a href="#">Contacts</a>|</li>
<li><a href="#">Privacy policy</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2009 <a href="#">Name Here</a>. All Rights Reserved</div>
<div class="fright">Designed by TemplateMonster - <a href="http://www.templatemonster.com/">website templates</a> provider</div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category