designgalo
<html>
<head>
<title>Design 13</title>
<style type='text/css'>
body {
font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
margin: 0px;
background-image: url(designgalo-images/back.gif);
background-repeat: repeat-x;
background-color: #777E0B;
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: 829px;
padding: 0px;
margin: 0px;
}
#container {
float: left;
position: relative;
width: 829px;
text-align: left;
padding: 0px;
}
#header {
float: left;
position: relative;
width: 829px;
height: 105px;
text-align: left;
background-image: url(designgalo-images/header.gif);
background-repeat: no-repeat;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
#menu {
float: left;
position: absolute;
width: 850px;
height: 29px;
left: 0px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
text-align: center;
top: 65px;
}
#menu a {
margin-left: 0px;
margin-right: 6px;
text-decoration: none;
display: block;
float: left;
height: 29px;
background-image: url(designgalo-images/a_link.gif);
background-repeat: repeat-x;
padding-top: 8px;
padding-left: 28px;
padding-right: 27px;
color: #000;
}
#menu a:hover {
margin-left: 0px;
margin-right: 6px;
text-decoration: none;
display: block;
float: left;
height: 29px;
background-image: url(designgalo-images/a_hover.gif);
background-repeat: repeat-x;
padding-top: 8px;
padding-left: 28px;
padding-right: 27px;
color: #2291d0;
}
#steps {
float: left;
position: relative;
width: 829px;
height: 210px;
left: 0px;
background-image: url(designgalo-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: 265px;
left: 9px;
margin-top: 5px;
background: url(designgalo-images/box_back.gif);
margin-bottom: 9px;
margin-right: 8px;
}
#content {
float: left;
position: relative;
width: 829px;
text-align: left;
padding: 0px;
overflow: hidden;
background-image: url(designgalo-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: 829px;
background-image: url(designgalo-images/footer.gif);
background-repeat: no-repeat;
vertical-align: middle;
text-align: center;
color: #eaeaea;
padding-top: 5px;
}
#footer img {
margin: 2px;
border: solid 3px #F2D2A8;
}
#footer a:hover {
color: #111;
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;
}
#logo { font-size:30px; padding:20px 0 0px 50px ; background:url(designgalo-images/logo2.gif) no-repeat 10px 20px}
</style>
<meta name="description" content="Description goes here">
<meta name="keywords" content="keywords, go, here">
</head>
<body>
<div align="center">
<div id="container_big">
<div id="container">
<div id="header">
<a href="./" title="Homepage ?><img src="designgalo-images/logo.gif" border="0" height="55" width="290"></a>
<div id="logo">Brightness</div>
<div id="menu">
<a href="#">Home</a>
<a href="#">Financial Services</a>
<a href="#">Technology</a>
<a href="#">Business Ideas</a>
<a href="#">Publications</a>
<a href="#">Site Map</a>
<a href="#">Contacts</a>
</div>
</div>
<!-- content begin -->
<div id="steps">
<div style="float: left; position: relative; width: 210px; left: 60px; top: 130px;">
<h2>Small, Home Office</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
</div>
<div style="float: left; position: relative; width: 200px; left: 135px; top: 130px;">
<h2>Medium-Sized
Enterprises</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.<br />
</div>
<div style="float: left; position: relative; width: 190px; left: 215px; top: 130px;">
<h2>Large Organisation</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
</div>
</div>
<div id="content">
<div class="box"><div><img src="designgalo-images/box_top.gif"></div>
<div style="margin: 4px;">
<h1>Free CSS Templates</h1>
This is Brightness, 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>
<strong><a href="#">Read more »</a></strong>
</div><div><img src="designgalo-images/box_bottom.gif"></div>
</div>
<div class="box"><div><img src="designgalo-images/box_top.gif"></div>
<div style="margin: 4px;">
<h1>Content item title</h1>
This is Brightness, 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>
<strong><a href="#">Read more »</a></strong>
</div><div><img src="designgalo-images/box_bottom.gif"></div>
</div>
<div class="box"><div><img src="designgalo-images/box_top.gif"></div>
<div style="margin: 4px;">
<h1>Content item title</h1>
This is Brightness, 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>
<strong><a href="#">Read more »</a></strong>
</div><div><img src="designgalo-images/box_bottom.gif"></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