Restaurant3 : Restaurant « Templates « HTML / CSS






Restaurant3

  

<!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>Restaurant</title>
<style type='text/css'>
/* CSS Document */
body
{
margin:0px;
padding:0px;
}

.white_bg
{
background-color:#ffffff;
}

.right_bg
{
background-color:#f4eddb;
}

.line_pink
{
background-color:#ebdfca;
}

.background
{
background-image:url(Restaurant3-images/background.gif);
background-repeat:no-repeat;
width:960px;
height:672px;
}

.news_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#737926;
font-weight:normal;
text-decoration:underline;
}
a.news_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#737926;
font-weight:normal;
text-decoration:underline;
}
a.news_links:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#737926;
font-weight:normal;
text-decoration:none;
}


.more_info_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a2370f;
font-weight:bold;
text-decoration:underline;
}
a.more_info_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a2370f;
font-weight:bold;
text-decoration:underline;
}
a.more_info_links:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a2370f;
font-weight:bold;
text-decoration:none;
}

.heading1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#9d7a19;
font-weight:bold;
text-decoration:none;
}

.heading2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#9d7a19;
font-weight:normal;
text-decoration:none;
}

.heading3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#d82101;
font-weight:normal;
text-decoration:none;
}

.heading4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#75590a;
font-weight:bold;
text-decoration:none;
}

.heading5
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#75590a;
font-weight:bold;
text-decoration:none;
}

.text1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4e4d;
line-height:17px;
font-weight:normal;
text-decoration:none;
}

.text2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4e4d;
font-weight:normal;
text-decoration:none;
}

.text3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a2370f;
font-weight:normal;
text-decoration:none;
}

.text4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:normal;
text-decoration:none;
}

.textbox1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:normal;
text-decoration:none;
width:140px;
height:18px;
border:1px solid #e3dac3;
}

.textbox2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:normal;
text-decoration:none;
width:140px;
height:40px;
border:1px solid #e3dac3;
}


.ftr_text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6d6b6b;
line-height:17px;
font-weight:normal;
text-decoration:none;
}

.ftr_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#737926;
font-weight:normal;
text-decoration:underline;
}
a.ftr_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#737926;
font-weight:normal;
text-decoration:underline;
}
a.ftr_links:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#737926;
font-weight:normal;
text-decoration:none;
}



</style>


<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('Restaurant3-images/news_btn_hov_08.jpg','Restaurant3-images/services_btn_hov_09.jpg','Restaurant3-images/gallery_btn_hov_10.jpg','Restaurant3-images/contactus_btn_hov_11.jpg','Restaurant3-images/home_btn_hov_06.jpg','Restaurant3-images/menu_btn_hov_07.jpg')">
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center" class="background">
  <tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="35"></td>
          </tr>
          <tr>
            <td align="left"><a href="index.htm"><img src="Restaurant3-images/logo_03.gif" alt="" width="264" height="29" hspace="24" border="0" /></a></td>
          </tr>
          <tr>
            <td height="30"></td>
          </tr>
          <tr>
            <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="24" align="left"></td>
                <td width="147" align="left"><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','Restaurant3-images/home_btn_hov_06.jpg',1)"><img src="Restaurant3-images/home_btn_nor_06.jpg" name="Image19" width="147" height="44" border="0" id="Image19" /></a></td>
                <td width="144" align="left"><a href="menus.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','Restaurant3-images/menu_btn_hov_07.jpg',1)"><img src="Restaurant3-images/menu_btn_nor_07.jpg" alt="" name="Image24" width="144" height="44" border="0" id="Image24" title="Menus" /></a></td>
                <td width="192"><a href="news.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','Restaurant3-images/news_btn_hov_08.jpg',1)"><img src="Restaurant3-images/news_btn_nor_08.jpg" alt="" name="Image20" width="192" height="44" border="0" id="Image20" title="News & Events" /></a></td>
                <td width="130" align="left"><a href="services.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','Restaurant3-images/services_btn_hov_09.jpg',1)"><img src="Restaurant3-images/services_btn_nor_09.jpg" alt="" name="Image21" width="130" height="44" border="0" id="Image21" title="Services" /></a></td>
                <td width="144"><a href="gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','Restaurant3-images/gallery_btn_hov_10.jpg',1)"><img src="Restaurant3-images/gallery_btn_nor_10.jpg" name="Image22" width="144" height="44" border="0" id="Image22" title="Gallery" /></a></td>
                <td width="154"><a href="contactus.htm"><img src="Restaurant3-images/contactus_btn_hov_11.jpg" alt="" width="154" height="44" border="0" title="Contact Us"  /></a></td>
                <td width="25"></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="490" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="24"></td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="30"></td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="219">&nbsp;</td>
                    <td width="238" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="15"></td>
                      </tr>
                      <tr>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Restaurant3-images/news_top_bg_15.jpg" alt="" width="238" height="11" /></td>
                          </tr>
                          <tr>
                            <td height="379" align="center" valign="top" class="white_bg"><table width="90%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td align="left" class="heading4">Our Menus List </td>
                              </tr>
                              <tr>
                                <td height="10"></td>
                              </tr>
                              <tr>
                                <td><img src="Restaurant3-images/news_img_15.gif" alt="" width="211" height="140" /></td>
                              </tr>
                <tr>
                <td height="10"></td>
              </tr>
                              <tr>
                <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="7%" height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td width="93%" align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  <tr>
                    <td height="25" align="center"><img src="Restaurant3-images/arrow1_43.gif" alt="" width="4" height="9" /></td>
                    <td align="left"><a href="#" class="news_links">Lorem Ipsum has been</a></td>
                  </tr>
                  
                  
                </table></td>
              </tr>
        <tr>
                <td height="10"></td>
              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td><img src="Restaurant3-images/news_bot_bg_36.jpg" alt="" width="238" height="11" /></td>
                          </tr>
                        </table></td>
                      </tr>
                    </table></td>
                    <td valign="top" class="right_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="19" colspan="3" class="white_bg"></td>
                      </tr>
                      <tr>
                        <td width="19"></td>
                        <td width="417" valign="top"><table width="417" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="10"></td>
                          </tr>
                          <tr>
                            <td align="left"><span class="heading2">Contact Us </span></td>
                          </tr>
                          <tr>
                            <td height="200"><table class="body-text" width="100%" align="left" border="0" bordercolor="#ece6da" cellpadding="0" cellspacing="4">
                              <tbody>
                                <tr>
                                  <td colspan="3" style="font-size: 14px; color: rgb(255, 0, 0);" align="center"></td>
                                </tr>
                                <tr>
                                  <td colspan="3" align="left" style="font-size: 12px; padding-bottom: 5px;"><strong class="heading5">Submit Your Enquiry</strong></td>
                                </tr>
                                <tr>
                                  <td colspan="3" align="right" class="text2" style="font-size: 12px; padding-bottom: 5px;"><span class="text4"><strong>*</strong></span><strong> fieds are mandatory </strong></td>
                                </tr>
                                <tr>
                                  <td align="left" class="text4">*</td>
                                  <td align="left" class="text1">Name</td>
                                  <td align="left"><input name="pname"  type="text" class="textbox1"  style="width: 180px;" /></td>
                                </tr>
                                <tr>
                                  <td align="left" valign="top" class="text4">*</td>
                                  <td align="left" valign="top" class="text1">Address</td>
                                  <td align="left"><textarea name="address" cols="20" rows="2" class="textbox2"  style="width: 180px;" ></textarea></td>
                                </tr>
                                <tr>
                                  <td align="left" class="text4">*</td>
                                  <td align="left" class="text1">Contact Number</td>
                                  <td align="left" valign="top"><input name="contact"  type="text" class="textbox1"  style="width: 180px;" /></td>
                                </tr>
                                <tr>
                                  <td align="left" class="text4">*</td>
                                  <td align="left" class="text1">Email Address</td>
                                  <td align="left" valign="top"><input name="email" class="textbox1" style="width: 180px;"  type="text" /></td>
                                </tr>
                                <tr>
                                  <td align="left" class="text4">*</td>
                                  <td align="left" class="text1">Subject</td>
                                  <td align="left" valign="top"><input name="subject" class="textbox1" style="width: 180px;" type="text" /></td>
                                </tr>
                                <tr>
                                  <td align="left" valign="top" class="text4">*</td>
                                  <td align="left" valign="top" class="text1">Comments</td>
                                  <td align="left" valign="top"><textarea cols="20" rows="2" name="comments" class="textbox2" style="width: 180px;"></textarea></td>
                                </tr>
                                
                                <tr>
                                  <td colspan="3" height="10"></td>
                                  </tr>
                  <tr>
                                  <td></td>
                                  <td></td>
                                  <td style="text-align: left;" align="left"><input name="submit"  value="Submit" style="width: 60px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; border:1px solid #CCCCCC; background-color:#c5b99a;" type="submit" />
                                    &nbsp;&nbsp;
                                    <input name="reset"  style="width: 60px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; border:1px solid #CCCCCC; background-color:#c5b99a;" value="Reset" type="reset" />                                  </td>
                                </tr>
                  <tr>
                                  <td colspan="3" height="10"></td>
                                  </tr>
                              </tbody>
                            </table></td>
                          </tr>                         
                        </table></td>
                        <td width="18" valign="top"><img src="Restaurant3-images/welcome_right_corner_17.gif" alt="" width="18" height="47" /></td>
                      </tr>
                      <tr>
                        <td height="7" colspan="3" class="line_pink"></td>
                      </tr>
                      <tr>
                        <td height="4" colspan="3" class="white_bg"></td>
                      </tr>
                      <tr>
                        <td height="10" colspan="3"></td>
                      </tr>
                      <tr>
                        <td colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="19"></td>
                            <td>&nbsp;</td>
                            <td width="18"></td>
                          </tr>
                        </table></td>
                      </tr>
                    </table></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="25"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td align="center" class="ftr_text">Copyright &copy; 2010 Restaurant Name. All Rights Reserved.<br />
          <center><p style="font:normal 11px arial; color:#b1b1b1; display:inline;">Brought by </p><a href="http://www.globaltemplates.com/" style="font-size:11px;color::#b1b1b1"> Free Website Templates</a></center></td>
      </tr>
    </table></td>
  </tr>

</table>
</body>
</html>

   
    
  








Related examples in the same category

1.restaurant 4
2.Restaurant1
3.Restaurant2