new-fast-host : Design 4 « Templates « HTML / CSS

new-fast-host

   

<!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>New Fast Host</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
* { padding:0; margin:0; }

body,td,th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
}

body {
  background-color: #FFFFFF;
  background-image: url(new-fast-host-images/bg.jpg);
  background-repeat: repeat-x;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

img{
  border:0;
}

#topheader { 
  width:762px; 
  height:128px; 
  margin:0 auto;
}

#topheader .logo { 
  float:left; 
  padding:40px 0 0 0; 
}

#topheader .help { 
  float:right; 
  padding:29px 0 0 0; 
}

#topmenu {
  float:left;
  background:url(new-fast-host-images/menu_bg.jpg) repeat-x ; 
  height:38px; 
  margin:5px 0 0  0;
}

#topmenu ul {
  background:url(new-fast-host-images/menu_bgLeft.jpg) no-repeat left top;
  line-height:38px;
  float:left;
  list-style:none;
  width:762px;
}

#topmenu li {
  display:inline;
}

#topmenu a {
  float:left;
  text-decoration:none;
  color: #FFF;
  font-weight: bold ;
  display:block;
  padding:0 21px 0 22px;
  background: url(new-fast-host-images/menu_seprator.jpg) no-repeat right;
}

#topmenu a.right {
  float:right;
  background: url(new-fast-host-images/menu_bgRight.jpg) no-repeat right;
}


#header {
  height:263px; 
  border-top:5px solid #FFF; 
  overflow:hidden; 
  width:100%; 
  float:left;
  background: url(new-fast-host-images/headerimg_bg.jpg);
}

#header .image {
  width:762px;  
  margin:0 auto; 
}

#contents { 
  clear:both; 
  float:none;
  width:762px;  
  margin:0 auto; 
  background:url(new-fast-host-images/content_bg.jpg) repeat-x top;
}

#panels { 
  margin:0 0 15px 0; 
  text-align: center; 
  padding-left: 2px; 
}

#panels ul {
  list-style:none;
}

#panels li {
  display:inline; 
  padding-right:2px;
}

#left_reseller { 
  background:url(new-fast-host-images/reseller_bg.jpg) no-repeat; 
  width:492px; 
  height:172px; 
  float:left;
}

#left_reseller h1 { 
  padding:5px 0 0 15px; 
  font-family: Arial, Helvetica, sans-serifl; 
  font-size: 20px; 
  text-transform: uppercase; 
  font-weight: bold;
}

#left_reseller h1 span { 
  font-size:18px; 
  font-weight:normal;
}

#left_reseller h1 strong { 
  font-size:26px; 
  text-transform:uppercase; 
  color:#FF0000;
}

#left_reseller  ul { 
  list-style:none; 
  margin:20px 0 0 15px; 
}

#left_reseller  ul li { 
  background:url(new-fast-host-images/reseller_planbg.jpg) no-repeat; 
  padding:0 0 0 25px; 
  line-height:27px;
}

#left_reseller  ul li span {
  color:#FF0000;
}
    
#left_reseller .ordernow { 
  margin:5px 0 0 15px;
}

#right_ssl {
  background:url(new-fast-host-images/ssl_bg.jpg) no-repeat; 
  width:259px; 
  height:172px; 
  float:right;
}

#right_ssl .mtext { 
  padding: 120px 5px 0 45px; 
}

#right_ssl a { 
  text-decoration:none; 
  color:#e33f05; 
  font-weight:bold;
}

/******/
#left_welcome {
  background:url(new-fast-host-images/welcome_bg.jpg) no-repeat; 
  width:434px; 
  height:119px; 
  float:left; 
  margin-top:15px;
}

#left_welcome h1 { 
  padding:15px 0 0 15px; 
  font-size:18px; 
  color:#5f6368;
}

#left_welcome h1 span { 
  font-size:18px; 
  color:#f48b03;
}

#left_welcome p { 
  padding:15px 0 0 15px; 
  font-size:11px;
}

/* Search BOx*/
#right_search {
  background:url(new-fast-host-images/domainsearch_bg.jpg) no-repeat; 
  width:307px; 
  height:118px; 
  float:right; 
  margin-top:15px;
}

#right_search h2 { 
  font-family:Arial, Helvetica, sans-serif; 
  padding:15px 0 0 10px; 
  font-size:14px; 
  color:#FFF;
}

#right_search p { 
  padding:10px 0 0 15px; 
  font-size:11px; 
  color:#CCCCCC;
}

#right_search form {
  padding:10px 0 0 15px;
  font-size:11px;
}

#right_search .register {
  margin:5px 0 0 0; 
  display:block; 
  font-size:12px; 
  line-height:16px; 
  font-weight:bold; 
  text-decoration:none; 
  color:#FFF; 
  background:url(new-fast-host-images/arow.jpg) no-repeat 120px 0px;
}

#partners { 
  float:left;
  width:762px; 
  height:60px;  
  margin:20px auto; 
  background:url(new-fast-host-images/partners.jpg) no-repeat center;
}

#footer {
  border-top:5px solid #FFF; 
  overflow:hidden; 
  width:100%; 
  float:left;
  background:#3d3f41; 
  height:70px;
}

#footer .links {
  width:762px; 
  margin:0 auto; 
  border-bottom:1px solid #000; 
  color:#000; 
  padding:10px 0 10px 0 ; 
  line-height:16px; 
  text-align:center; 
  font-weight:bold;
}

#footer .links a {
  color:#FFFFFF; 
  text-decoration:none; 
  font-weight:bold;
}

#footer .links a:hover, #footer .links a:visited {
  color:#a9a6a6; 
}

#footer .copyright {
  color:#a9a6a6; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px; 
  padding:7px 0 0 0;
}

#footer .copyright a, a:hover {
  color:#a9a6a6; 
}

#footer .copyright a:hover {
  color:#ffffff; 
}

#innercontents { 
  clear:both; 
  float:none;
  width:762px;  
  margin:0 auto; 
  border-top:10px solid #FFF; 
  background:url(new-fast-host-images/innerbg.jpg) no-repeat top;
}

#innercontents h1 { 
  padding:10px 20px; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:20px; 
  font-weight: normal;
  border-bottom:1px dotted #000; 
}

#innercontents p.contents { 
  padding:10px 20px;
}

#innercontents strong.red {
  padding:10px 20px; 
  color:#c90808; 
  font-size:14px; 
  line-height:24px; 
  text-transform:uppercase;
}

DIV.base-layer {
  border: solid #FFF 1px; 
  padding: 0; 
  text-align: center; 
  width: auto; 
}

DIV.MyTableRowClass {
   width: 100%; 
}

DIV.MyMainTableRowClass1 {
  float: left; margin: 0; 
  padding: 0; width: 40%; 
  font-family:Arial, verdana;
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass2 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 20%; 
  font-family:Arial, verdana; 
  line-height: 24px;  
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass3 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 20%; 
  font-family:Arial, verdana;
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}

DIV.MyMainTableRowClass4 {
  float: left; margin: 0; 
  text-align:center; 
  padding: 0; width: 20%; 
  line-height: 24px;   
  border-bottom:2px solid #FFF;
}

DIV.Even {
  background:#f8f8f8; 
}

DIV.Odd {
  background:#f1f0f0; 
}

H5.MyTableHeaderClass {
  background: #3d3f41; 
  text-align:center;
  padding:0 0 0 10px; 
  color:#FFF; 
  font-family: Arial, verdana; 
  line-height: 30px; 
  font-size:14px; 
  font-weight:bold;
}

.Odd P , .Even p {
  font-family:Arial, verdana; 
  text-align:center; 
  padding:0 0 0 10px;
}

</style>


</head>
<body>
<div id="topheader">
  <div class="logo"><img src="new-fast-host-images/logo.jpg" alt=""  /></div>
  <div class="help"><a href="http://www.free-css.com/"><img src="new-fast-host-images/help.jpg" alt=""  /></a></div>
  <div id="topmenu">
    <ul>
      <li><a href="http://www.free-css.com/"><span>Home</span></a></li>
      <li><a href="subpage.html"><span>Shared Hosting</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Web Design</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Reseller</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Dedicated</span></a></li>
      <li><a href="http://www.free-css.com/"><span>Support</span></a></li>
      <li><a class="right" href="http://www.free-css.com/"><span>Contact Us</span></a></li>
    </ul>
  </div>
</div>
<div id="header">
  <div class="image"><img src="new-fast-host-images/header.jpg" alt="" /></div>
</div>
<div id="contents">
  <div id="panels">
    <ul>
      <li><a href="http://www.free-css.com/"><img src="new-fast-host-images/panel1.jpg" alt="" /></a></li>
      <li><a href="http://www.free-css.com/"><img src="new-fast-host-images/panel2.jpg" alt="" /></a></li>
      <li><a href="http://www.free-css.com/"><img src="new-fast-host-images/panel3.jpg" alt="" /></a></li>
      <li><a href="http://www.free-css.com/"><img src="new-fast-host-images/panel4.jpg" alt="" /></a></li>
    </ul>
  </div>
  <div id="left_reseller">
    <h1> Reseller <span> Plan &nbsp;&nbsp;&nbsp; | only</span> <strong> $6.50</strong></h1>
    <ul>
      <li>Unlimited Accounts</li>
      <li>Choice of OS <span>(Linux plans)</span> </li>
      <li>Powerful spam &amp; Virus protection</li>
    </ul>
    <div class="ordernow"><a href="http://www.free-css.com/"><img src="new-fast-host-images/ordernow.jpg" alt="" /></a></div>
  </div>
  <div id="right_ssl">
    <div class="mtext"> Lorem ipsum dolor sit amet, consectetuer .Lorem ipsum dolor sit <a href="http://www.free-css.com/">read more>></a> </div>
  </div>
  <div id="left_welcome">
    <h1> Welcome to <span>New Fast Host</span></h1>
    <p>This is a free hosting template provided by <a href="http://www.templatemo.com">TemplateMo.com</a> You may download, modify and apply this layout for your hosting websites. Thank you for visiting.</p>
  </div>
  <div id="right_search">
    <h2> DOMAIN NAME STILL AVAILABLE?</h2>
    <form method="post" action="http://www.free-css.com/">
      <input type="text" name="text" class="txtbox" id="text" />
      <select name="list" id="list">
        <option>.com</option>
        <option>.net</option>
        <option>.org</option>
      </select>
    </form>
    <p> Free domain with all hosting packages <a href="http://www.free-css.com/" class="register">Click to Register</a> </p>
  </div>
  <div id="partners"></div>
</div>
<div id="footer">
  <div class="links"> <a href="http://www.free-css.com/">Home </a>| <a href="http://www.free-css.com/">Reseller</a> | <a href="http://www.free-css.com/">Terms of Service</a> | <a href="http://www.free-css.com/">Forums</a> | <a href="http://www.free-css.com/">Services</a> | <a href="http://www.free-css.com/">Site Map</a> </div>
  <div class="copyright"> Copyright  2024 Hosting Company - All Rights Reserved. <a href="http://www.free-css.com/">Privacy Policy</a> - <a href="http://www.free-css.com/">Legal Information</a><br />
    Designed by <a href="http://www.templatemo.com">Free CSS Templates</a></div>
</div>
</body>
</html>

Related examples in the same category

1.	arrangement
2.	arthemia
3.	artica
4.	aspherical
5.	assiduous
6.	asterisk
7.	astounded
8.	astroturfd
9.	atomohost
10.	atrandafir582
11.	AttainDigital
12.	audi-template
13.	aurelius
14.	authenticity
15.	autoportal
16.	axian
17.	azulmedia2-1
18.	azure
19.	bagatelle
20.	balanced
21.	bananaleaf
22.	barricade
23.	begrimed
24.	belowthehorizon
25.	bennevis
26.	bermuda01
27.	besmart
28.	bestwebdesign
29.	beta
30.	beyond
31.	bigdeal
32.	BigSpaceLove
33.	bioessence
34.	Biru_Manteb
35.	bittersweet
36.	Black
37.	chamberlandsrestaurant
38.	chara
39.	characterized
40.	charcoal
41.	charitable-organization
42.	chary
43.	chasmogamous
44.	chesspiece
45.	chic
46.	chicanery
47.	chromz
48.	churchsitev.2
49.	citrus-island1-1
50.	clementine
51.	clicker
52.	modernclassic
53.	modernmagic
54.	modernworld
55.	A_Simple_Theme
56.	minimalistica
57.	miniseries
58.	mint-idea
59.	minty
60.	mirax
61.	miscellaneous
62.	mistybud
63.	mlpdesign02
64.	mlpdesign03
65.	mlpdesign04
66.	mlpdesign08
67.	model-4-me
68.	model-portfolio
69.	modelagency
70.	modelportfolio
71.	model_2
72.	moderna
73.	Modified
74.	modulation
75.	module-mag
76.	mokofactory
77.	monster
78.	mork-horisont
79.	mountainbreeze
80.	mouse
81.	mrtechie
82.	multiflex2
83.	multiple
84.	multiplex
85.	music
86.	muzzle
87.	MyCode
88.	mydiary
89.	myfamily
90.	myhedspacefree08
91.	mykindathing
92.	myportfolio
93.	mystic-garden
94.	Mythology
95.	myvalentine
96.	naeve
97.	natheless
98.	nationalpark
99.	neapolitan
100.	neatness
101.	nebuladog
102.	nedweb
103.	NelVoize
104.	neoneon
105.	neonix
106.	neoplanet-01
107.	neotech
108.	netindustries
109.	neuphoric
110.	neutral
111.	neutraldesk
112.	neutralgreen
113.	new kitchen design
114.	new-home
115.	new-rise
116.	new-year