Untitled

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">


    <title>Cameron Cookies OrderForm</title>


        <style>
      body {
  background-color: #F5DEB3;

  }

h1 {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

h2 {
  text-align: center;
}

.nav {
    border: 1px solid #ccc;
    border-width: 1px 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.nav li {
    display: inline;
}
.nav a {
    display: inline-block;
    padding: 30px;
}

.left {
  float: left;
  width: 30%;
  margin-right: 1%;
  margin-bottom: 0.5em;
  text-align: center;
}

.right {
  float: right;
  width: 30%;
  margin-left: 1%;
  margin-bottom: 0.5em;
  text-align: center;
}


.content {
  clear:both;
}

.footer {
    background-color: #FF0000;
    bottom: 0;
    color: #fff;
    clear: both;
    font-family: 'snell roundhand', sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    margin: -8px;
    position: fixed;
    width: 100%;
}

label{
    display: inline-block;
    float: left;
    clear: left;
    width: 250px;
    text-align: right;
}
input {
  display: inline-block;
  float: left;
}
label{
    display: inline-block;
    float: left;
    clear: left;
    width: 250px;
    text-align: right;
}
input {
  display: inline-block;
  float: left;
}


    </style>


  </head>

  <body translate="no" >

    <html>
<head>
<link rel="stylesheet" href="style.css">
<title> Cameron Cookies </title>
 </head>
  <body>
    <h1> Cameron Cookies </h1>
    <h2> <i> The best homemade cookies in New England </i> </h2>
    <p style="text-align: center"> 99 Sycamore St. Portland, ME 04101 (207)555-1212 </p>


         <ul class="nav">
          <li><a href="file:///C:/Users/Larry/Desktop/CCHTML/about.html">About Us</a></li>
           <li><a href="mailto:cookiemaster@cameroncookies.com">Contact Us</a></li>
           <li><a href="file:///C:/Users/Larry/Desktop/CCHTML/orderform.html">Place an Order</a></li>
           <li><a href="file:///C:/Users/Larry/Desktop/CCHTML/recipes.html">Sample Recipe</a></li>
         </ul>
     <br>

<form>
<table border="0" cellpadding="2" width="65%">
    <tr>
        <th>Personal Information</th>
    </tr>

    <tr>
        <td>First Name:</td>
        <td><input name="fname" id="fname" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>Last Name:</td>
        <td><input name="lname" id="lname" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>Address:</td>
        <td><input name="address" id="address" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>City:</td>
        <td><input name="city" id="city" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>State:</td>
        <td><input name="state" id="state" size="10" type="text" /></td>
    </tr>

    <tr>
        <td>Zip Code:</td>
        <td><input name="zip" id="zip" size="10" type="text" /></td>
    </tr>

    <tr>
        <td>Country:</td>
        <td><input name="country" id="country" size="10" type="text" /></td>
    </tr>
    <tr>


    </tr>
</table>
<br>
<div class="orderForm">
<table border="0" cellpadding="2" width="65%">
    <tr>
        <th>Order Information</th>
    </tr>
    <tr>
        <th align="left">QTY</th>
        <th align="left">Subtotal</th>
    </tr>

    <tr>
        <td><input name="chocolatenut" id="chocolatenut" size="5" value="0" type="text" /></td>
        <td>Chocolate Nut - $10.99
        <input name="chocolatenut" id="chocolatenut" size="10" type="text" /></td>
    </tr>

    <tr>
        <td><input name="chocolatechip" id="chocolatechip" size="5" value="0" type="text" /></td>
        <td>Chocolate Chip - $9.99
        <input name="chocolatechip" id="chocolatechip" size="10" type="text" /></td>
    </tr>

    <tr>
        <td><input name="macadamianut" id="macadamianut" size="5" value="0" type="text" /></td>
        <td>Macadamia Nut - $12.99
        <input name="macadamianut" id="macadamianut" size="10" type="text" /></td>
    </tr>

    <tr>
        <td><input name="oatmealraisin" id="oatmealraisin" size="5" value="0" type="text" /></td>
        <td>Oatmeal Raisin $10.99
        <input name="oatmealraisin" id="oatmealraisin" size="10" type="text" /></td>
    </tr>

    <tr>
        <td><input name="chocolatedessert" id="chocolatedessert" size="5" value="0" type="text" /></td>
        <td>Chocolate Dessert - $10.99
        <input name="chocolatedessert" id="chocolatedessert" size="10" type="text" /></td>
    </tr>

    <tr>
        <td><input name="butter" id="butter" size="5" value="0" type="text" /></td>
        <td>Butter - $7.99
        <input name="butter" id="butter" size="10" type="text" /></td>
    </tr>

    <tr>
        <td>Subtotal:
        <input name="subtotal" id="subtotal" size="10" type="text" /></td>
    </tr>
    <br><tr>
        <td>Gift wrapping
        <input name="subtotal" id="subtotal" size="10" type="radio" /></td>
    </tr>
        <tr>
        <td>If yes, note the text for the gift card
        <input name="subtotal" id="subtotal" size="50" type="text" /></td>
    </tr>
 <tr>
        <td>Shipping
        <input name="subtotal" id="subtotal" size="10" type="text" /></td>
    </tr>
       <tr>
        <td>Total:
        <input name="subtotal" id="subtotal" size="10" type="text" /></td>
    </tr>
</table>
</div>
<br>

<table border="0" cellpadding="2" width="65%">
    <tr>
        <th>Payment Information</th>
    </tr>

    <tr>
        <td>Master Card:</td>
        <td><input name="fname" id="fname" size="30" type="radio" /></td>
    </tr>

    <tr>
        <td>Visa:</td>
        <td><input name="lname" id="lname" size="30" type="radio" /></td>
    </tr>

    <tr>
        <td>Credit Card Number:</td>
        <td><input name="address" id="address" size="30" type="text" /></td>
    </tr>

    <tr>
        <td>Expiration:     <select>
  <option value="january">January</option>
  <option value="february">February</option>
  <option value="march">March</option>
  <option value="april">April</option>
<option value="may">May</option>
  <option value="june">June</option>
  <option value="july">July</option>
  <option value="august">August</option>
<option value="september">September</option>
  <option value="october">October</option>
  <option value="november">November</option>
  <option value="december">December</option>
</select>
 <select>
  <option value="2016">2016</option>
  <option value="2017">2017</option>
  <option value="2018">2018</option>
  <option value="2019">2019</option>
<option value="2020">2020</option>
  <option value="2021">2021</option>
  <option value="2022">2022</option>
</select></td>

    </tr>

    <tr>
      <td><input type="reset" name="resetForm" value="Reset"/>
       <td><input type="submit" name="submitForm" value="Submit"/>
    </td>

    </tr>
</table>
</form>


  </body>
</html>


  </body>
<footer>
      <div class="footer">
        Designed by Larry Wilkinson 2016
      </div>
    </footer>
</html>