Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--
- New Perspectives on HTML and XHTML
- Tutorial 6
- Case Problem 3
- Pizza Order Form
- Author: Zachary Guerbe
- Date: March 29 2009
- Filename: pizza.htm
- Supporting files: buttonball.jpg, leftball.jpg, orderform.css, rb.css,
- redball.jpg, rightball.jpg
- -->
- <title>Pizza Order Form</title>
- <link href="orderformtxt.css" rel="stylesheet" type="text/css" />
- <link href="rb.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <div id="heading">
- <img src="redball.jpg" alt="Red Ball Pizza" />
- </div>
- <div id="links">
- <ul>
- <li><a href="#">home page</a></li>
- <li><a href="#">menu</a></li>
- <li><a href="#">directions</a></li>
- <li><a href="#">coupons</a></li>
- <li><a href="#">online ordering</a></li>
- <li><a href="#">shopping cart</a></li>
- <li><a href="#">testimonials</a></li>
- </ul>
- </div>
- <div id="pageContent">
- <div id="leftCol">
- <p>Please select the size, crust, toppings and quantity for your pizza order.
- Don't forget to add extra breadsticks and chicken wings!</p>
- <p>Click the <em>Add to Cart</em>
- button to add your selected items to your shopping
- cart.</p>
- <p>For preferred lunch and dinner delivery times, please phone or
- fax orders in advance.</p>
- <p>Phone: <br />(386) 555 - 7499</p>
- <p>Fax: <br />(386) 555 - 7498</p>
- </div>
- <div id="rightCol">
- <h1>Online Ordering</h1>
- <form>
- <fieldset>
- <legend>Build Your Pizza</legend>
- <label> Size
- <form action="">
- <select name="size">
- <option value="reg">12" Regular</option>
- <option value="large">14" Large</option>
- <option value="xl">16" Extra Large</option>
- <option value="fam">20" Family Size</option>
- </select>
- </label>
- </form>
- <label>
- Crust
- <form action="">
- <select name="size">
- <option value="thin">Thin</option>
- <option value="thick">Thick</option>
- <option value="hand">Hand Tossed</option>
- <option value="dish">Deep Dish</option>
- </select>
- </label>
- </form>
- <label>Toppings (select all that apply)
- <label> Vegetables and Fruits
- <label>---------------------
- <select multiple="multiple" size="5">
- <option value="Diced mango">Diced Mango</option>
- <option value="Artichokes">Saab</option>
- <option value="Broccoli">Broccoli</option>
- <option value="Caramelized onions">Caramelized onion</option>
- <option value="Fire roasted red peppers">Fire Roasted Red Peppers</option>
- <option value="Fresh mushrooms">Fresh 'Shrooms</option>
- <option value="Green peppers">Green Peppers</option>
- <option value="Green olives">Green Olives</option>
- <option value="Spinach">Spinach</option>
- <option value="Grilled zucchini">Grilled Zucchini</option>
- <option value="Hot banana peppers">Hot Banana Peppers</option>
- <option value="Jalapeno peppers">Jalapeno Peppers</option>
- <option value="Kalamata olives">Kalamata Olives</option>
- <option value="Pineapple">Pineapple</option>
- <option value="Red onions">Red Onions</option>
- <option value="Roasted garlic">Roasted Garlic</option>
- <option value="Roma tomatoes">Roma Tomatoes"</option>
- <option value="Sun-dried tomatoes">Sun Dried Tomatoes</option>
- </select>
- </label></label></label>
- <br />
- <label>Meats
- <label>-----
- <select multiple=“multiple” size="5">
- <option value="Steak Strips">Steak Strips</option>
- <option value="Anchovies">Anchovies</option>
- <option value="Bacon Topping">Bacon Topping</option>
- <option value="Bacon Strips">Bacon Strips</option>
- <option value="Mesquite Chicken">Mesquite Chicken</option>
- <option value="Ground Beef">Ground Beef</option>
- <option value="Italian Ham">Italian Ham</option>
- <option value="Italian Sausage">Italian Sausage</option>
- <option value="Pepperoni">Pepperoni</option>
- <option value="Salami">Salama</option>
- </select>
- </label></label>
- <br />
- <label>Cheeses
- <label>-------
- <select multiple=“multiple” size="5">
- <option value="Provolone cheese">Provolone Cheese</option>
- <option value="Extra cheese">Extra Cheese</option>
- <option value="Feta cheese">Feta Cheese</option>
- <option value="Four cheese blend">Four Cheese Blend</option>
- <option value="Goat cheese">Goat Cheese</option>
- <option value="Mozzarella cheese">Mozzarella Cheese</option>
- <option value="Parmesan cheese">Parmesan cheese</option>
- </select>
- </label></label>
- </fieldset>
- <br />
- <fieldset>
- <label id="qLabel">
- <label>Quantity
- <form action="">
- <select name="qLabel">
- <option value="1">One</option>
- <option value="2">Two</option>
- <option value="3">Three</option>
- <option value="4">Four</option>
- <option value="5">Five</option>
- <option value="6">Six</option>
- <option value="7">Seven</option>
- <option value="8">Eight</option>
- <option value="9">Nine</option>
- <option value="10">Ten</option>
- </select>
- </label>
- </form>
- <img src="buttonball.jpg" />
- </fieldset>
- <br />
- <fieldset>
- <legend> Extras! </legend>
- <label> Breadsticks
- <form action="">
- <select name="bread">
- <option value="6">6</option>
- <option value="12">12</option>
- <option value="18">18</option>
- <option value="24">24</option>
- </select>
- </label>
- </form>
- <br />
- <label>Cheesy Bread
- <form action="">
- <select name="cbread">
- <option value="6">6</option>
- <option value="12">12</option>
- <option value="18">18</option>
- <option value="24">24</option>
- </select>
- </label>
- </form>
- <br />
- <label> Chicken Wings
- <form action="">
- <select name="wings">
- <option value="6">6</option>
- <option value="12">12</option>
- <option value="18">18</option>
- <option value="24">24</option>
- </select>
- </label>
- </form>
- <br />
- <label> Barbecue Wings
- <form action="">
- <select name="bwings">
- <option value="6">6</option>
- <option value="12">12</option>
- <option value="18">18</option>
- <option value="24">24</option>
- </select>
- </label>
- </form>
- <img src="buttonball.jpg" />
- </div>
- <address>
- Red Ball Pizza •
- 811 Beach Drive •
- Ormond Beach, FL 32175 •
- (386) 555 - 7499
- </address>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement