amoreira
<!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>AMOREIRA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
line-height: 16px;
font-family: "tahoma", serif;
font-size: 76%;
margin-top: 0px;
background-image: url(amoreira-images/back_blue.jpg);
background-repeat: repeat-x;
color:#666666;
background-color: #fff;
}
p {
margin: 0 0 5px 0;
}
h2{
font-size: 13px;
color: #6A849D;
}
a{
color: #6A849D;
text-decoration: underline;
}
a:hover{
color: #CDCC02;
}
a:visited{
color: #993333;
}
#container {
width:700px;
margin-left: auto;
margin-right: auto;
}
#banner {
height: 230px;
padding: 5px;
margin-bottom:1px; ;
background-image: url(amoreira-images/head.jpg);
background-repeat: no-repeat;
}
#content {
border-top: 1px dashed #EDF1F2;
text-align: justify;
font-size: 0.9em;
padding: 5px;
margin-left: 200px;
background-color:#fff;
color: #666666;
background-image: url(amoreira-images/shad.jpg);
background-repeat: no-repeat;
}
#sidebar-a {
float: left;
width:150px;
border-top: 1px dashed #EDF1F2;
background-image: url(amoreira-images/shad.jpg);
background-repeat: no-repeat;
}
#sidebar-a h1{
border-bottom: 1px dotted #993333;
font-size: 12px;
font-weight: bold;
color: #993333;
}
#containerboth{
padding-right: 30px;
padding-left:30px;
}
#footer {
height: 50px;
clear: both;
background-image: url(amoreira-images/footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
.fotext{
border-top: 1px dashed #EEEEEE;
margin-left: 30px;
margin-right: 30px;
font-size: 10px;
padding-top: 10px;
color:#6A849D;
}
.csschanger{
color: #6A849D;
font-size: 0.9em;
float: right;
margin-top: 10px;
margin-right: 30px;
height: 15px;
}
.navcontainer
{
margin: 190px 0 0 27px;
padding: 0;
height: 20px;
}
.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 2px;
margin: 0;
}
.navcontainer ul li a
{border-right: 1px solid #6A849D;
background: #fff;
width: 80px;
height: 15px;
border-top: 1px solid #6A849D;
border-left: 1px solid #6A849D;
border-bottom: 1px solid #6A849D;
padding: 2px;
margin: 0 0 10px 0;
color: #6A849D;
text-decoration: none;
display: block;
text-align: center;
font: 0.9em tahoma, lucida, sans-serif;
}
.navcontainer ul li a:hover
{
color: White;
background: #C9D3DC;
}
.navcontainer a:active
{
background: #6A849D;
color: #fff;
}
.navcontainer li#active a
{
background: #6A849D;
color: #fff;
}
.csschanger{
color: #6A849D;
font-size: 0.9em;
float: right;
margin-top: 10px;
margin-right: 30px;
height: 15px;
}
#rightmenu {
font-size:0.9em;
margin: 0;
padding: 0;
}
#rightmenu a {
display: block;
background: url(amoreira-images/arrow.gif) no-repeat center left ;
color: #6A849D;
padding: 2px 2px 5px 15px;
margin: 0 0 1px 0;
text-decoration: none;
background-position: 4px;
}
#rightmenu a:hover {
color: #AE6427;
background: url(amoreira-images/arrow.gif) no-repeat center left;
background-position: 4px;}
input {
border: 1pt solid #6A849D;
font: normal 10px tahoma;
color: #707070;
margin:0px 0px 5px 0px;
}
.search{
padding: 5px;
font-size: 0.9em;
color: #6A849D;
}
.news{
border-bottom: 1px dashed #ddd;
padding:5px;
color: #9D9C6A;
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 10px;
}
.box{
background-color: #EDF1F2;
border: 1px solid #BFCAD5;
padding: 10px;
font-size: 0.9em;
color: #6A849D;
}
.box h2{
color: #993333;
font-size: 1.2em;
}
.imgright{
vertical-align: top;
border: 1px solid #eee;
padding: 3px;
float: right;
margin: 5px;
}
.imgleft{
vertical-align: top;
float:left;
border: 1px solid #eee;
padding: 3px;
margin:5px;
}
</style>
</head>
<body>
<div id="container">
<div id="banner">
<div class="csschanger"><a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Contacts</a> | <a href="http://www.free-css.com/">Sitemap</a> </div>
<div class="navcontainer">
<ul id="navlist">
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Link 2</a></li>
<li><a href="http://www.free-css.com/">Link 3</a></li>
<li><a href="http://www.free-css.com/">Link 4</a></li>
<li><a href="http://www.free-css.com/">Link 6</a></li>
</ul>
</div>
</div>
<div id="containerboth">
<div id="sidebar-a">
<div class="news">
<h1>News</h1>
<p>This is some extra content, it can be used for news, links, updates, or anything else. </p>
</div>
<div class="search">
<p><strong>Looking for Something: </strong><br />
<br />
<input type="text" size="15" />
<input type="submit" name="Search" value="Search" />
</p>
</div>
<h1>Menu </h1>
<div id="rightmenu"><a href="http://www.free-css.com/">One</a> <a href="http://www.free-css.com/">Two</a> <a href="http://www.free-css.com/">Tree</a> <a href="http://www.free-css.com/">Four</a></div>
<a href="http://validator.w3.org/check?uri=referer"><br />
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="" width="88" height="31" border="0" /></a> </div>
<div id="content">
<h2>Hi there.</h2>
<p><img src="amoreira-images/IMG_3711.JPG" alt="" width="80" height="60" class="imgright" />I made this template to be distributed and used for free, but if possible i would like you to give me some credit keeping the credits at the footer. You can use this theme for whatever, all I ask is if you want please keep a <a href="http://www.free-css.com/">link</a> to my website. If you need some work done, please contact me for more. </p>
<div class="box">
<h2>Lorem Ipsum </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.. </p>
</div>
<h2>Lorem Ipsum </h2>
<p> <img src="amoreira-images/122-2214_IMG.JPG" alt="" width="60" height="80" class="imgleft" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupt...</p>
</div>
</div>
<div id="footer">
<div class="fotext">Copyright © 2006. Design by <a href="http://www.wdesign-it.com">WEDESIGNIT</a>. Any changes please contact me // This Page Is Valid XHTML 1.0 Transitional!</div>
</div>
</div>
</body>
</html>
Related examples in the same category