loadhost
<!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>YourCompany.com | Templates created by: LoadFoO.web.id</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
padding:0;
margin:0;
font:12px Verdana, sans-serif;
line-height: 18px;
background:#ECF1B1;
color: #55523F;
}
abbr {
border-bottom: 1px solid #999;
}
abbr:hover {
border-bottom-color: #9c0;
color: #666;
}
a, a:link, a:visited{
color:#333;
text-decoration: underline;
background:none;
}
a:active {
color: #333;
background: none;
text-decoration: none;
}
a:hover {
color:#333;
text-decoration:none;
}
p {
margin:0;
padding-top:2px;
}
h1 {
font-weight:bold;
font-size:20px;
padding:10px 0 4px 0px;
margin: 0 0 10px 0;
color:#333;
background:none;
}
h2 {
font-size:12px;
padding:10px 0 4px 0px;
margin: 0 0 10px 0;
color:#333;
background:none;
}
ul {
padding:0 0 20px 0;
margin:10px 35px 0 13px;
list-style: square;
font-size: 1em;
}
li {
margin:0;
padding:0 0 4px 0;
}
img {
border: 0;
}
h4 {
font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif;
margin:0 20px 0 0;
}
#wrapper {
margin:2px auto;
width:900px;
padding:0;
background:transparent;
}
#header {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_04.gif) no-repeat center;
margin: 10px 0 0 18px;
height: 280px;
}
#header .link {
font-size: 0.9em;
text-align: right;
padding: 8px 30px 0 0;
color: #CCD293;
}
#header .link a {
color: #CCD293;
}
#header .title a {
color: #CCD293;
text-decoration: none;
}
#header .title h1 {
float:left;
padding-top: 70px;
padding-left: 50px;
color: #eee;
font-size: 30px;
font-weight: normal;
height: 22px;
width: 280px;
}
#header .title h2 {
padding-top: 95px;
padding-left: 60px;
color: #eee;
font-size: 15px;
font-weight: normal;
font-style: italic;
}
#header .menu {
float: left;
width: 700px;
padding-top: 86px;
padding-right:5px;
text-align:left;
font:14px Verdana, sans-serif;
}
#header .menu li {
display:inline;
margin:0 0 0 7px;
}
#header .menu li a {
color:#FFF6C1;
text-decoration:none;
padding:1px 5px 1px 5px;
height:38px;
background:none;
}
#header .menu li a:hover {
background: transparent;
color:#FFF6C1;
text-decoration:underline;
}
#content {
margin:0;
}
#content .top {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_07.gif) no-repeat center;
margin: 10px 0 0 18px;
height: 28px;
}
#content .isi {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_08.gif) repeat-y center;
margin: 0 0px 0 14px;
padding: 0 0 0 50px;
width: 840px;
}
#content .isi p {
padding-bottom:18px;
margin: 0 35px 0 0;
font-size: 1em;
}
#content .isi h1 {
background: url(loadhost-images/loadfoo_layoutv2_cut_10.gif) no-repeat left top;
font-size: 28px;
font-weight: normal;
height: 56px;
margin: 0 0 0 0;
padding: 18px 0 0 10px;
}
#content .foot {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_23.gif) no-repeat center;
height: 23px;
margin: 0 0 0 18px;
}
#middle {
margin:0;
}
#middle .top {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_25.gif) no-repeat center;
height: 43px;
margin: 10px 0 0 18px;
}
#middle .menus {
float: left;
width: 845px;
margin: 16px 0 0 9px;
text-align:center;
font:12px Verdana, sans-serif;
}
#middle .menus li {
display:inline;
margin:0 0 0 7px;
}
#middle .menus li a {
color:#55523F;
text-decoration:none;
padding:1px 5px 1px 5px;
height:38px;
background:none;
}
#middle .menus li a:hover {
background: transparent;
color:#55523F;
text-decoration:underline;
}
#middle .middles {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_27.gif) repeat-x center;
height: 5px;
margin: 0 0 0 18px;
}
#middle .foot {
background: #ECF1B1 url(loadhost-images/loadfoo_layoutv2_cut_28.jpg) no-repeat center;
height: 169px;
margin: 0 0 0 18px;
}
#footer {
text-align: right;
font-size: 10px;
margin: 0 13px 0 0;
}
/* Optimal Set */
table {
border-collapse:collapse;
background:transparent;
font-size:10px;
color: #333;
word-spacing: -1px;
width: 94%;
margin:0px 0px 0px 0px;
border-collapse:collapse;
}
caption {
padding: 10px 0 19px 0;
text-align: left;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-transform: capitalize;
word-spacing: -1px;
letter-spacing: -1px;
color: #022B59;
background-color: transparent;
margin-bottom: -23px;
line-height: 63px;
}
thead {
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
}
thead th, tfoot th, tfoot td {
background: #CCD293;
padding: 5px 0px 5px 0px;
font-weight: bold;
font-size: 11px;
letter-spacing: -1px;
word-spacing: 2px;
color: #55523F;
text-align: center;
}
tfoot td {
text-align:center;
}
tfoot td a {
text-align:center;
}
tfoot td a:hover {
color: #fff;
}
tbody th, tbody td {
border-bottom: solid 1px #ECF1B1;
line-height: 11px;
letter-spacing: 0.5px;
word-spacing: -1px;
padding: 5px 0px 5px 5px;
margin: 5px 0px 5px 5px;
text-align: center;
}
tbody th {
white-space: nowrap;
margin: 5px 0px 5px 0px;
text-align: left;
}
tbody th a:hover {
color:#fff;
}
.odd {}
tbody tr:hover {
background:#ECF1B1;
}
fieldset { border:0;margin:0;padding:0; }
form label { display:block; }
form input.text,form textarea { width:80%; font:bold 12px/12px "courier new",courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; background-color: #F3F3F3;}
form input.text:hover, form textarea:hover{ background:#fff; }
form input.text:focus, form textarea:focus{ color:#666; background:#fff; }
input.submit { padding:2px 5px; font:bold 12px/12px verdana,arial,sans-serif; background:#631e19; color:#ffffff; border: none; }
* html form input.text,
* html form textarea{ color:#333; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; padding-right: 10px; }
.float-left { float: left; }
.float-right { float: right; padding-right: 10px; }
.clear { clear:both; overflow:hidden; margin:0; padding-bottom:10px; height:1px; }
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div class="link">
Quick Link: <a href="#sitemap" title="Sitemap">Sitemap</a> | <a title="CPanel Login" href="#" rel="external">CPanel</a> | <a title="Webmail Login" href="#" rel="external">Webmail</a>
</div>
<div class="title">
<h1>YourCompany.com</h1>
<h2>Templates created by: LoadFoO.web.id</h2>
</div>
<ul class="menu">
<li><a href="#" title="#">Home</a></li>
<li><a href="#" title="#">Domain</a></li>
<li><a href="#" title="#">Hosting</a></li>
<li><a href="#" title="#">Support</a></li>
<li><a href="#" title="#">Portofolio</a></li>
<li><a href="#" title="#">About</a></li>
<li><a href="#" title="#">Contact</a></li>
</ul>
</div>
<div id="content">
<div class="top"></div>
<div class="isi">
<h1>All our offers here:</h1>
<p>We have Complete Web Hosting Solutions with Full Support for the newest software. We provide great web hosting facilities with unlimited pop3, webmail, web statistics, ftp, web based file manager, and other solutions, with full support for our 'top' software.</p>
<ul>
<li>Possibility of creation / restoration of copies security</li>
<li>Management of email, redirects, automatic responses</li>
<li>Management of databases (MySQL)</li>
<li>Access to phpMyadmin</li>
<li>Ability to manage areas parqueados / extra areas</li>
<li>Statistics detailed domains and subdomains</li>
<li>Management of accounts FTP</li>
<li>Protection of directories</li>
<li>Configuration of pages of error</li>
<li>Possibility to install / uninstall extensions Frontpage</li>
<li>Manager files</li>
<li>Ability to add / remove / redirect subdomains</li>
<li>Possibility to schedule tasks (cronjobs)</li>
<li>Management detailed the space occupied, traffic consumed etc.</li>
<li>Tutorials Online Help in Video</li>
<li>Ability to prevent 'hotlinking'</li>
<li>Prevention of use of traffic by other websites</li>
<li>Management of indexation of directories</li>
<li>And much more is available in the Control Panel.</li>
<li>Here more about <a title="Hoting Features" href="#">hosting features</a></li>
</ul>
</div>
<div id="kotakkiri"></div>
<div class="foot"></div>
</div>
<div id="middle">
<div class="top">
<ul class="menus">
<li><a href="#" title="#">Home</a></li>
<li><a href="#" title="#">Domain</a></li>
<li><a href="#" title="#">Hosting</a></li>
<li><a href="#" title="#">Support</a></li>
<li><a href="#" title="#">Portofolio</a></li>
<li><a href="#" title="#">About</a></li>
<li><a href="#" title="#">Contact</a></li>
</ul>
</div>
<div class="foot"></div>
<div id="footer">© 2008 YourCompany.com | All Rights Reserved.<br />Design by <a href="http://www.loadfoo.web.id" target="_blank">{LF} LoadFoO</a></div>
</div>
</div>
</body>
</html>
Related examples in the same category