166 lines
4.1 KiB
HTML
166 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="css/style.css">
|
|
<title>Order</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<nav>
|
|
|
|
<ul>
|
|
|
|
<a href="index.html">
|
|
<li>Ashton Pizzeria</li>
|
|
</a>
|
|
<a href="contact.html">
|
|
<li>Contact Us</li>
|
|
</a>
|
|
<a href="about.html">
|
|
<li>About</li>
|
|
</a>
|
|
<a href="order.html">
|
|
<li id="spotlight">Order Now!</li>
|
|
</a>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<h1>Order</h1>
|
|
|
|
<form action="https://www.stonecoldprofessor.com/pizza-order.php" method="post">
|
|
|
|
<h3>About You</h3>
|
|
<br>
|
|
|
|
<div class="newRow">
|
|
<input type="text" name="first" placeholder="First Name" required>
|
|
<input type="text" name="last" placeholder="Last Name" required>
|
|
</div>
|
|
|
|
<div class="newRow">
|
|
<input class="address" type="text" name="add1" placeholder="Address 1" required>
|
|
</div>
|
|
|
|
<div class="newRow">
|
|
<input class="address" type="text" name="add2" placeholder="Address 2">
|
|
</div>
|
|
|
|
<div class="newRow">
|
|
<input type="text" name="city" placeholder="City" required>
|
|
<select name="state" required>
|
|
<option value="AL">AL</option>
|
|
<option value="AK">AK</option>
|
|
<option value="AR">AR</option>
|
|
<option value="AZ">AZ</option>
|
|
<option value="CA">CA</option>
|
|
<option value="CO">CO</option>
|
|
<option value="CT">CT</option>
|
|
<option value="DC">DC</option>
|
|
<option value="DE">DE</option>
|
|
<option value="FL">FL</option>
|
|
<option value="GA">GA</option>
|
|
<option value="HI">HI</option>
|
|
<option value="IA">IA</option>
|
|
<option value="ID">ID</option>
|
|
<option value="IL">IL</option>
|
|
<option value="IN">IN</option>
|
|
<option value="KS">KS</option>
|
|
<option value="KY">KY</option>
|
|
<option value="LA">LA</option>
|
|
<option value="MA">MA</option>
|
|
<option value="MD">MD</option>
|
|
<option value="ME">ME</option>
|
|
<option value="MI">MI</option>
|
|
<option value="MN">MN</option>
|
|
<option value="MO">MO</option>
|
|
<option value="MS">MS</option>
|
|
<option value="MT">MT</option>
|
|
<option value="NC">NC</option>
|
|
<option value="NE">NE</option>
|
|
<option value="NH">NH</option>
|
|
<option value="NJ">NJ</option>
|
|
<option value="NM">NM</option>
|
|
<option value="NV">NV</option>
|
|
<option value="NY">NY</option>
|
|
<option value="ND">ND</option>
|
|
<option value="OH">OH</option>
|
|
<option value="OK">OK</option>
|
|
<option value="OR">OR</option>
|
|
<option value="PA">PA</option>
|
|
<option value="RI">RI</option>
|
|
<option value="SC">SC</option>
|
|
<option value="SD">SD</option>
|
|
<option value="TN">TN</option>
|
|
<option value="TX">TX</option>
|
|
<option value="UT">UT</option>
|
|
<option value="VT">VT</option>
|
|
<option value="VA">VA</option>
|
|
<option value="WA">WA</option>
|
|
<option value="WI">WI</option>
|
|
<option value="WV">WV</option>
|
|
<option value="WY">WY</option>
|
|
</select>
|
|
<input type="number" name="zip" placeholder="Zip" required>
|
|
</div>
|
|
|
|
<div class="newRow">
|
|
<input type="number" name="phone" placeholder="Phone Number">
|
|
<input type="email" name="email" placeholder="Email Address" required>
|
|
</div>
|
|
|
|
<br>
|
|
<h3>About your pizza</h3>
|
|
<br>
|
|
|
|
<h4>Size</h4>
|
|
<div class="newRow">
|
|
|
|
<input id="S" type="radio" name="size" value="S">
|
|
<label for="S">Small</label><br>
|
|
<input id="M" type="radio" name="size" value="M">
|
|
<label for="M">Medium</label><br>
|
|
|
|
</div>
|
|
|
|
<div class="newRow">
|
|
|
|
<input id="L" type="radio" name="size" value="L">
|
|
<label for="L">Large</label><br>
|
|
<input id="XL" type="radio" name="size" value="XL">
|
|
<label for="XL">Extra-Large</label><br>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
<h4>Crust</h4>
|
|
<br>
|
|
|
|
<div class="newRow">
|
|
|
|
<input id="pan" type="radio" name="crust" value="pan">
|
|
<label for="pan">Pan</label><br>
|
|
<input id="thin" type="radio" name="crust" value="thin">
|
|
<label for="thin">Thin</label><br>
|
|
|
|
</div>
|
|
|
|
<div class="newRow">
|
|
|
|
<input id="deep" type="radio" name="crust" value="deep">
|
|
<label for="deep">Deep Dish</label><br>
|
|
<input id="neo" type="radio" name="crust" value="neo">
|
|
<label for="neo">Neopolitan</label><br>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</body>
|
|
|
|
</html> |