palmtrees
<!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>Palm Trees</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/* CSS Document */
body {
color: #dfebf7;
background-color: #0F3657;
background-image: url(palmtrees-images/page_bg.jpg);
margin: 0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}
/* DIV */
.wrapper
{
width: 966px;
background-image: url(palmtrees-images/middle.jpg);
background-repeat: repeat-y;
margin: auto;
}
.header
{
width: 966px;
background-image: url(palmtrees-images/header.jpg);
background-repeat: no-repeat;
}
.footer
{
width: 966px;
background-image: url(palmtrees-images/footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
.content
{
width: 966px;
padding-bottom: 380px;
}
#left {
float: left;
width: 640px;
padding-top: 70px;
padding-left: 61px;
padding-bottom: 35px;
text-align: justify;
padding-right: 27px;
}
#right {
float: left;
width: 174px;
padding-top: 70px;
text-align: left;
}
.rmenu_item {
background-image: url(palmtrees-images/menu_bg.gif);
background-repeat: repeat-x;
padding-top: 9px;
height: 8px;
margin-left: 2px;
padding-right: 2px;
}
.webdesign
{
color: #0F3658;
background-color: inherit;
}
/* TEXT */
h1
{
margin: 0 0 0 0;
font-size: 14px;
}
h2
{
margin: 0 0 0 0;
font-size: 12px;
}
/* LINKS */
a.rmenu_link, a.rmenu_link:visited
{
color:#f1f7fb;
background-color: inherit;
text-decoration:none;
font-weight:bold;
text-transform: capitalize;
}
a.rmenu_link:hover
{
color: #F8F210;
background-color: inherit;
text-decoration: none;
font-weight: bold;
text-transform: capitalize;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="footer">
<div class="header">
<div class="content">
<div id="left">
<h1>Lorem Ipsum Dolor</h1>
<p>Lorem ipsumum lacinia eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut justo. Morbi euismod. Ma, molestie in, mi. Nam tellus quam, vestibulum in, hendrerit non, vehicula placerat, tellus.Donec condimentum, nibh nec lacinia ornare, turpis metus gravida nibh, pretium lacinia eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut justo.</p>
<h2>Ipsum</h2>
<p>Lorem ipsumum lacinia eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut justo. Morbi euismod. Ma, molestie in, mi. Nam tellus quam, vestibulum in, hendrerit non, vehicula placerat, tellus.Donec condimentum, nibh nec lacinia ornare, turpis metus gravida nibh, pretium lacinia eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut justo.</p>
<h2>Lorem</h2>
<p>Lorem ipsumum lacinia eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut justo. Morbi euismod. Ma, molestie in, mi. Nam tellus quam, vestibulum in, hendrerit non, vehicula placerat, tellus.Donec condimentum, nibh nec lacinia ornare, turpis metus gravida nibh, pretium lacinia eros felis et pede. Nulla facilisi. Nulla rhoncus pellentesque dui. Maecenas enim mauris, accumsan at, eleifend non, viverra ac, arcu. Sed at purus. Nullam dictum, urna et viverra venenatis, lectus leo euismod nibh, a auctor tortor tellus ut justo.</p>
</div>
<div id="right">
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">vehicula placerat</a></div>
<br />
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">nullam dictum</a></div>
<br />
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">lacinia</a></div>
<br />
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">molestie</a></div>
<br />
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">lectus</a></div>
<br />
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">maecenas</a></div>
<br />
<div class="rmenu_item"><a href="http://www.free-css.com/" class="rmenu_link">euismod</a></div>
<br />
<div class="rmenu_item"></div>
<br />
</div>
<br clear="all" />
</div>
</div>
</div>
</div>
<div class="webdesign"><a href="http://www.sarkis-webdesign.com" class="webdesign">Webdesign by Sarkis</a></div>
</body>
</html>
Related examples in the same category