design10
<html>
<head>
<title>Design 10</title>
<style type='text/css'>
body {
font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
margin: 0px;
background-image: url(design10-images/back.gif);
background-repeat: repeat-x;
background-color: #fff;
font-size: 12px;
color: #222;
}
table {
font-size: 12px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #546c00;
font-weight: normal;
margin: 0px;
padding: 0px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #0a547d;
font-weight: normal;
margin: 0px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
font-weight: normal;
margin: 0px;
}
a:link {
color: #546c00;
text-decoration: none;
}
a:visited {
color: #546c00;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
#container_big {
width: 804px;
padding: 0px;
margin: 0px;
}
#container {
float: left;
position: relative;
width: 804px;
text-align: left;
padding: 0px;
}
#header {
float: left;
position: relative;
width: 804px;
height: 294px;
text-align: left;
background-image: url(design10-images/header.jpg);
background-repeat: no-repeat;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
#menu {
float: left;
position: absolute;
width: 650px;
height: 37px;
right: 0px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
text-align: right;
top: 38px;
}
#menu img {
border: 0px;
}
#search {
float: left;
position: absolute;
top: 88px;
left: 110px;
border: 0px;
background: url(design10-images/search.gif) no-repeat;
width: 206px;
height: 41px;
font-size: 18px;
line-height: 20px;
padding-left: 5px;
padding-top: 8px;
}
#domains {
width: 345px;
height: 45px;
float: left;
position: absolute;
top: 92px;
left: 320px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
input[type=checkbox] {
margin: 0px;
padding: 0px;
margin-left: 10px;
border: 0px;
background: none;
}
#go {
float: right;
position: absolute;
top: 88px;
right: 14px;
border: 0px;
background: url(design10-images/go.gif) no-repeat;
width: 101px;
height: 41px;
}
#steps {
float: left;
position: relative;
width: 804px;
height: 210px;
left: 0px;
background-image: url(design10-images/banner.jpg);
background-repeat: no-repeat;
color: #000;
top: 0px;
margin-bottom: 0px;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.box {
float: left;
position: relative;
width: 266px;
left: 0px;
margin-top: 3px;
background: url(design10-images/vertical.gif) repeat-y right top;
margin-bottom: 9px;
margin-right: 0px;
}
#content {
float: left;
position: relative;
width: 804px;
text-align: left;
padding: 0px;
overflow: hidden;
background-image: url(design10-images/content_back.gif);
background-repeat: repeat-y;
background-color: #FFFFFF;
}
#left {
width: 188px;;
float: left;
position: relative;
left: 6px;
background: #CCCC66;
top: 4px;
color: #080808;
}
#main {
float: right;
position: relative;
width: 590px;
right: 6px;
}
#footer {
float: left;
position: relative;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 804px;
background-image: url(design10-images/footer.gif);
vertical-align: middle;
text-align: center;
color: #eaeaea;
padding-top: 5px;
height: 35px;
}
#footer img {
margin: 2px;
border: solid 3px #F2D2A8;
}
#footer a {
color: #fff;
text-decoration: none;
}
input, textarea, button {
background-color: #fff;
color: #94C00D;
border: solid 2px #94C00D;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
height: 20px;
margin-top: 4px;
}
.btn {
border: 0px;
margin-top: 4px;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 20px;
position: absolute;
}
ul {
list-style-type: square;
}
#ttitle {
background-color: #900000;
color: #FFFFFF;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
ul#nav {
margin:0;
padding:0;
position:absolute;
top:38px;
margin-left:232px;
overflow:hidden;
background:url(design10-images/nav.gif) no-repeat top right;
width: 571px
}
ul#nav li {
list-style:none;
float:left;
width:50px;
padding:0px 25px;
padding-right:15px;
padding-top: 5px;
}
ul#nav li span { padding-left: 20px}
ul#nav li a {
display:block;
color:#fff;
font-weight:700;
}
#header h1 {
font-size:30px;
padding-top: 15px;
padding-left: 10px;
color:#2266c3
}
#header h1 span {
color:#6ca400}
#slogan {color:#bababa;padding-left: 100px;}
a.readmore { background:url(design10-images/readon.gif) no-repeat; height:33px; width:120px; display:block;padding-top: 9px; padding-left: 15px; color:#fff}
</style>
<meta name="description" content="Description goes here">
<meta name="keywords" content="keywords, go, here">
<!--[if IE]>
<style>
ul#nav li {
padding-right:2px;
}
</style> <![endif]-->
</head>
<body>
<div align="center">
<div id="container_big">
<div id="container">
<div id="header"> <a href="./" title="Homepage ?><img src="design10-images/logo.gif" border="0" height="68" width="200"></a>
<h1 id="logo">NEW.<span>DOMAINS</span></h1>
<div id="slogan">Domain registration</div>
<ul id="nav">
<li><a href="#">Register <span>Domain</span></a></li>
<li><a href="#">Renew <span>Domain</span></a></li>
<li><a href="#">transfer <span>Domain</span></a></li>
<li><a href="#">manage <span>Domain</span></a></li>
<li><a href="#">Expired <span>Domain</span></a></li>
<li><a href="#">Domain <span>resource</span></a></li>
</ul>
<input id="search" type="text">
<div id="domains">
<form>
<input type="checkbox">
.COM
<input type="checkbox">
.NET
<input type="checkbox">
.ORG
<input type="checkbox">
.info
<input type="checkbox">
.biz
<input type="checkbox">
.tv
<input type="checkbox">
.us
<input type="checkbox">
.ca
<input type="checkbox">
.name
<input type="checkbox">
.mobi
<input type="checkbox">
.co.uk
<input type="checkbox">
.eu
</form>
</div>
<input type="image" src="design10-images/go.gif" id="go">
<a href="#" title="Find out more »"><img src="design10-images/logo.gif" border="0" width="150" height="30" style="position: absolute; float: left; top: 240px; right: 140px;"></a> </div>
<!-- content begin -->
<div id="content">
<div class="box">
<div style="margin-left: 3px; margin-right: 4px;"> <img src="design10-images/limited_time_offer.gif"><br />
<img src="design10-images/howtobuy.gif" vspace="3"><br />
This is NEW.DOMAINS, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) <br>
<a href="#" class="readmore">Read MORE...</a> </div>
</div>
<div class="box">
<div style="margin-left: 3px; margin-right: 4px;"> <img src="design10-images/domainname.gif" vspace="3"><br />
This is NEW.DOMAINS, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) <br>
<a href="#" class="readmore">Read MORE...</a> </div>
</div>
<div class="box">
<div style="margin-left: 3px; margin-right: 4px;"> <img src="design10-images/freehosting.gif" vspace="3"><br />
This is NEW.DOMAINS, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so youre pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) <br>
<a href="#" class="readmore">Read MORE...</a> </div>
</div>
<br clear="all">
</div>
</div>
<!-- content end -->
<div id="footer"> © 2007 <a href="#"><strong>SiteName.com</strong></a> <br/>
<a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a> </div>
</div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category