Scribd
Upload
4 views2 pages

.HTML

The document is an HTML template for a delivery form with a user-friendly interface. It includes fields for name, address, city, state, zip code, and delivery date, all styled for a clean presentation. The form is designed to be responsive and visually appealing with a simple submission button.

Uploaded by

simonorgen966
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views2 pages

.HTML

The document is an HTML template for a delivery form with a user-friendly interface. It includes fields for name, address, city, state, zip code, and delivery date, all styled for a clean presentation. The form is designed to be responsive and visually appealing with a simple submission button.

Uploaded by

simonorgen966
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<IDOCTYPE html>

<html>
<Body>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Delivery UI</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 50px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #333;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
color: #333;
}
.form-group input, .form-group select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-group button {
display: block;
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}
.form-group button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h1>Delivery Form</h1>
<form>
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" id="address" name="address" required>
</div>
<div class="form-group">
<label for="city">City</label>
<input type="text" id="city" name="city" required>
</div>
<div class="form-group">
<label for="state">State</label>
<input type="text" id="state" name="state" required>
</div>
<div class="form-group">
<label for="zip">Zip Code</label>
<input type="text" id="zip" name="zip" required>
</div>
<div class="form-group">
<label for="deliveryDate">Delivery Date</label>
<input type="date" id="deliveryDate" name="deliveryDate" required>
</div>
<div class="form-group">
<button type="submit">Submit</button>
</div>
</form>
</div>
</body>
</html>

You might also like