Design9
<html>
<head>
<title>Design 9</title>
<style type='text/css'>
body {
font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
margin: 0px;
background-image: url(Design9-images/back.gif);
background-repeat: repeat-x;
background-color: #818181;
font-size: 12px;
color: #222;
}
table {
font-size: 12px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #222;
font-weight: normal;
margin: 0px;
padding: 0px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #222;
font-weight: normal;
margin: 0px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
font-weight: normal;
margin: 0px;
}
a {
color: #488420;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
#container_big {
width: 827px;
padding: 0px;
margin: 0px;
}
#container {
float: left;
position: relative;
width: 827px;
text-align: left;
padding: 0px;
}
#header {
float: left;
position: relative;
width: 827px;
height: 259px;
text-align: left;
background-image: url(Design9-images/header.jpg);
background-repeat: no-repeat;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
#menu {
float: left;
position: absolute;
width: 207px;
left: 10px;
font-size: 13px;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
overflow: hidden;
text-align: left;
top: 84px;
text-transform: uppercase;
}
#menu a {
display: block;
float: left;
position: relative;
width: 207px;
/width: 217px;
height: 28px;
overflow: hidden;
line-height: 33px;
padding-left: 10px;
margin-bottom: 6px;
text-align: left;
color: #fff;
}
#menu a:hover {
display: block;
float: left;
position: relative;
background: url(Design9-images/a_hover.gif);
width: 207px;
/width: 217px;
height: 28px;
overflow: hidden;
line-height: 33px;
padding-left: 10px;
margin-bottom: 6px;
text-align: left;
color: #fff;
text-decoration: none;
}
#steps {
float: left;
position: relative;
width: 624px;
height: 194px;
left: 0px;
background-image: url(Design9-images/banner.gif);
background-repeat: no-repeat;
color: #bdc1e4;
top: 0px;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.box {
float: left;
position: relative;
width: 235px;
margin-left: 10px;
}
#content {
float: left;
position: relative;
width: 827px;
text-align: left;
padding: 0px;
overflow: hidden;
background-image: url(Design9-images/content_back.gif);
background-repeat: repeat-y;
background-color: #FFFFFF;
}
#left {
width: 299px;;
float: left;
position: relative;
left: 0px;
background: url(Design9-images/left_back.gif);
top: 3px;
left: 4px;
color: #454545;
margin-bottom: 3px;
}
#main {
float: right;
position: relative;
width: 513px;
right: 6px;
}
#footer {
float: left;
position: relative;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 827px;
background-image: url(Design9-images/footer.gif);
background-position: center;
background-repeat: no-repeat;
vertical-align: middle;
text-align: center;
color: #eaeaea;
padding-top: 10px;
height: 30px;
/height: 38px;
margin-top: 0px;
}
#footer a {
color: #fff;
margin-left: 5px;
margin-right: 5px;
}
#footer a:hover {
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;
}
#name { font-size:26px; padding:30px 0 0 15px; font-weight:700}
#slogan{ font-size:14px; padding-left: 85px; font-weight:700; color:#87ea45}
.BIGTITLE { font-size:54px; padding-left: 320px; margin-top: -80px; color:#818181}
.Desc { font-size:28px; padding-left: 320px; margin-top: -10px;;color:#818181}
.BIGTITLE span,.Desc span{color:#59bd15}
</style>
<meta name="description" content="">
<meta name="keywords" content="keywords">
</head>
<body>
<div align="center">
<div id="container_big">
<div id="container">
<div id="header">
<div id="name">Company Name</div>
<div id="slogan">Slogan goes Here</div>
<a href="./" title="Homepage ?><img src="Design9-images/logo.gif" border="0" height="75" width="210"></a>
<div id="menu" style="text-align: center;">
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Services</a>
<a href="#">Partners</a>
<a href="#">Contact us</a>
</div>
<div class="BIGTITLE">BIG <span>DEAL</span></div>
<div class="Desc"><span>Services</span> Description</div>
<div style="float: left; position: absolute; width: 275px; height: 135px; right: 233px; top: 107px; font-family: Verdana;">
This is BIG DEAL, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.<br /><br />
This free template is released under a Creative Commons Attributions 2.5 license.
<a href="#">Read more »</a>
</div>
</div>
<!-- content begin -->
<div id="content">
<div id="left">
<div style="margin-left: 5px; margin-right: 15px; margin-bottom: 3px;">
<h1>Free CSS Templates</h1>
<img src="Design9-images/image.jpg" vspace="3" hspace="3" align="left">
This is BIG DEAL, 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 /><br />
<a href="#">Read more »</a>
</div>
</div>
<div id="main">
<h1>Content item title</h1>
This is BIG DEAL, 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><br clear="all">
<img src="Design9-images/hr.gif" vspace="3">
<h1>Content item title</h1>
This is Celebrere, 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>
</div>
<br clear="all">
<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>
<!-- content end -->
</div>
</div>
</div>
</div>
</body></html>
Related examples in the same category