dogspalace : Animal « Templates « HTML / CSS






dogspalace

   

<!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>Dogs Palace</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
  background-image:url(dogspalace-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(dogspalace-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(dogspalace-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>


</head>
<body>
<div id="container">
  <div id="logo"> <a href="http://www.free-css.com/"><img src="dogspalace-images/logo.jpg" alt="" border="0" /></a> </div>
  <div id="header">
    <ul>
      <li><a href="http://www.free-css.com/">home</a></li>
      <li><a href="http://www.free-css.com/">about us</a></li>
      <li><a href="http://www.free-css.com/">Services</a></li>
      <li><a href="http://www.free-css.com/">News &amp; Updates</a></li>
      <li><a href="http://www.free-css.com/">Place and order</a></li>
      <li><a href="http://www.free-css.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>Don't forgot to check free website templates 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 forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
        <p>Even more websites all about website templates on Just Web Templates.</p>
        <h2>General Information about Hunting Dogs</h2>
        <p>Don't forgot to check free website templates 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 forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
        <p>Even more websites all about website templates on Just Web Templates.</p>
      </div>
      <div class="photos"> <img src="dogspalace-images/dog1.jpg" alt="bog 1" border="0" /> <img src="dogspalace-images/dog2.jpg" alt="bog 2" border="0" /> <img src="dogspalace-images/dog3.jpg" alt="bog 3" border="0" /> <img src="dogspalace-images/dog4.jpg" alt="bog 4" border="0" /> <img src="dogspalace-images/dog5.jpg" alt="bog 5" border="0" /> </div>
      <div class="clear"></div>
    </div>
    <div id="right">
      <h2>News &amp; Views</h2>
      Template Beauty.com
      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
      Just Web Templates
      <p>Even more websites all about website templates on Just Web Templates.</p>
      Template Beauty.com
      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
      Just Web Templates
      <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>More</span> </div>
    <div class="clear"></div>
  </div>
  <div id="footer"> Dogs palace copyright all rights reserve. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.metamorph_swan
2.metamorph_tiger
3.metamorph_cats
4.metamorph_catsworld
5.metamorph_dolphins
6.metamorph_eagle
7.metamorph_feather
8.butterfly-garden
9.butterfly
10.birdwatch
11.celestial
12.cellulose
13.metamorph_cell
14.animal-planet
15.animals-and-pets
16.exotic-birds
17.metamorph_bugs
18.bugslife
19.dogcare
20.metamorph_snail
21.metamorph_killerwhale
22.bestfriends
23.petswebsite
24.petcharms
25.petpaws
26.pets