<!DOCTYPE HTML> <html> <head> <style> .error {color: #FF0000;} </style> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <style> body, html { margin: 0px; padding: 0px; background-color: #9999FF; font-family: 'Arial, Verdana'; } </style> <body> <!-- ------------------------------------------------header for all files start------------------------------------------------ --> <!-- ------------------------------------------------manually change font color------------------------------------------------ --> <style type="text/css"> td { white-space:nowrap; } td.menuTDshort { color: #0000FF; background-color: #471947; width:6%; height:30px; } td.menuTDlong { color: #0000FF; background-color: #471947; width:22%; height:30px; } td.menuTD { color: #0000FF; background-color: #471947; width:12%; height:30px; font-family:Century Gothic; font-size: 13px; font-weight: bold; } td.menuTD:hover { color: blue; background-color: #BB7DE4; } td.MaroonRight { color: maroon; font-size:1.0em; font-weight: bold; text-align: right; white-space:nowrap; } .bbTd { border-bottom: solid 2px red; } .fontPhone { color: #9933FF; font-family:Century Gothic; font-size: 13px; font-weight: bold; text-align:center; } .PurpleWD { color: #9933FF; font-family:Century Gothic; font-size: 25px; font-weight: bold; } .logoPurple { color: #471947; font-family:Century Gothic; font-size: 35px; font-weight: bold; text-align:center; //vertical-align: center; } Font1em { color: #471947; font-family:Century Gothic; font-size:8px; font-weight: bold; text-align: left; //white-space:nowrap; } .menuBackground { background-image:url('/img/Reservations/Reservations_Menubk.gif'); } a:visited{ color:#0000FF; } a {text-decoration: none} input[type="checkbox"] { width: 10px; height: 10px; padding: 4.5px; //border: 1px solid #369; } </style> <center> <!-- ---------------------------------------------header Table start--------------------------------------------- --> <TABLE style="WIDTH: 100%; background-color: #230239;" border=0 cellSpacing=0 cellPadding=0 width="100%" align="center"> <TR> <TD class="bbTd">&nbsp;</TD> <TD class="bbTd"><img src="img/logo.png"></TD> <TD class="bbTd" colspan="3"> <div id="PurpleWD"> <a href="https://www.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=265+Boston+Rd,+Billerica,+MA&amp;aq=0&amp;oq=265+&amp;sll=42.485282,-71.441879&amp;sspn=0.124313,0.216293&amp;ie=UTF8&amp;hq=&amp;hnear=265+Boston+Rd,+Billerica,+Middlesex,+Massachusetts+01862&amp;t=m&amp;z=14&amp;ll=42.576326,-71.28369" style="color:#0000FF;text-align:left" target="_blank"> <font size="3" color="#9933FF" style="text-decoration: underline; font-family:Century Gothic;"><u><b> 265 Boston Road, Billerica, MA</b></u></font> </a> <br><font size="3" color="#9933FF" style="font-family:Century Gothic; color: #9933FF"><b>978-877-5176, &nbsp;&nbsp;978-294-8994</b></font><br> <font size="3" color="#9933FF" style="font-family:Century Gothic;"><b></b></font><br> </div> </TD> <TD class="bbTd" colspan="100%"><img src="img/chineseFuChengFeiNiu.gif"><font size="6" style="color: #660066; font-family:Century Gothic; font-size: 30px;"><b> Purple Bamboo</b></font></TD> </TR> <TR> <TD class="menuTDshort">&nbsp;</TD> <TD class="menuTD"><a href="index.html"><font color="#0000FF">Home</font></a></TD> <TD class="menuTD"><a href="MenuChinese.htm"><font color="#0000FF">Asian Cuisine</font></a></TD> <TD class="menuTD"><a href="MenuHotPot.htm"><font color="#0000FF">Hot Pot</font></a></TD> <TD class="menuTD"><a href="LocationHours.htm"><font color="#0000FF">Location & Hours</font></a></TD> <TD class="menuTD"><a href="Reservations_Form.php"><font color="#0000FF">Reservations</font></a></TD> <TD class="menuTD"><a href="PhotoGallery.htm"><font color="#0000FF">Photo Gallery</font></a></TD> <TD class="menuTDlong">&nbsp;</TD> </TR> </TABLE> <!-- ---------------------------------------------header Table end--------------------------------------------- --> <!-- ------------------------------------------------header for all files end------------------------------------------------ --> <!-- -----------------------------------copy above section for all files FROM TOP TO HERE ----------------------------------- ---> <!-- -----------------------------------copy above section for all files FROM TOP TO HERE ----------------------------------- ---> <!-- -----------------------------------Reservation Form Begin----------------------------------- --> <form action="Reservations_Action.php" method="post"> <TABLE style="text-align:left; vertical-align: top;" border=0 cellSpacing=0 cellPadding=0 align="center" valign="top"> <TR> <TD style="vertical-align: text-top;"> <!-- -----------------------------------Left table Reservation data begin----------------------------------- --> <!-- -----------------------------------Left table Reservation data begin----------------------------------- --> <Table valign="top" style="vertical-align: text-top;"> <tr> <td></td><td align="left" style ="height: 132px;"><h1><font <font size="6" style="color: #660066; font-family:Century Gothic; font-size: 30px;">Make a Reservation</font></h1></td> </tr> <tr> <td class="MaroonRight"><font color="red">**</font>Date</td> <td align="left"><input type="text" id="datepicker" name="Date" size="40" /></td> </tr> <tr> <td class="MaroonRight"><font color="red">**</font>Time</td> <td align="left"><input type="text" name="Time" size="40" /></td> </tr> <tr> <td class="MaroonRight"><font color="red">**</font>Party Size</td> <td align="left"><input type="text" name="PartySize" size="40" /><br></td> </tr> <tr> <td></td> <td>Your contact information</td> </tr> <tr> <td class="MaroonRight">First Name</td> <td align="left"><input type="text" name="nameFirst" size="40" /></td> </tr> <tr> <td class="MaroonRight">Last Name</td> <td align="left"><input type="text" name="nameLast" size="40" /></td> </tr> <tr> <td class="MaroonRight"><font color="red">**</font>Email</td> <td align="left"><input type="text" name="Email" size="40" /></td> </tr> <tr> <td class="MaroonRight"><font color="red">**</font>Phone</td> <td align="left"><input type="text" name="PhoneNo" size="40" /></td> </tr> <tr> <td class="MaroonRight"> Order Song Shu Yu</td> <td align="left"> <input type="radio" name="SongShuYu" value="Yes" /> Yes <input type="radio" name="SongShuYu" value="No" checked="checked" /> No (~g |) </td> </tr> <tr> <td class="MaroonRight">How did you find us?</td> <td align="left"> <select name="how" style="width:250px"> <option value=""> -- Please select -- </option> <option>Google</option> <option>Yelp</option> <option>Link from a website</option> <option>Friends</option> <option>WeChat</option> <option>Other</option> </select> </td> </tr> <tr> <td class="MaroonRight"><p><b>Your comments:</b><br /></td> <td><textarea name="comments" rows="10" cols="40"></textarea></td> </tr> <tr> <td></td> <td> <input type="submit" value="Submit"> </td> </tr> </Table> <!-- -----------------------------------Reservations Form end----------------------------------- --> </TD> <!-- -----------------------------------Left table Reservation data end----------------------------------- --> <TD></TD> <TD style="vertical-align: text-top; background-image:url(img/Menu/menu_background.png); background-size: 600px 777px; background-repeat:no-repeat; width:600px; height: 777px;" valign="top"> <!-- -----------------------------------right table Reservation chinese dishes selection begin----------------------------------- --> <!-- -----------------------------------right table Reservation chinese dishes selection begin----------------------------------- --> <!--<table style="vertical-align: text-top; font-family:Century Gothic;font-size:10px; font-weight: bold; padding: 20px;" valign="top">--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Son Shu Yu Fish </TD><TD>HS01</TD><TD>~g |</TD><TD>$48.00</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="2"><TD>Gui Zhou Suan Yu Fish </TD><TD>HS02</TD><TD> 5]xdl|</TD><TD>$17.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="3">TD>Shui Zhu Fish </TD><TD>HS03 ** </TD><TD>4lnq|</TD><TD>$17.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="4"><TD>Mango Shrimp </TD><TD>HS04 </TD><TD>4lg~</TD><TD>$16.95 </TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="5"><TD>Salt & Pepper Seafood Comb </TD><TD>HS05 * </TD><TD>ivwmbv</TD><TD>$24.95</TD></TR>--> <!--<TR><TD>Shui Zhu Beef </TD><TD>HS11 ** </TD><TD>4lnq[r</TD><TD>$17.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="6"><TD>Shredded Beef </TD><TD>HS12 ** </TD><TD>\i[rN</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="7"><TD>Gan Bian Beef </TD><TD>HS13 ** </TD><TD>r^xq[rN</TD><TD>$17.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Xin Jiang Ji Chicken </TD><TD>HS21 * </TD><TD>eu'Yv!</TD><TD>$26.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Gong Pao Chicken </TD><TD>HS22 ** </TD><TD>[r!N</TD><TD>$13.95 </TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Shrimp & Chicken </TD><TD>HS23 ** </TD><TD>!̑f</TD><TD>$15.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>La Wei Pork & Chicken </TD><TD>HS31 ** </TD><TD>JsTS</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Huei Guo Pork </TD><TD>HS32 * </TD><TD>V</TD><TD>$13.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Yu Xiang Rou Si Pork </TD><TD>HS33 * </TD><TD>|N</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Mu Xu Rou Pork </TD><TD>HS34 </TD><TD>(g{</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Hu Nan La Rou Pork </TD><TD>HS35 * </TD><TD>VnWSJ</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Zhu Rou Duen Fen Tiao Pork </TD><TD>HS36 </TD><TD>*sp|ag</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Suan Cai Fen Tiao Pork </TD><TD>HS37 </TD><TD>NSx܃p|ag</TD><TD>$14.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Si Xi Wan Zi Meat Balls </TD><TD>HS38 </TD><TD>VU8NP[</TD><TD>$12.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Xiang La Du Pian </TD><TD>HS39 * </TD><TD>rGr</TD><TD>$15.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Guo Bao Rou Pork </TD><TD>HS40 </TD><TD>S</TD><TD>$13.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Di Sang Xian Veg </TD><TD>HS81 </TD><TD>0W N</TD><TD>$13.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Xiang Gan </TD><TD>HS82 </TD><TD>r^܃N</TD><TD>$13.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Ma Po Tofu </TD><TD>HS83 ** </TD><TD>FZFP</TD><TD>$11.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Jia Chang Tofu </TD><TD>HS84 * </TD><TD>[8^FP</TD><TD>$11.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Kun Pao Tofu </TD><TD>HS85 ** </TD><TD>[rFP</TD><TD>$12.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Ba Si Di Gua Sweet Potato </TD><TD>HS86 </TD><TD>bN0Wt</TD><TD>$9.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Shu Sian Xian Veg </TD><TD>HS87 </TD><TD> } N</TD><TD>$12.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Beef Noodle Soup </TD><TD>HS91 * </TD><TD>[rb</TD><TD>$9.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Za Jiang Mian Lo Mien </TD><TD>HS92 </TD><TD>pqb</TD><TD>$8.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Si Chuan Mian Lo Mien </TD><TD>HS93 </TD><TD>V]Qb</TD><TD>$8.95</TD></TR>--> <!--<TR><input type="checkbox" name="HS01" value="1"><TD>Za Jiang Mian Lo Mien </TD><TD>HS94 </TD><TD>qb</TD><TD>$8.95</TD></TR>--> <!--<TR><TD>Za Jiang Mian Lo Mien </TD><TD>HS94<input type="checkbox" name="HS01" value="1"> </TD><TD>qb</TD><TD>$8.95</TD></TR> --> <!--</table>--> <!-- -----------------------------------right table Reservation chinese dishes selection end----------------------------------- --> </TD><!-- -----------------------------------right table Reservation chinese dishes selection end----------------------------------- --> </TR> </TABLE> </form> <p>Required fields <font color="red">**</font></p> <!-- ---------------------------------------------footer start--------------------------------------------- --> <style> td.Lfooter { color: #DAA520; background-color: #471947; border-bottom: solid 2px red; height:30px; font-family:Century Gothic; font-size: 13px; font-weight: bold; text-align:center; } </style> <a href="create_ReservationTable_dispalyData.php"><font color="#0000FF">*</font></a></TD> <TABLE style="WIDTH: 100%; background-color: #471947;" border=0 cellSpacing=0 cellPadding=0 width="100%" align="center"> <TR> <td></td> <TD class="Lfooter" nowrap>&nbsp;&nbsp;265 Boston Road, Billerica, MA &nbsp;&nbsp;</TD> <TD class="Lfooter" nowrap>978-877-5176, 978-294-8994 </TD> <TD class="Lfooter" colspan="2">Business Hours: Mondays Closed; Sunday/Tuesday-Thursday : 12:00/11:30 AM - 9:30 PM; Friday-Saturday : 11:30 AM - 11:00 PM </TD> </TR> </TABLE> <!-- ---------------------------------------------footer end--------------------------------------------- --> </center> </body> </html>