Market
<html>
<head>
<title>Design 8</title>
<style type='text/css'>
body {
font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
margin: 0px;
background-image: url(Market-images/back.gif);
background-repeat: repeat-x;
background-color: #353535;
font-size: 12px;
color: #222;
}
table {
font-size: 12px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #bb3b0c;
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: #bb3b0c;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
#container_big {
width: 837px;
padding: 0px;
margin: 0px;
}
#container {
float: left;
position: relative;
width: 837px;
text-align: left;
padding: 0px;
}
#header {
float: left;
position: relative;
width: 837px;
height: 280px;
text-align: left;
background-image: url(Market-images/hd.jpg);
background-repeat: no-repeat;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
#menu {
float: left;
position: absolute;
width: 186px;
left: 10px;
font-size: 18px;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
overflow: hidden;
text-align: left;
top: 82px;
}
#menu a {
display: block;
float: left;
position: relative;
background: #bc6d34;
width: 170px;
/width: 180px;
height: 33px;
overflow: hidden;
line-height: 33px;
padding-left: 10px;
margin-bottom: 5px;
text-align: left;
color: #fff;
}
#menu a:hover {
display: block;
float: left;
position: relative;
background: #d09971;
width: 170px;
/width: 180px;
height: 33px;
overflow: hidden;
line-height: 33px;
padding-left: 10px;
margin-bottom: 5px;
text-align: left;
color: #000;
text-decoration: none;
}
#steps {
float: left;
position: relative;
width: 624px;
height: 194px;
left: 0px;
background-image: url(Market-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: 837px;
text-align: left;
padding: 0px;
overflow: hidden;
background-image: url(Market-images/content_back.gif);
background-repeat: repeat-y;
background-color: #FFFFFF;
}
#left {
width: 207px;;
float: left;
position: relative;
left: 0px;
background: url(Market-images/left_back.gif) repeat-y;
top: 0px;
color: #454545;
}
#main {
float: right;
position: relative;
width: 618px;
right: 6px;
}
#footer {
float: left;
position: relative;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 837px;
background-image: url(Market-images/footer.gif);
background-repeat: no-repeat;
vertical-align: middle;
text-align: center;
color: #eaeaea;
padding-top: 5px;
height: 29px;
/height: 34px;
}
#footer a {
color: #bb3b0c;
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:36px; padding:10px 0 0 15px}
#name span {color:red}
#slogan {font-size:50px; color:#FFFFFF;padding-left: 240px; padding-top: 50px;}
#slogan span{color:#000000; }
#sec {padding-left: 50px;}
</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"><span>Market</span> Investing</div>
<a href="./" title="Homepage ?><img src="Market-images/logo.gif" border="0" height="65" width="190"></a>
<div id="menu" style="text-align: center;">
<a href="#">Home</a>
<a href="#">Stock Market</a>
<a href="#">Services</a>
<a href="#">About us</a>
<a href="#">Contact us</a>
</div>
<div id="slogan">
Your<span>SloGan</span> <br/>
<div id="sec"><span>Will</span> Go Here</div>
</div>
</div>
<!-- content begin -->
<div id="content">
<div id="left">
<div style="margin-left: 5px; margin-right: 15px; margin-bottom: 3px;">
<img src="Market-images/image.gif" vspace="3" hspace="3">
This is Market Investing, 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="#">Read more »</a>
</div>
</div>
<div id="main">
<h1>Content item title</h1>
This is Market Investing, 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>
<img src="Market-images/hr.gif" vspace="3">
<h1>Content item title</h1>
This is Market Investing, 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