my Web

index.html







<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: yellow;
font-family:Lucida Sans Unicode;
}
.center {
text-align: center;
color: Brown;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: orange;
}
li {
float: left;
}
li a {
display: block;
color: brown;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: yellow;
}
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<h1 class="center" >Welcome to UCONN Bagel World</h1>
<p class="center">The largest assortment of Bagels on the UCONN Stamford Campus</p>
<br>
<br>
<br>
<ul>
<li><a class="active" href="custform4.html">----------Customer Form</a></li>
<li><a href="weblist.html">--------- Bagels </a></li>
<li><a href="order2.html"> ------- Order Form </a></li>
<li><a href="webform2.html"> --------- About Us </a></li>
</ul>
<br>
<br>
<img src="images/baron-bagels-articleLarge.jpg" alt="Plain Bagel" width="1200" height="400">
</body>
</html>

=======================================

custform4.html


<html>
<head>
<style>
body {
background-color: yellow;
font-family:Lucida Sans Unicode;
}
.center {
text-align: center;
color: Brown;
}
.container {
width: 500px;
clear: both;
}
.container input {
width: 100%;
clear: both;
}
</style>
</head>
<h1>
</h1>
<br>
<br>
<br>
<h1>Enter Customer Information</h1>
<br>
<br>
<div class="container">
<form method="POST" action="https://zr9j1fi34d.execute-api.us-east-1.amazonaws.com/prod">
<label>Name: </label>
<input type="text" name="my-name"><br>
<label>Address:</label>
<input type="text" name="my-address"><br>
<label>City:</label>
<input type="text" name="my-city"><br>
<label>State:</label>
<select name="my-state">
<option value="NJ">NJ</option>
<option value="NY">NY</option>
<option value="CT">CT</option>
<option value="MA">MA</option>
</select>
<BR>
<label>Zip Code:</label>
<input type="text" name="my-zipcode" size="5"><br>
<label>Phone:</label>
<input type="tel" name="my-phone" size="15"><BR>
<label>Email Address:</label>
<input type="email" name="my-email"><br>
<label>Send Specials:</label>
<input type="checkbox" name="my-special" value="Y"><BR>
<input type="submit" value="Submit form" size="10">
<br>
<br>
<img src="images/bakery.jpg" alt="Plain Bagel" width="1200" height="400">
</form>
</div>
</html>

==================================================

lambda CustInfo




No comments:

Post a Comment

To All, If you are working in starter accounts please move the work into the classroom account so I can review. For the previous ...