dogstemplate
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
background-image:url(dogstemplate-images/background.jpg);
color: #4d4b4a;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-color: #e5e2db;
background-repeat: repeat-x;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
margin: 0px auto;
text-align: left;
width: 780px;
}
/********************** Header ***************************/
#logo{
background-color: #b6ad9b;
background-image: url(dogstemplate-images/bg_header.jpg);
background-repeat: repeat-x;
height: 69px;
width: 774px;
margin: 0px;
padding: 0px;
text-align: center;
}
#logo a{
margin: 0px auto;
}
#header {
margin: 0px 0px 0px 0px;
width: 774px;
height:266px;
background-image: url(dogstemplate-images/header.jpg);
background-repeat: no-repeat;
position:relative;
}
#header ul{
list-style-type: none;
display:inline;
position:absolute;
top:242px;
left:100px;
}
#header li{
float:left;
}
.lastchild{
border-right: 0px none #4d4b4a !important;
}
#header ul a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #4d4b4a;
text-decoration: none;
padding: 0px 7px 0px 7px;
border-right: 2px solid #4d4b4a;
}
#header ul a:hover{
color:#000000;
}
/********************** Content ***************************/
#content {
background-color: #7b6b5c;
width:774px;
display:block;
}
#content h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
color: #FFFFFF;
margin: 0px 23px 6px 28px;
padding: 20px 0px 0px 0px;
border-bottom: 1px solid #bbb6a0;
}
/********************** Content - left ***************************/
#left {
background-color: #ddd8c6;
border: 1px solid #c2bdaa;
width:550px;
margin: 0px 0px 10px 28px;
padding: 0px 0px 15px 0px;
float:left;
display:inline;
}
.text{
float:left;
width:422px;
}
#left h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #4d4b4a;
text-decoration: underline;
margin: 20px 0px 10px 23px;
}
#left p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:lighter;
color: #4d4b4a;
margin: 6px 0px 0px 23px;
}
#left a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;color: #4d4b4a;
}
#left a:hover{
color:#000000;
}
.photos{float:right;}
.photos img{display:block;}
/********************** Content - right ***************************/
#right {
float:right;
width:156px;
background-color:#dad9cf;
margin: 0px 23px 10px 0px;
padding: 0px 0px 6px 0px;
display:inline;
border: 1px solid #c2bdaa;
}
#right h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bolder;
color: #2c2c2c;
text-decoration: none;
text-transform: uppercase;
background-color:#c2bdaa;
width:156px;
text-align:center;
padding: 3px 0px 3px 0px;
}
#right p{
padding: 10px 9px 0px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4d4b4a;
}
#right a{
padding: 15px 9px 5px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4d4b4a;
font-weight:bolder;
display:block;
}
#right a:hover{
color:#000000;
}
#right span a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
color: #605c4c;
text-decoration: none;
text-transform: uppercase;
background-color:#c2bdaa;
width:138px;
text-align:left;
padding: 3px 0px 3px 5px;
margin: 15px 6px 0px 6px;
}
/********************** footer ***************************/
#footer, #footer a {
background-color: #bbb6a0;
width: 774px;
height:22px;
text-align:center;
padding: 10px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bolder;
color: #4d4b4a;
}
#footer a:hover{
color:#000000;
}
</style>
<title> template</title>
</head>
<body>
<div id="container">
<div id="logo">
<a href="http://www.freewebsitetemplates.com"><img src="dogstemplate-images/logo.jpg" alt="bog 1" border="0" /></a>
</div>
<div id="header">
<ul>
<li><a href="http://www.freewebsitetemplates.com">home</a></li>
<li><a href="http://www.freewebsitetemplates.com">about us</a></li>
<li><a href="http://www.freewebsitetemplates.com">Services</a></li>
<li><a href="http://www.freewebsitetemplates.com">News & Updates</a></li>
<li><a href="http://www.freewebsitetemplates.com">Place and order</a></li>
<li><a href="http://www.freewebsitetemplates.com" class="lastchild">Contact</a></li>
</ul>
</div>
<div id="content">
<h1>Dog Names and Breeds</h1>
<div id="left">
<div class="text">
<h2>General Information about Hunting Dogs</h2>
<p>You can find some <a href="http://www.webhostingservices.us/">web hosting services</a> which are also a need for website building which are listed in web hosting search.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<h2>General Information about Hunting Dogs</h2>
<p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
</div>
<div class="photos">
<img src="dogstemplate-images/dog1.jpg" alt="bog 1" border="0" />
<img src="dogstemplate-images/dog2.jpg" alt="bog 2" border="0" />
<img src="dogstemplate-images/dog3.jpg" alt="bog 3" border="0" />
<img src="dogstemplate-images/dog4.jpg" alt="bog 4" border="0" />
<img src="dogstemplate-images/dog5.jpg" alt="bog 5" border="0" />
</div>
<div class="clear"></div>
</div>
<div id="right">
<h2>News & Views</h2>
<a href="http://www.templatebeauty.com">Template Beauty</a>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
<a href="http://www.justwebtemplates.com">Just Web Templates</a>
<p>Even more websites all about website templates on Just Web Templates.</p>
<a href="http://www.templatebeauty.com">Template Beauty</a>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
<a href="http://www.justwebtemplates.com">Just Web Templates</a>
<p>Even more websites all about website templates on Just Web Templates. Even more websites all about website templates on Just Web Templates.</p>
<span><a href="http://www.justwebtemplates.com">More</a></span>
</div>
<div class="clear"></div>
</div>
<div id="footer">Hosting by <a href="http://www.webhostingservices.us/">Web Hosting Services</a>. all rights reserve.</div>
</div>
</body>
</html>
Related examples in the same category