Untitled

<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 &bull;
         811 Beach Drive &bull;
         Ormond Beach, FL  32175 &bull;
         (386) 555 - 7499
      </address>

   </div>

</body>

</html>