Skills development: HTML Code
- 1. <html> <head><title> Rodic's Delivery</title></head> <body bgcolor="lightblue"> <a href="http://www.tsibog.com/dining-guide/rodics-famous-tapsilog-philippine-dining-2007-05- 28.php" target="blank"> <img src="http://www.tsibog.com/wp-content/uploads/2007/05/rodics-3.jpg" align="left"> </a><br /> <p align="center"><font color="blue" size="7">Welcome to the <font color="darkred">Rodic's</font> Delivery Website! <br /></font></p> <br /> <p align="center"><font size="2" color="darkblue">Main branch located at <a href="http://www.upd.edu.ph/"> UP-Diliman Campus.</a><br /> <a href="http://www.facebook.com/pages/Rodics/113649080299">Visit us on Facebook!</a></font> </p> <br /><br /> Please fill up the order form below.<br /> <br /> <form> <table border="0"> <tr> <td>First name:</td> <td><input type="text" name="firstname" size="20"></td></tr> <tr> <td>Last name:</td> <td> <input type="text" name="lastname" size="20"></td></tr> <tr> <td>Contact Number/s:</td> <td> <input type="text" name="contact#" size="20"></td></tr> <tr> <td>Email Address:</td> <td> <input type="text" name="email" size="20"></td></tr> <tr> <td colspan="2"><strong>Address:</strong></td></tr> <tr> <td> House#/Department/Floor</td> <td> <input type="text" name="house#" size="20"></td></tr> <tr> <td> Building</td> <td> <input type="text" name="building" size="20"></td></tr> <tr> <td> Street/Subdivision</td> <td><input type="text" name="street" size="20"></td></tr> <tr> <td> City</td> <td><input type="text" name="city" size="20"></td></tr> <tr> <td> Any landmarks?</td> <td><input type="text" name="landmarks" size="20"></td></tr>
- 2. </table> <br /> <textarea rows="5" cols="30">If there are other details that can help us find your house better, please input here</textarea> <br /> <br /> <table border="0"> <tr> <td colspan="2"><p align="center"><i>Order Form</i></p></td> </tr> <tr> <td>Order</td> <td> <input type="text" name="order"></td></tr> <tr> <td> Price </td> <td> <input type="text" name="price"></td></tr> <tr> <td> Quantity </td> <td> <input type="text" name="quantity"></td></tr> <tr> <td> Total </td> <td> <input type="text" name="total"></td></tr> <tr> <td> Branch </td> <td> <select name="branches"> <option value="SC">Shopping Center, UP Diliman</option> <option value="salcedo">Salcedo St. Legaspi Village, Makati</option> <option value="adelanto">Adelanto St. Makati Medical Plaza</option> </select> </table> <br /> <input type="checkbox" name="agree" value="iagree"> I agree to the terms and conditions<br /> <br /> <input type="submit" value="Submit"> <br /> <input type="reset" value="Reset"> </form> <br /> <p align="center"> <font color="darkblue" size="4"> Thank You for using our online delivery service!</font> <br /><font size="3">Any comments or suggestions on how we can serve you better will be much appreciated.</font></br> <textarea rows="8" cols="30">Comments and Suggestions</textarea></p> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <p align="center"><font color="darkred" size="2">Rodic's famous Tapsilog</font></p> <p align="center"><img src="http://photos.the-protagonist.net/albums/rodics- diner/rodics_diner_020.jpg" height="40%" width="40%"></p> <br /> <p align="center">ORDER NOW!</p>