blue_trees
<?xml version="1.0" encoding="ISO-8859-1" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>XHTML CSS Compliant Template by 3formed.co.uk</title>
<style type='text/css'>
body {
background: #3a4e63 url('blue_trees-images/bg.gif');
text-align: left;
min-width: 760px;
}
div#menu a {
display: block;
width: 100px;
float: left;
margin-left: 6px;
background: #ffffff;
height: 22px;
}
div#wrapper {
width: 700px;
text-align: center;
padding: 8px 8px 8px 8px;
background: #ffffff;
clear:both;
}
/* -- formatting -- */
div#content {
font-family: trebuchet ms,verdana,arial,serif;
font-size: 8pt;
font-weight: normal;
letter-spacing: 1.1pt;
padding-left: 40px;
padding-top: 5px;
padding-right: 70px;
padding-bottom: 5px;
text-align: left;
background: #c0c0c0;
border-bottom: 5px solid #697a85;
}
div#footer {
margin-top: 10px;
font-family: trebuchet ms,verdana,arial,serif;
font-size: 8pt;
text-transform: lowercase;
color: #000000;
}
h1 {
font-weight: bold;
font-size: 14pt;
font-family: trebuchet ms,verdana,arial,serif;
letter-spacing: 1.1pt;
}
h2 {
font-weight: bold;
font-size: 13pt;
font-family: trebuchet ms,verdana,arial,serif;
letter-spacing: 1.1pt;
}
div#menu a {
font-family: trebuchet ms,verdana,arial,serif;
font-weight: bold;
font-size: 9pt;
text-transform: uppercase;
text-decoration: none;
padding-left: 15px;
border: 1px solid #000000;
border-bottom: 0;
background: #eaeeee;
}
div#menu a:hover {
font-family: trebuchet ms,verdana,arial,serif;
font-weight: bold;
font-size: 9pt;
color: #000000;
background: #ffffff;
text-transform: uppercase;
text-decoration: underline;
}
a {
font-weight: bold;
text-transform: lowercase;
color: #000000;
}
div#wrapper {
border: 1px solid #000000;
text-align: center;
}
div#logo {
height: 140px;
width: 690px;
padding-top: 25px;
text-align: right;
padding-right: 10px;
background: url('blue_trees-images/bluetree.gif');
background-repeat: no-repeat;
padding-bottom: 5px;
border-top: 8px solid #576a81;
border-bottom: 10px solid #576a81;
}
div#topbar {
font-family: trebuchet ms,verdana,arial,serif;
font-size: 11px;
color: #000000;
letter-spacing: 1.1pt;
font-weight: normal;
padding-top: 2px;
padding-left: 25px;
text-align: left;
width: 675px;
padding-bottom: 4px;
background: #ffffff;
}
span#logoimg {
display: block;
background-image: url('blue_trees-images/logo_h.gif');
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 150px;
z-index: 50;
}
</style>
</head>
<body>
<div id="menu">
<a href="index.html">Link1</a>
<a href="index.html">Link2</a>
<a href="index.html">Link3</a>
<a href="index.html">Link4</a>
<a href="index.html">Link5</a>
</div>
<div id="wrapper">
<div id="topbar">email: email@address.com | tel: 01234 567890 | fax: 01234 567890</div>
<div id="logo"><span id="logoimg"></span></div>
<div id="content">
<h1>Bluetrees - An XHTML CSS Template by 3Formed.co.uk</h1>
<p><b>Thanking for taking an interest in my work. This is one of my free templates. To view more of my work on html templates, web design and graphic design please visit my website: <a href="http://www.3formed.co.uk">http://www.3formed.co.uk</a>. This template is written in XHTML 1.0 Strict, is CSS Compliant and Cross Browser Compatible.</b></p>
<h2>The page subheading</h2>
<p>rem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<h2>The page subheading</h2>
<p>rem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div id="footer">
template design:<a href="http://www.3formed.co.uk">3Formed.co.uk</a> | <a href="http://validator.w3.org/check/referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer/">Valid CSS</a> | <a href="index_nocss.html">TURN OFF CSS</a>
</div>
</body>
</html>
<!-- Template created by T. Smith www.3formed.co.uk
** xhtml 1.0 strict demo template bluetrees
** please see website for more templates and web technology info
** contact tims@3formed.co.uk
** Websites designed & developed - Contact me for more information
** Please do not remove this notice
-->
Related examples in the same category