<!
DOCTYPE html>
<html>
<head>
<title>Student Registration</title>
<style>
body {
font-family: Arial;
background-color: #f9f9f9;
}
h2 {
text-align: center;
}
form {
background: white;
padding: 15px;
border: 1px solid #ccc;
width: 300px;
margin: auto;
}
label {
display: block;
margin-top: 8px;
}
input, select {
width: 100%;
padding: 5px;
margin-top: 3px;
}
button {
margin-top: 10px;
width: 100%;
padding: 8px;
background: green;
color: white;
border: none;
}
</style>
</head>
<body>
<h2>Student Registration</h2>
<form>
<label>Full Name</label>
<input type="text" name="name" required>
<label>Email</label>
<input type="email" name="email" required>
<label>Phone</label>
<input type="tel" name="phone">
<label>Gender</label>
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
<label>Course</label>
<select name="course">
<option>[Link]</option>
<option>BCA</option>
<option>[Link]</option>
<option>BA</option>
</select>
<button type="submit">Register</button>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Ticket Reservation</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px;
}
h2 {
text-align: center;
}
form {
background: #fff;
padding: 20px;
border: 1px solid #ccc;
max-width: 400px;
margin: auto;
border-radius: 5px;
}
label {
display: block;
margin-top: 10px;
}
input, select {
width: 100%;
padding: 8px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
.btn {
margin-top: 15px;
width: 100%;
padding: 10px;
background: #4CAF50;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
}
.btn:hover {
background: #45a049;
}
</style>
</head>
<body>
<h2>Online Ticket Reservation</h2>
<form action="[Link]" method="post">
<label for="name">Full Name</label>
<input type="text" id="name" name="name" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" required>
<label for="from">From</label>
<input type="text" id="from" name="from" required>
<label for="to">To</label>
<input type="text" id="to" name="to" required>
<label for="date">Journey Date</label>
<input type="date" id="date" name="date" required>
<label for="time">Departure Time</label>
<input type="time" id="time" name="time">
<label for="seats">Number of Seats</label>
<input type="number" id="seats" name="seats" min="1" max="10" required>
<label for="class">Class</label>
<select id="class" name="class" required>
<option value="">--Choose--</option>
<option value="economy">Economy</option>
<option value="business">Business</option>
<option value="first">First Class</option>
</select>
<button type="submit" class="btn">Book Ticket</button>
</form>
</body>
</html>