hotsause : Food « Templates « HTML / CSS






hotsause

    

<!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">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type='text/css'>
* {
  margin: 0px;
  padding: 0px;
}

body {
  background: #b20000 url('hotsause-images/background.png') repeat-x;
  color: #fff;
  font-family: arial, sans-serif;
  font-size: 11px;
  text-align: center;
}

a {
  color: #fff;
  background-color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color: #f4a308;
  background-color: inherit;
}

span {
  display: none;
}

img {
  border: none;
}

ul {
  list-style-type: none;
}

li {
  list-style-type: none;
}

p {
  padding: 10px 0px 11px;
  text-align: justify;
  line-height: 16px;
}

.clearthis {
  margin : 0px;
  height : 1px;
  clear : both;
  float : none;
  font-size: 1px;
  line-height: 0px;
  overflow : hidden;
  visibility: hidden;
}


#body_wrapper {
  margin: 0px auto;
  width: 788px;
  background: url('hotsause-images/header_bg.gif') no-repeat 0% 0%;
}


/* Page Header */

#page_header {
  margin: 0px auto;
  width: 716px;
  height: 56px;
  overflow: hidden;
  text-align: left;
}

#company_name {
  width: 275px;
  float: left;
}

#company_name h1 {
  width: 265px;
  height: 56px;
  background: url('hotsause-images/hotsaucepepperpalace.gif') no-repeat 0% 0%;
}


/* Header Navigation */

#header_nav {
  width: 440px;
  height: 56px;
  overflow: hidden;
  float: left;
  text-align: left;
}

#header_nav ul {
  margin-top: 16px;
}

#header_nav li {
  height: 23px;
  background: url('hotsause-images/menu_bullet.gif') no-repeat 0% 0%;
  float: left;
}

#header_nav li a {
  display: block;
  padding: 5px 5px 0px 38px;
  text-decoration: none;
}

#header_nav li a:hover {
  color: #ffe400;
  background-color: inherit;
}


/* Left Sidebar */

#leftsidebar_1 {
  margin-top: 5px;
  padding-left: 36px;
  background: url('hotsause-images/sidebar_top.gif') no-repeat 36px 0%;
  float: left;
  text-align: left;
}

#leftsidebar_2 {
  padding: 11px 0px;
  width: 154px;
  background: url('hotsause-images/sidebar_bot.gif') no-repeat 0% 100%;
}

#leftsidebar_content {
  padding: 15px 20px 15px 25px;
  color: #f4a308;
  background: #60160a url('hotsause-images/sidebar_bg.gif') repeat-y;
  font-weight: bold;
}

#leftsidebar_content a {
  color: #f4a308;
  background-color: inherit;
  text-decoration: none;
}

#leftsidebar_content a:hover {
  color: #fff;
  background-color: inherit;
}

#leftsidebar_content li {
  padding: 4px 0px;
}


/* Main Content */

#maincontent_1 {
  margin-top: 178px;
  padding-right: 60px;
  background: url('hotsause-images/main_top.gif') no-repeat 0% 0%;
  float: right;
  text-align: left;
}

#maincontent_2 {
  padding: 12px 0px;
  width: 520px;
  background: url('hotsause-images/main_bot.gif') no-repeat 0% 100%;
}

#maincontent_content {
  padding: 17px 20px;
  color: #4b3001;
  background: #c9953b url('hotsause-images/main_bg.gif') repeat-y 0% 0%;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#maincontent_content a {
  color: #4b3001;
  background-color: inherit;
}

#maincontent_content a:hover {
  color: #724c04;
  background-color: inherit;
}


/* Page Footer */

#page_footer {
  margin: 0px auto;
  padding: 15px 0px 25px;
  width: 690px;
  text-align: left;
}

#ringoffire {
  width: 290px;
  height: 70px;
  background: url('hotsause-images/logo_ringoffire.gif') no-repeat 100% 50%;
  float: left;
}

#ringoffire .box {
  padding-top: 12px;
  line-height: 22px;
}

#paypalverified {
  padding-left: 35px;
  float: left;
}

#paypalverified a {
  display: block;
  width: 86px;
  height: 70px;
  background: url('hotsause-images/logo_paypal.gif') no-repeat 50% 50%
}

#copyright_info {
  margin-right: 2px;
  width: 270px;
  float: right;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}

#copyright_info small b {
  padding-top: 1px;
  display: block;
  float: left;
  font-size: 15px;
}

</style>


</head>
<body>
<div id="body_wrapper">
  <!-- Start of Page Header -->
  <div id="page_header">
    <!-- Start of Company Name -->
    <div id="company_name">
      <h1><span>Hot Sauce Pepper Palace</span></h1>
    </div>
    <!-- End of Company Name -->
    <!-- Start of Header Navigation -->
    <div id="header_nav">
      <ul>
        <li><a href="http://www.free-css.com/">Home</a></li>
        <li><a href="http://www.free-css.com/">About</a></li>
        <li><a href="http://www.free-css.com/">Recipes</a></li>
        <li><a href="http://www.free-css.com/">Privacy</a></li>
        <li><a href="http://www.free-css.com/">Contact</a></li>
      </ul>
    </div>
    <!-- End of Header Navigation -->
    <div class="clearthis">&nbsp;</div>
  </div>
  <!-- End of Page Header -->
  <!-- Start of Left Sidebar -->
  <div id="leftsidebar_1">
    <div id="leftsidebar_2">
      <div id="leftsidebar_content">
        <ul>
          <li><a href="http://www.free-css.com/">Home</a></li>
          <li><a href="http://www.free-css.com/">Duct Tape Series</a></li>
          <li><a href="http://www.free-css.com/">Hot Sauce</a></li>
          <li><a href="http://www.free-css.com/">Jerk Sauce</a></li>
          <li><a href="http://www.free-css.com/">Steak Sauce</a></li>
          <li><a href="http://www.free-css.com/">BBQ Sauce</a></li>
          <li><a href="http://www.free-css.com/">Rub &amp; Spice</a></li>
          <li><a href="http://www.free-css.com/">Country Store</a></li>
          <li><a href="http://www.free-css.com/">Recipes</a></li>
          <li><a href="http://www.free-css.com/">Photo Gallery</a></li>
          <li><a href="http://www.free-css.com/">Payment Options</a></li>
          <li><a href="http://www.free-css.com/">Weber Grills</a></li>
          <li><a href="http://www.free-css.com/">Privacy Info</a></li>
          <li><a href="http://www.free-css.com/">Collectors</a></li>
          <li><a href="http://www.free-css.com/">Feedback</a></li>
          <li><a href="http://www.free-css.com/">Gift Sets</a></li>
          <li><a href="http://www.free-css.com/">Marinades</a></li>
          <li><a href="http://www.free-css.com/">Geezer</a></li>
          <li><a href="http://www.free-css.com/">Check Out</a></li>
          <li><a href="http://www.free-css.com/">Caviar</a></li>
          <li><a href="http://www.free-css.com/">Scientific American</a></li>
          <li><a href="http://www.free-css.com/">Guest Book</a></li>
          <li><a href="http://www.free-css.com/">Contact Us</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- End of Left Sidebar -->
  <!-- Start of Main Content -->
  <div id="maincontent_1">
    <div id="maincontent_2">
      <div id="maincontent_content">
        <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> If you're having problems editing the template please don't hesitate to ask for help on the forum. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. </p>
        <p> Your feedback is very important to us and we will do everything to fulfil your wishes. <a href="http://www.free-css.com/">more...</a> </p>
        <p> Please don't remove the link at the bottom. We have worked hard to make the templates and ask that you respect our hard work so we can continue providing you with high quality templates. </p>
        <p> If you really want to remove the link you can buy a copyright free version on our website. Thanks. </p>
      </div>
    </div>
  </div>
  <!-- End of Main Content -->
  <div class="clearthis">&nbsp;</div>
  <!-- Start of Page Footer -->
  <div id="page_footer">
    <div id="ringoffire">
      <div class="box"> This site is a member of The Ring Of Fire <br />
        A linked list of Chile websites </div>
    </div>
    <div id="paypalverified"> <a href="http://www.free-css.com/"><span>Paypal Verified</span></a> </div>
    <div id="copyright_info"> Webdesign by <a href="http://www.freewebsitetemplates.com/">Free Website Templates</a> <br />
      <small><strong>&copy;</strong> Copyright Hot Sauce Pepper Palace.com 2005-2006</small> </div>
    <div class="clearthis">&nbsp;</div>
  </div>
  <!-- End of Page Footer -->
</div>
</body>
</html>

   
    
    
    
  








Related examples in the same category

1.foodonline
2.foodplaza
3.foodresturant
4.foodsonline
5.breakfast
6.chinese-cuisine
7.beer-bongs
8.cooking
9.delicious-1
10.delicious-2
11.delicious-golden
12.delicious-v.1
13.deliciouslyblue
14.chocolate
15.culinary
16.ondieting_blue
17.ondieting_lime
18.ondieting_orange
19.ondieting_red
20.ondieting_teal
21.saltandsoap
22.saltpepper
23.steak-house
24.wine
25.strawberry
26.tomatoes
27.ilove-cocktail
28.madeofcheese