Date:: Ex:No:1
Date:: Ex:No:1
Date:
Aim:
Procedure:
Program:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
background-color: #f4f4f4;
background-image: url("img2.png");
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
#login-container {
background-color: #fff;
border-radius: 8px;
padding: 20px;
#login-form {
display: flex;
flex-direction: column;
label {
margin-bottom: 8px;
input {
padding: 8px;
margin-bottom: 16px;
border-radius: 4px;
button
padding: 10px;
background-color: #2f00ff;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
button:hover
background-color: #00b309;
</style>
</head>
<body>
<div id="login-container">
<h2>Signup to Movie Ticket Booking System</h2>
<form id="login-form">
<label for="username">Username</label>
<label for="email">Email</label>
<label for="password">Password</label>
<label for="address">Address</label>
<label for="age">Age</label>
<br></br>
<br></br>
</form>
</div>
<script>
function login(){
{
alert("Please enter all fields.");
return;
</script>
</body>
</html>
Output
Result