foodresturant
<!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" />
<title>food and reataurant</title>
<style type='text/css'>
*{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body
{
padding:0 0 0 0;
margin:0 0 0 0;
background-image:url(images/background.gif);
background-repeat:repeat-x;
color:#9B041D;
background-color:#ffffff;
}
h2{
padding:0; margin:0;
}
div.spacer
{
clear: both;
height:8px;
}
form
{
margin:0 0 0 0;
}
a
{
color:#666666;
background-color:#ffffff;
}
a:hover
{
color:#666666;
background-color:#ffffff;
text-decoration:none;
}
#div-header
{
width:778px;
height:auto;
margin:0 0;
padding:0;
}
p
{
margin:0; padding:0;
}
ul
{
list-style-type:none;
padding:10px 0 10px 20px;
margin:0 0 0 0;
}
li
{
list-style-type:none;
background-image:url(images/bullets.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding:2px 0 2px 20px;
}
.logo-padding
{
padding-top:12px;
padding-bottom:15px;
padding-left:36px;
float:left;
}
.product-images-header
{
text-align:right;
padding-top:35px;
}
.menu
{
float:left;
}
#body
{
width:465px;
background-color:#ffffff;
color:#333333;
background:url(images/image-1.jpg) no-repeat right top;
padding:25px 295px 50px 18px;
margin:25px 0 0 0;
}
#body h2.welcome{
background:url(images/welcome-text.gif) no-repeat 0 0; display:block; height:14px; font-size:0; left:0; margin:0 0 0 0;
}
/*______________________________________________________body part______________________________________________*/
.universal-left-padding
{
padding-left:18px;
}
.welcome-text
{
padding-top:35px;
}
.welcome-body
{
padding-top:23px; line-height:15px; display:block;
}
.quick-search
{
width:258px;
float:left;
}
.quick-search-radio
{
color:#000000;
background-color:#ffffff;
padding-left:100px;
padding-top:10px;
}
.events_text{
color:#666666;
padding-left:100px;
padding-top:10px;
}
.events_text a{
color:#666666;
font-weight:bold;
text-decoration:none;
}
.events_text a:hover{
text-decoration:underline;
}
.buttons
{
border:1px solid #666666;
color:#666666;
background-color:#ffffff;
margin-top:5px;
cursor:pointer;
}
.buttons1
{
border:1px solid #666666;
color:#666666;
background-color:#ffffff;
margin-top:5px;
width:50px;
outline:none;
cursor:pointer;
}
.adds
{
padding-top:18px;
padding-right:24px;
padding-bottom:18px;
padding-left:24px;
}
#adds
{
width:778px;
float:left;
}
.footer-links
{
text-align:center;
color:#666666;
background-color:#ffffff;
}
#footer
{
width:778px;
float:left;
color:#666666;
background-color:#ffffff;
}
</style>
</head>
<body>
<!--________________________________________________Header Part____________________________________________________-->
<div id="div-header"><a href="index.html"><img src="images/logo.gif" alt="food park" width="258" height="96" border="0" class="logo-padding" title="food park" /></a>
<p class="product-images-header">
<a href="#"><img src="images/icecream.jpg" alt="" title="Ice Cream" width="96" height="72" border="0" /></a>
<a href="#"><img src="images/bargar.jpg" alt="" title="bargars" width="96" height="72" border="0" /></a>
<a href="#"><img src="images/foods.jpg" alt="" title="Foods" width="96" height="72" border="0" /></a></p>
<br />
<div><a href="#"><img src="images/about-us.gif" alt="" title="About Us" width="121" height="19" border="0" /></a> <a href="#"><img src="images/dishes.gif" alt="" title="Dishes" width="121" height="19" border="0" /></a> <a href="#"><img src="images/place-an-order.gif" alt="" title="Place an Order" width="121" height="19" border="0" /></a> <a href="#"><img src="images/contact.gif" alt="" title="Contact" width="121" height="19" border="0" /></a></div>
</div>
<!--__________________________________________________Body Part__________________________________________________________-->
<div id="body">
<h2 class="welcome"></h2>
<p class="welcome-body">This is food and reataurant, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
<br /> This free template is released under a Creative Commons Attributions 2.5 license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
</p>
</div>
<div>
<div class="quick-search">
<img src="images/quick-search.gif" alt="Quick Search" width="202" height="73" class="universal-left-padding" />
<p class="quick-search-radio">
<input name="" type="radio" value="" /><label>Restaurant</label><br/>
<input name="" type="radio" value="" /><label>area / city</label><br/>
<input name="" type="radio" value="" /><label>street</label><br/>
<input name="" type="radio" value="" /><label>cuisine</label><br/>
<input name="" type="radio" value="" /><label>postcode</label><br/>
<input name="" type="radio" value="" /><label>tube station</label><br/>
<input name="Submit" type="submit" class="buttons1" value="Go" />
</p>
</div>
<div class="quick-search">
<img src="images/booking-info.gif" alt="Quick Search" width="202" height="73" class="universal-left-padding" />
<form action="" method="post" name="form1" class="quick-search-radio" id="form1">
<select name="select">
<option>May 2006</option>
</select>
<select name="select">
<option>Fri 19</option>
</select><br/>
<input name="" type="radio" value="" /><label>Breakfast</label><br/>
<input name="" type="radio" value="" /><label>Lunch</label><br/>
<input name="" type="radio" value="" /><label>Dinner</label><br />
Number of People
<select name="select">
<option selected="selected">1</option>
<option>10</option>
</select>
<label><input name="Submit2" type="submit" class="buttons" value="Submit" />
</label>
<br/>
</form>
</div>
<div class="quick-search">
<img src="images/parties-events.gif" alt="Quick Search" width="233" height="73" class="universal-left-padding" />
<p class="events_text"><a href="#">11/12/2006</a><br />
<strong>amet sem. Pellentesque dolor nisl,</strong> aliquet a, aliquet sodales,<br />
<br />
<a href="#">11/12/2006</a><br /> <strong>amet sem. Pellentesque dolor nisl,</strong> aliquet a, aliquet sodales, </p>
<br /><br /><br />
</div>
<br class="spacer" />
</div>
<!--___________________________________________________________Footer Part_________________________________________-->
<div id="adds"><a href="#"><img src="images/add-1.jpg" alt="" title="100% veg book now" border="0" class="adds" /></a><a href="#"><img src="images/add-2.jpg" alt="" title="Famoly pack order now" border="0" class="adds" /></a>
<a href="#"><img src="images/add-3.jpg" alt="" title="Dry foods" width="209" height="103" border="0" class="adds" /></a> </div>
<div id="footer">
<p class="footer-links"><a href="#">About Us</a> | <a href="#">Dishes</a> | <a href="#">Place an Order</a> | <a href="#">Contact</a></p>
_______________________________________________________________________________________________________________<br /><br />
<p class="universal-left-padding">Copyright @ 2006, <a href="#">www.foodpark.com</a> , All Rights Reserved</p>
<br />
<p class="universal-left-padding"><a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
<br />
</div>
</body>
</html>
Related examples in the same category