Book html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link
href="https://fonts.googleapis.com/css2?family=Rubik+Gemstones&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,300&display=swap"
rel="stylesheet"
/>
<title>Registration</title>
</head>
<body>
<div class="container">
<h1>Book a Service</h1>
<form action="/submit" method="POST">
<div class="form">
<input
type="text"
name="name"
value="yash patidar"
readonly
placeholder="Enter your name"
required
/>
</div>
<div class="form">
<input
type="text"
name="address"
value="Indore"
readonly
placeholder="Enter your address"
required
/>
</div>
<div class="form">
<input
type="number"
name="contact"
value="9644429272"
readonly
placeholder="Enter your contact"
required
/>
</div>
<div class="form">
<input
type="text"
name="content description"
placeholder="Enter your parcel content description"
required
/>
</div>
<div class="form">
<label for="post">Choose a delivery speed : </label><br>
<select name="post" id="post" placeholder="postSpeed">
<option value="saab">standard</option>
<option value="volvo">express</option>
</select>
<br>
<label for="pickup">pickup time : </label><br>
<input type="date" id="pickup" name="pickup"><br>
<label for="dropOff">dropOff time : </label><br>
<input type="date" id="dropOff" name="dropOff"><br>
</div>
<div>
<label for="pay">Make a Payment : </label><br>
<button class="btn" id="pay" type="submit" value="Submit">Payment</button>
</div>
<br/>
<button class="btn" type="submit" value="Submit">Book a service</button>
<button class="btn" type="cancle" value="cancle">Reset</button>
</form>
</div>
</body>
</html>