Restaurant1 : Restaurant « Templates « HTML / CSS






Restaurant1

  

<!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;
background-color:#b42700;
}

.white_bg
{
background-color:#ffffff;
}

.bdy_bg
{
background-color:#b42700;
}

.hdr-green_bg
{
background-color:#b1c403;
}

a
{
outline:none;
}

.btn_bg
{
background-image:url(Restaurant1-images/btn_bg_18.gif);
background-repeat:repeat-x;
height:49px;
}

.brown_bg
{
background-color:#ce7427;
}

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

.hdr_div
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#faa289;
padding-left:5px;
padding-right:5px;
font-weight:normal;
text-decoration:none;
}

.orange_bg
{
background-image:url(Restaurant1-images/orange_bg_03.gif);
background-repeat:repeat-x;
height:290px;
}

.btn_links
{
font-family:papyrus;
font-size:18px;
color:#e59c3d;
font-weight:bold;
text-decoration:none;
}
a.btn_links
{
font-family:papyrus;
font-size:18px;
color:#e59c3d;
font-weight:bold;
text-decoration:none;
}
a.btn_links:hover
{
font-family:papyrus;
font-size:18px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.dot_line
{
background-image:url(Restaurant1-images/dot_line_56.gif);
background-repeat:repeat-x;
}

.heading1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#737926;
font-weight:normal;
text-decoration:none;
}

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

.heading3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
padding-left:10px;
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:#737926;
font-weight:normal;
text-decoration:underline;
}

.text5
{
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;
}

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

.green-head_bg
{
background-color:#8b9a04;
}

.orange-head_bg
{
background-color:#c24a14;
}

.ftr_bg
{
background-color:#e9eaef;
}

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

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



</style>



</head>

<body>

<table width="900" border="0" cellspacing="0" cellpadding="0" align="center" class="bdy_bg">

  <tr>

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

      <tr>

        <td height="44" align="right" style="padding-right:10px;"><a href="index.htm" class="hdr_links" title="Home">Home</a>  <span class="hdr_div">|</span>  <a href="contactus.htm" class="hdr_links" title="Contact Us">Contact Us</a></td>

      </tr>

      <tr>

        <td height="22" class="hdr-green_bg"></td>

      </tr>

      <tr>

        <td height="2"></td>

      </tr>

      <tr>

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

          <tr>

            <td width="274" valign="top" height="290" class="orange_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td height="35"></td>

              </tr>

              <tr>

                <td align="center" ><a href="index.htm"><img src="Restaurant1-images/logo_06.gif" alt="" width="248" height="39" border="0" /></a></td>

              </tr>

              <tr>

                <td height="25"></td>

              </tr>

              <tr>

                <td align="center" ><img src="Restaurant1-images/banner_plate_12.jpg" alt="" width="161" height="140" /></td>

              </tr>

            </table></td>

            <td width="244" align="left" valign="top"><img src="Restaurant1-images/banner1_05.jpg" alt="" width="244" height="290" /></td>

            <td align="left" valign="top"><img src="Restaurant1-images/banner2_06.jpg" alt="" width="382" height="290" /></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td height="2"></td>

      </tr>

      <tr class="btn_bg">

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

          <tr>

            <td width="109" height="49" align="center"><a href="index.htm" class="btn_links" title="Home">Home</a></td>

            <td width="19"><img src="Restaurant1-images/menu_div_15.gif" alt="" width="19" height="22" /></td>

            <td width="107" align="center"><a href="menu.htm" class="btn_links" title="Menu">Menu</a></td>

            <td width="19"><img src="Restaurant1-images/menu_div_15.gif" alt="" width="19" height="22" /></td>

            <td width="185" align="center"><a href="news.htm" class="btn_links" title="News &amp; Events">News &amp; Events</a></td>

            <td width="19" align="left"><img src="Restaurant1-images/menu_div_15.gif" alt="" width="19" height="22" /></td>

            <td width="131" align="center"><a href="services.htm" class="btn_links" title="Services">Services</a></td>

            <td width="19"><img src="Restaurant1-images/menu_div_15.gif" alt="" width="19" height="22" /></td>

            <td width="119" align="center"><a href="gallery.htm" class="btn_links" title="Gallery">Gallery</a></td>

            <td width="19"><img src="Restaurant1-images/menu_div_15.gif" alt="" width="19" height="22" /></td>

            <td width="150" align="center"><a href="contactus.htm" class="btn_links" title="Contact Us">Contact Us</a></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td class="brown_bg" height="4"></td>

      </tr>

      <tr>

        <td height="20"></td>

      </tr>     

    </table></td>

  </tr>

  <tr>

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

      <tr>

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

        <td width="589" valign="top" class="white_bg"><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

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

              <tr>

                <td width="10" align="left" valign="top"><img src="Restaurant1-images/curve_left_25.gif" alt="" width="10" height="10" /></td>

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

                <td width="10" align="right" valign="top"><img src="Restaurant1-images/curve_right_25.gif" alt="" width="10" height="10" /></td>

              </tr>

            </table></td>

          </tr>

          <tr>

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

            <td width="569" height="433" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td height="8"></td>

              </tr>

              <tr>

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

                  <tr>

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

                      <tr>

                        <td align="left"><span class="heading1"><strong>Contact Us </strong></span></td>

                      </tr>                     

                      <tr>

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

                      </tr>

                      <tr>

                        <td class="text1"><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>Submit Your Enquiry</strong></td>

                            </tr>

                            <tr>

                              <td colspan="3" align="right" class="text2" style="font-size: 12px; padding-bottom: 5px;"><span class="text5">*</span><strong class="text1"> fieds are mandatory </strong></td>

                            </tr>

                            <tr>

                              <td class="text5">*</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="text5">*</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="text5">*</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="text5">*</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 class="text5">*</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 valign="top" class="text5">*</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:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal; border:1px solid #CCCCCC; background-color:#cc3333;" type="submit" />

                                &nbsp;&nbsp;

                                <input name="reset"  style="width: 60px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal; border:1px solid #CCCCCC; background-color:#cc3333;" value="Reset" type="reset" />

                              </td>

                            </tr>

                            <tr>

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

                            </tr>

                          </tbody>

                        </table></td>

                      </tr>

                    </table></td>

                    </tr>

                </table></td>

              </tr>

              <tr>

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

              </tr>             

            </table></td>

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

          </tr>

          <tr>

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

              <tr>

                <td width="10" align="left" valign="bottom"><img src="Restaurant1-images/curve_left_btm_25.gif" alt="" width="10" height="10" /></td>

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

                <td width="10" align="right" valign="bottom"><img src="Restaurant1-images/curve_right_btm_25.gif" alt="" width="10" height="10" /></td>

              </tr>

            </table></td>

          </tr>

        </table></td>

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

        <td width="281" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="white_bg">

          <tr>

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

                <tr>

                  <td width="10" align="left" valign="top"><img src="Restaurant1-images/curve_left_25.gif" alt="" width="10" height="10" /></td>

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

                  <td width="10" align="right" valign="top"><img src="Restaurant1-images/curve_right_25.gif" alt="" width="10" height="10" /></td>

                </tr>

            </table></td>

          </tr>

          <tr>

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

              <tr>

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

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

                  <tr class="orange-head_bg">

                    <td height="30"><span class="heading3">Our News </span></td>

                  </tr>

                  <tr>

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

                  </tr>

                  <tr>

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

                      <tr>

                        <td align="left" class="text4">20.2.2010</td>

                      </tr>

             <tr>

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

                      </tr>

                      <tr>

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

                      </tr>

                      <tr>

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

                      </tr>

                      <tr>

                        <td align="right"><a href="#" class="readmore_links" title="Click here to view more">view more info</a></td>

                      </tr>

                    </table></td>

                  </tr>                  

          <tr>

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

                      <tr>

                        <td align="left" class="text4">20.2.2010</td>

                      </tr>

                      <tr>

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

                      </tr>

                      <tr>

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

                      </tr>

                      <tr>

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

                      </tr>

                      <tr>

                        <td align="right"><a href="#" class="readmore_links" title="Click here to view more">view more info</a></td>

                      </tr>

                    </table></td>

                  </tr>

          <tr>

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

                  </tr>

                  <tr>

                    <td align="left" valign="top"><a href="#"><img src="Restaurant1-images/ad1_27.jpg" alt="" width="268" height="101" border="0" /></a></td>

                  </tr>

                  <tr>

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

                  </tr>

                  <tr>

                    <td align="left" valign="top"><a href="#"><img src="Restaurant1-images/ad2_37.jpg" alt="" width="268" height="100" border="0" /></a></td>

                  </tr>

                </table></td>

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

              </tr>

            </table></td>

          </tr>

          <tr>

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

                <tr>

                  <td width="10" align="left" valign="bottom"><img src="Restaurant1-images/curve_left_btm_25.gif" alt="" width="10" height="10" /></td>

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

                  <td width="10" align="right" valign="bottom"><img src="Restaurant1-images/curve_right_btm_25.gif" alt="" width="10" height="10" /></td>

                </tr>

            </table></td>

          </tr>

        </table></td>

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

      </tr>

    </table></td>

  </tr>

  <tr>

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

      <tr>

        <td colspan="3" height="18"></td>

      </tr>

      <tr>

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

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

          <tr class="ftr_bg">

            <td width="11"><img src="Restaurant1-images/ftr_left_42.gif" alt="" width="11" height="78" /></td>

            <td width="858" align="center" 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></td>

            <td width="11" align="right"><img src="Restaurant1-images/ftr_right_45.gif" alt="" width="11" height="78" /></td>

          </tr>

        </table></td>

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

      </tr>

      <tr>

        <td colspan="3" height="18"></td>

      </tr>

    </table></td>

  </tr>

</table>

</body>

</html>

   
    
  








Related examples in the same category

1.restaurant 4
2.Restaurant2
3.Restaurant3