init commit
This commit is contained in:
Vendored
BIN
Binary file not shown.
@@ -0,0 +1,27 @@
|
||||
<!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>About</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>About</h1>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,46 @@
|
||||
<!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>Contact</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>Contact</h1>
|
||||
|
||||
<form action="https://www.stonecoldprofessor.com/pizza-contact.php" method="post">
|
||||
|
||||
<label for="first-name">First Name:</label><br>
|
||||
<input type="text" name="first-name"><br>
|
||||
|
||||
<label for="last-name">Last Name:</label><br>
|
||||
<input type="text" name="last-name"><br>
|
||||
|
||||
<label for="email">Email:</label><br>
|
||||
<input type="text" name="email"><br>
|
||||
|
||||
<label for="message">Message:</label><br>
|
||||
<textarea name="message"></textarea><br><br><br>
|
||||
|
||||
<input type="submit" value="Send">
|
||||
<input type="reset" name="Clear">
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,160 @@
|
||||
* {
|
||||
|
||||
margin: auto;
|
||||
position: relative;
|
||||
|
||||
font-family: Lato sans-serif;
|
||||
font-size: 1em;
|
||||
color: white;
|
||||
|
||||
background-color: #4A245E;
|
||||
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
||||
font-size: 7em;
|
||||
padding-top: 1em;
|
||||
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
||||
font-size: 5em;
|
||||
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
||||
font-size: 2em;
|
||||
|
||||
}
|
||||
|
||||
h4 {
|
||||
|
||||
font-size: 1.5em;
|
||||
|
||||
}
|
||||
|
||||
/*NAVIGATION BAR*/
|
||||
nav,
|
||||
nav ul,
|
||||
nav ul a,
|
||||
nav ul a li {
|
||||
|
||||
background-color: white;
|
||||
color: #4A245E;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
nav ul a {
|
||||
|
||||
display: inline-block;
|
||||
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
nav ul a li {
|
||||
|
||||
display: block;
|
||||
|
||||
padding: 1em;
|
||||
font-size: larger;
|
||||
list-style: none;
|
||||
width: 6.4em;
|
||||
|
||||
transition: width, background-color, color 500ms;
|
||||
|
||||
}
|
||||
|
||||
nav ul a li:hover {
|
||||
|
||||
background-color: #4A245E;
|
||||
color: white;
|
||||
|
||||
}
|
||||
|
||||
/*ORDER FORM*/
|
||||
|
||||
form {
|
||||
|
||||
border: 1px solid white;
|
||||
|
||||
width: 60%;
|
||||
|
||||
}
|
||||
|
||||
input {
|
||||
|
||||
padding: 1em;
|
||||
margin: .5em;
|
||||
|
||||
min-width: 6.1em;
|
||||
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
|
||||
color: #4A245E;
|
||||
background-color: white;
|
||||
|
||||
transition: 500ms;
|
||||
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
input[type=number] {
|
||||
|
||||
-moz-appearance: textfield;
|
||||
|
||||
}
|
||||
|
||||
input[name="add1"],
|
||||
input[name="add2"] {
|
||||
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
|
||||
color: #4A245E;
|
||||
|
||||
}
|
||||
|
||||
input:focus {
|
||||
|
||||
background-color: #4A245E;
|
||||
color: white;
|
||||
|
||||
}
|
||||
|
||||
select {
|
||||
|
||||
border: 2px solid white;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
div.newRow {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
div.newRow> :not(input.address) {
|
||||
|
||||
width: 50%;
|
||||
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
<!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>Home</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>Home</h1>
|
||||
|
||||
<main>
|
||||
|
||||
<h3>Home is where the pizza is.</h3>
|
||||
<p>At Ashton Pizzeria, we love everything pizza. So you deserve the best
|
||||
pizza possible, which is why we are committed to sourcing locally,
|
||||
with every pizza prepared completely by hand. You won't find any GMOs or
|
||||
additives with our pizza. The best flavor, the best variety, the best option.
|
||||
Come on by to Ashton Pizzeria today to have a slice of our world-famous pizza!</p>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,166 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user