Restaurant2 : Restaurant « Templates « HTML / CSS






Restaurant2

  

<!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;
margin-top:35px;
margin-bottom:35px;
padding:0px;
background-image:url(Restaurant2-images/bdy_bg_01.gif);
}

.white_bg
{
background-color:#ffffff;
}

.bdr1
{
border-left:2px solid #dcdcdc;
border-right:2px solid #dcdcdc;
}

.green_bg
{
background-color:#c2d03f;
}

.menu_bg
{
background-color:#545454;
}

.news_bdr
{
background-color:#dcdcdc;
}

.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:#977314;
font-weight:bold;
text-decoration:underline;
}
a.more_info_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#977314;
font-weight:bold;
text-decoration:underline;
}
a.more_info_links:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#977314;
font-weight:bold;
text-decoration:none;
}

.curve_top_bg
{
background-image:url(Restaurant2-images/curve_top_bg_32.gif);
background-repeat:repeat-x;
height:12px;
}

.curve_btm_bg
{
background-image:url(Restaurant2-images/curve_btm_bg_53.gif);
background-repeat:repeat-x;
height:12px;
}

.todays_special_bg
{
background-image:url(Restaurant2-images/todays_special_bg.gif);
background-repeat:no-repeat;
width:270px;
height:269px;
}

.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:#ffffff;
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:#4f4e4d;
font-weight:normal;
text-decoration:none;
width:140px;
height:18px;
border:1px solid #cccccc;
}

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

.ftr_bg
{
background-color:#646464;
}

.ftr_text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#b3b3b3;
font-weight:normal;
text-decoration:none;
}
.ftr_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}
a.ftr_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
color:#ffffff;
font-weight:normal;
text-decoration:underline;
}
a.ftr_links:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
color:#ffffff;
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('Restaurant2-images/menus_hov_18.gif','Restaurant2-images/news_hov_19.gif','Restaurant2-images/services_hov_20.gif','Restaurant2-images/gallery_hov_21.gif','Restaurant2-images/bars_hov_22.gif','Restaurant2-images/contactus_hov_23.gif','Restaurant2-images/home_hov_16.gif')">

<table width="930" border="0" cellspacing="0" cellpadding="0" align="center" class="white_bg">

  <tr>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td height="23" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="50%" height="23" align="left" valign="top"><img src="Restaurant2-images/corner_top_lft_05.gif" alt="" width="11" height="11" /></td>

            <td width="50%" align="right" valign="top"><img src="Restaurant2-images/corner_top_rgt_05.gif" alt="" width="11" height="11" /></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="10" align="left" valign="top"></td>           

            <td width="252" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td align="left"><a href="index.htm"><img src="Restaurant2-images/logo_05.gif" alt="" width="247" height="56" border="0" /></a></td>

              </tr>

              <tr>

                <td height="22"></td>

              </tr>

              <tr>

                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td class="menu_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td height="6"></td>

                      </tr>

                      <tr>

                        <td align="center"><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','Restaurant2-images/home_hov_16.gif',1)"><img src="Restaurant2-images/home_nor_12.gif" name="Image31" width="203" height="30" border="0" id="Image31" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','Restaurant2-images/menus_hov_18.gif',1)"></a><a href="index.htm"></a></td>

                      </tr>

            <tr>

                        <td align="center"><a href="menus.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Restaurant2-images/menus_hov_18.gif',1)"></a><a href="menus.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','Restaurant2-images/menus_hov_18.gif',1)"><img src="Restaurant2-images/menus_nor_14.gif" name="Image22" width="203" height="30" border="0" id="Image22" title="Menus" /></a><a href="menus.htm"></a></td>

                      </tr>

            <tr>

                        <td align="center"><a href="news.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','Restaurant2-images/news_hov_19.gif',1)"><img src="Restaurant2-images/news_nor_15.gif" name="Image23" width="203" height="31" border="0" id="Image23" title="News & Events" /></a><a href="news.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','Restaurant2-images/news_hov_19.gif',1)"></a><a href="news.htm"></a></td>

                      </tr>

            <tr>

                        <td align="center"><a href="services.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','Restaurant2-images/services_hov_20.gif',1)"></a><a href="services.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','Restaurant2-images/services_hov_20.gif',1)"><img src="Restaurant2-images/services_nor_16.gif" name="Image24" width="203" height="30" border="0" id="Image24" /></a><a href="services.htm"></a></td>

                      </tr>

            <tr>

                        <td align="center"><a href="gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Restaurant2-images/gallery_hov_21.gif',1)"><img src="Restaurant2-images/gallery_nor_17.gif" name="Image25" width="203" height="30" border="0" id="Image25" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Restaurant2-images/bars_hov_22.gif',1)"></a></td>

                      </tr>

            <tr>

                        <td align="center"><a href="bars.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image29','','Restaurant2-images/bars_hov_22.gif',1)"><img src="Restaurant2-images/bars_hov_22.gif" alt="" width="203" height="31" border="0" title="Bars" /></a><a href="bars.htm"></a></td>

                      </tr>

            <tr>

                        <td align="center"><a href="contactus.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image30','','Restaurant2-images/contactus_hov_23.gif',1)"><img src="Restaurant2-images/contactus_nor_19.gif" alt="" name="Image30" width="203" height="31" border="0" id="Image30" title="Contact Us" /></a><a href="contactus.htm"></a></td>

                      </tr>

                      <tr>

                        <td height="7"></td>

                      </tr>

                    </table></td>

                    <td width="8"></td>

                    <td width="25" class="green_bg"></td>

                  </tr>

                </table></td>

              </tr>

            </table></td>

            <td width="383" align="left"><img src="Restaurant2-images/banner_07.jpg" alt="" width="383" height="304" /></td>

            <td width="277" align="left"><img src="Restaurant2-images/banner_08.jpg" alt="" width="277" height="304" /></td>

            <td width="8"></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td height="17"></td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td width="8"></td>

        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                <tr>

                  <td width="12" align="left" valign="top"><img src="Restaurant2-images/curve_inner_lft_30.gif" alt="" width="12" height="12" /></td>

                  <td width="610" class="curve_top_bg"></td>

                  <td width="12" align="right" valign="top"><img src="Restaurant2-images/curve_inner_rgt_30.gif" alt="" width="12" height="12" /></td>

                </tr>

            </table></td>

          </tr>

          <tr>

            <td height="246" align="center" valign="top" class="bdr1"><table width="98%" border="0" cellspacing="0" cellpadding="0">

                <tr>

                  <td align="left"><span class="heading2">Bars</span></td>

                </tr>

                <tr>

                  <td height="15"></td>

                </tr>

                <tr>

                  <td align="left"><span class="text1">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, standard dummy text ever since the 1500s, </span><span class="text1">standard dummy text ever since the 1500s, </span></td>

                </tr>               

                <tr>

                  <td height="15"></td>

                </tr>               

            </table></td>

          </tr>

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                <tr>

                  <td width="12" align="left" valign="bottom"><img src="Restaurant2-images/curve_inner_lft_btm_30.gif" alt="" width="12" height="12" /></td>

                  <td width="610" class="curve_btm_bg"></td>

                  <td width="12" align="right" valign="bottom"><img src="Restaurant2-images/curve_inner_rgt_btm_30.gif" alt="" width="12" height="12" /></td>

                </tr>

            </table></td>

          </tr>

        </table></td>

        <td width="10"></td>

        <td width="270" align="center" valign="top" class="todays_special_bg"><table width="94%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td height="30" align="left" class="heading4">Today&rsquo;s Special</td>

          </tr>

          <tr>

            <td height="15"></td>

          </tr>

          <tr>

            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="44%" align="left"><a href="#"><img src="Restaurant2-images/todays_special_30.gif" alt="" width="105" height="84" border="0" /></a></td>

                <td width="56%" align="left"><a href="#"><img src="Restaurant2-images/todays_special_32.gif" alt="" width="117" height="84" border="0" /></a></td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td height="15"></td>

          </tr>

          <tr>

            <td align="left"><span class="text1">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </span><span class="text1">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </span></td>

          </tr>

      <tr>

            <td height="10"></td>

          </tr>

          <tr>

                        <td align="left"><span class="text2"><strong>only</strong></span> <span class="text3"><strong>$14.95</strong></span></td>

              </tr>

          <tr>

                <td align="right" class="text1"><a href="#" class="more_info_links" title="Click here for more info">more info...</a></td>

              </tr>

        </table></td>

        <td width="8"></td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr>

        <td height="16"></td>

      </tr>

      <tr>

        <td height="68"><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="8"></td>

            <td width="10" align="left"><img src="Restaurant2-images/ftr_lft_42.gif" alt="" width="10" height="68" /></td>

            <td align="center" class="ftr_bg"><span class="ftr_text">Copyright &copy; 2010 Restaurant. All Rights Reserved.<br />

              <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></span></td>

            <td width="10" align="left"><img src="Restaurant2-images/ftr_right_45.gif" alt="" width="10" height="68" /></td>

            <td width="8"></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="50%" height="12" align="left" valign="bottom"><img src="Restaurant2-images/corner_bot_lft_05.gif" alt="" width="11" height="11" /></td>

            <td width="50%" align="right" valign="bottom"><img src="Restaurant2-images/corner_bot_rgt_05.gif" alt="" width="11" height="11" /></td>

          </tr>

        </table></td>

      </tr>

    </table></td>

  </tr>

</table>

</body>

</html>

   
    
  








Related examples in the same category

1.restaurant 4
2.Restaurant1
3.Restaurant3