<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>