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>