pizza-factory
<!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>Pizza Factory</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#616161; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
.clear {clear: both; margin: 0px; height:0}
p a{font:10px/14px Tahoma, sans-serif; color:#d50100; text-decoration:none;}
p a:hover{ color:#000; text-decoration:none;}
.headline{font:10px/14px Tahoma, Geneva, sans-serif; color:#8fbc34; font-weight:bold}
#container{width:775px; position:relative; margin:0 auto; background:url(pizza-factory-images/b_main.jpg) 0 0 no-repeat; padding-top:43px}
#incontainer{width:617px; position:relative; margin:0 auto; background:#fff; }
/* HEADER */
#header{width:617px; height:345px; background: url(pizza-factory-images/b_header.jpg) 0 0 no-repeat; position:relative;}
#header ul.menu{position:absolute; top:16px; left:19px; width:585px}
#header ul.menu li{height:16px; margin-right:19px; float:left}
#header ul.menu li a{height:16px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:16px;}
#header ul.menu li.btn_1 a{width:69px; background:url(pizza-factory-images/btn_1.gif) 0 0 no-repeat; }
#header ul.menu li.btn_1 a:hover{width:69px; background:url(pizza-factory-images/btn_1_over.gif) 0 0 no-repeat;}
#header ul.menu li.btn_2 a{width:62px; background:url(pizza-factory-images/btn_2.gif) 0 0 no-repeat; }
#header ul.menu li.btn_2 a:hover{width:62px; background:url(pizza-factory-images/btn_2_over.gif) 0 0 no-repeat;}
#header ul.menu li.btn_3 a{width:67px; background:url(pizza-factory-images/btn_3.gif) 0 0 no-repeat; }
#header ul.menu li.btn_3 a:hover{width:67px; background:url(pizza-factory-images/btn_3_over.gif) 0 0 no-repeat;}
#header ul.menu li.btn_4 a{width:96px; background:url(pizza-factory-images/btn_4.gif) 0 0 no-repeat; }
#header ul.menu li.btn_4 a:hover{width:96px; background:url(pizza-factory-images/btn_4_over.gif) 0 0 no-repeat;}
#header ul.menu li.btn_5{margin-right:0}
#header ul.menu li.btn_5 a{width:67px; background:url(pizza-factory-images/btn_5.gif) 0 0 no-repeat; }
#header ul.menu li.btn_5 a:hover{width:67px; background:url(pizza-factory-images/btn_5_over.gif) 0 0 no-repeat;}
#header ul.menu li.line{width:16px; background:url(pizza-factory-images/bullet_m.gif) 0 0 no-repeat}
#header img#logo{position:absolute; top:97px; left:323px}
/* content */
#content{width:617px; position:relative}
#leftPan{width:190px; float:left; margin:17px 26px 0 17px; display:inline}
#rightPan{width:346px; float:left; margin:17px 0 0 0;}
#welcome h2{height:45px; position:relative; background:url(pizza-factory-images/h_welcome.gif) 0 0 no-repeat; margin-bottom:5px}
#welcome p{margin-left:8px; margin-bottom:15px}
#welcome ul{width:180px; margin-left:10px}
#welcome ul li{font:10px/14px Tahoma, sans-serif; background:url(pizza-factory-images/arrow.gif) 0 3px no-repeat; padding-left:13px; height:20px;}
#welcome ul li a{color:#d50100; text-decoration:none;}
#welcome ul li a:hover{color:#000; text-decoration:underline;}
#special h2{height:64px; position:relative; background:url(pizza-factory-images/h_pizza.gif) 0 0 no-repeat; margin-bottom:5px}
.specialItem{width:340px; margin:0 0 16px 5px}
.specialItem img{float:left; margin-right:14px}
.specialItem p{float:left; width:250px}
.clear#end{height:20px}
/* footer */
#footer{height:59px; clear:both; width:617px; border-top: #cccccc 1px solid}
#footer p{padding: 15px 0 0 0; font:10px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#000;}
#footer p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#000; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#000}
</style>
</head>
<body>
<div id="container">
<div id="incontainer">
<div id="header">
<ul class="menu">
<li class="btn_1"><a href="#">home page</a></li>
<li class="line"></li>
<li class="btn_2"><a href="#">about us</a></li>
<li class="line"></li>
<li class="btn_3"><a href="#">our menu</a></li>
<li class="line"></li>
<li class="btn_4"><a href="#">home delivery</a></li>
<li class="line"></li>
<li class="btn_5"><a href="#">contacts</a></li>
</ul>
<img src="pizza-factory-images/logo.jpg" width="269" height="80" alt="" id="logo" /> </div>
<div id="content">
<div id="leftPan">
<div id="welcome">
<h2></h2>
<p class="headline">Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. </p>
<p>Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. In volutpat sodales ipsum. Sed vestibulum. Integer in ante. Sed Nunc laoreet lacinia nunc. In volutpat sodales </p>
<ul>
<li><a href="#">Nam eu nulla. Donec lobortis purus </a></li>
<li><a href="#">vel urna. Nunc laoreet lacinia nunc. </a></li>
<li><a href="#">In volutpat sodales ipsum. Sed </a></li>
<li><a href="#">vestibulum. Integer in ante. Sed </a></li>
</ul>
</div>
</div>
<div id="rightPan">
<div id="special">
<h2></h2>
<div class="specialItem"> <img src="pizza-factory-images/img_pizza.jpg" width="75" height="75" alt="" />
<p><span class="headline">Nam eu nulla. Donec lobortis purus vel urna. Nunc </span><br />
Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. In volutpat sodales ipsum. Sed vestibulum. Integer in ante. Sed Nunc laoreet lacinia nunc. In volutpat sodales <a href="#">BUY IT NOW!</a></p>
<div class="clear"></div>
</div>
<div class="specialItem"> <img src="pizza-factory-images/img_pizza-10.jpg" width="75" height="75" alt="" />
<p><span class="headline">Nam eu nulla. Donec lobortis purus vel urna. Nunc </span><br />
Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. In volutpat sodales ipsum. Sed vestibulum. Integer in ante. Sed Nunc laoreet lacinia nunc. In volutpat sodales <a href="#">BUY IT NOW!</a></p>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear" id="end"></div>
</div>
<div id="footer">
<p><a href="#">HOME PAGE</a> | <a href="#">ABOUT US</a> | <a href="#">OUR MENU</a> | <a href="#">HOME DLIVERY</a> | <a href="#">NEWS</a> | <a href="#">CONTACTS</a><br/>
Copyright © Your Company Name | Design by <a href="http://freshtemplates.com/">Website Templates</a></p>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category