timetorest : Holiday « Templates « HTML / CSS






timetorest

   

<!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>Time To Rest</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body { 
  margin:0;
  background-image:url(timetorest-images/bg.gif);
  background-repeat:repeat-x;
  background-color:#121212;
  text-align:center;
  }
h1 { 
  margin:0;
  font:normal 1.6em Arial, Sans-Serif;
  letter-spacing:-1px;
  color:#666666;
  }
h1 a {
  color:#666666;
  }
  
/* Wrapper */

#wrap {
  width:768px;
  margin:0px auto;
  border-left:1px solid #0D130D;
  border-right:1px solid #0D130D;
  }
  
/* Header */

#header {
  height:120px;
  }
  
/* Navigation Bar */

div#navigation {
    height: 30px;
    width: 100%;
    border-top: solid #0D130D 1px;
    border-bottom: solid #0D130D 1px;
  background-image:url(timetorest-images/bg_navigation.gif);
}
div#navigation ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#navigation li {
    list-style-type: none;
    display: inline;
}
div#navigation li a {
    text-decoration: none;
  text-transform:uppercase;
  letter-spacing:1px;
    padding: 7px 10px;
  color:#EDE6EE;
}
div#navigation li a:link {
    color: #FFF:
}
div#navigation li a:visited {
    color: #C7B6CD;
}
div#navigation li a:hover {
    color: #FFF;
  background-image:url(timetorest-images/bg_navigationhover.gif);
}
  
/* Content Area */

#content {
  text-align:left;
  font-size:12px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  padding:12px 10px;
  color:#EDE6EE;
  background-image:url(timetorest-images/bg_content.gif);
  background-repeat:no-repeat;
  background-color:#3E3E3E;
  }
#content a {
  color:#D9FF76;
  }
#content a:hover {
  color:#EDE6EE;
  }
#content a:visited {
  color:#D3DABC;
  }
  
/* Footer */

#footer {
  height:90px;
  line-height:30px;
  padding:8px 0px;
  background-image:url(timetorest-images/bg_footer.gif);
  background-repeat:no-repeat;
    font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#BECF96;
  }
#footer a {
  color:#fff;
  text-decoration:none;
  }
#footer a:hover {
  color:#D9FF76;
  }

</style>


</head>
<body>
<div id="wrap">
  <div id="header"><img src="timetorest-images/header.jpg" width="768" height="120" alt="Time To Rest" /></div>
  <div id="navigation">
    <ul>
      <li><a href="http://www.free-css.com/">Home</a></li>
      <li><a href="http://www.free-css.com/">Forums</a></li>
      <li><a href="http://www.free-css.com/">Media</a></li>
      <li><a href="http://www.free-css.com/">About</a></li>
      <li><a href="http://www.free-css.com/">Contact</a></li>
    </ul>
  </div>
  <div id="content"> TIME TO REST was designed by Donny Burnside of Ginger-Ninja.net and is released under the <a href="http://creativecommons.org/licenses/by-nc/2.5/">Creative Commons 2.5 license</a>. If you use the design all I ask is that you keep the credit link in the footer. Also, it would be nice if you email me at inbox[at]ginger-ninja.net to let me know how you're using the design. 
    Editable Fireworks .PNG files are included for every image. Enjoy. <br />
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>
  <div id="footer">&lt;&lt;----- Insert Google Ads here -----&gt;&gt; <br />
    | <a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Forums</a> | <a href="http://www.free-css.com/">Media</a> | <a href="http://www.free-css.com/">About</a> | <a href="http://www.free-css.com/">Contact</a> | <br />
    &copy; Your-Site-Here.com | Design by <a href="http://www.ginger-ninja.net/" title="Ginger Ninja!">Ginger Ninja!</a></div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.metamorph_helloween
2.Christmas-2008
3.christmas
4.metamorph_diving
5.metamorph_summertime
6.metamorph_valentine
7.metamorph_happyness
8.happy-holidays
9.metamorph_partytime
10.metamorph_peacefull
11.feel-the-music
12.partytime
13.Romantic
14.thegathering
15.theharvest
16.treasure-hunters
17.vacation
18.happyeaster
19.holiday 2
20.holidayseason
21.harvest
22.harvestfield
23.high5
24.hotspring