Spaces:
Sleeping
Sleeping
File size: 3,501 Bytes
09e2b98 635ad5b 21e0e48 2065ba9 21e0e48 2065ba9 21e0e48 36abe92 d5bb658 36abe92 21e0e48 36abe92 d5bb658 21e0e48 d5bb658 21e0e48 d5bb658 ad7521b d5bb658 36abe92 ad7521b 36abe92 d5bb658 ad7521b d5bb658 ba6bae6 d5bb658 ba6bae6 d5bb658 14d9093 635ad5b bde0ed3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Biryani Hub - Register & Login</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
background: linear-gradient(135deg, #f4c542, #ff8f6a);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
}
.container {
background-color: #fff;
padding: 40px 50px;
border-radius: 10px;
width: 500px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
h1 {
font-size: 24px;
color: #ff6a00;
}
label {
font-size: 16px;
display: block;
margin-top: 15px;
color: #333;
font-weight: bold;
}
input {
width: 100%;
padding: 12px;
font-size: 16px;
border: 2px solid #ccc;
border-radius: 8px;
margin-top: 5px;
background-color: #f9f9f9;
box-sizing: border-box;
}
input:focus {
border-color: #ff6a00;
outline: none;
}
.confirm-button, .switch-button {
padding: 10px 20px;
background-color: #ff6a00;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}
.confirm-button:hover, .switch-button:hover {
background-color: #e65e00;
}
</style>
</head>
<body>
<div class="container" id="welcomePage">
<h1>Welcome to Biriyani Hub 🍽</h1>
<h2>Welcome! Are you a new customer or an existing one?</h2>
<p>🔊 Please say 'new' to register or 'existing' to login.</p>
</div>
<div class="container" id="registrationForm" style="display: none;">
<h2>Register</h2>
<form action="/register" method="POST">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" required>
<label for="email">Your Email</label>
<input type="email" id="email" name="email" required>
<label for="mobile">Your Mobile Number</label>
<input type="text" id="mobile" name="phone" required>
<label for="password">Your Password</label>
<input type="password" id="password" name="password" required>
<button class="confirm-button" type="submit">Register</button>
</form>
</div>
<div class="container" id="loginForm" style="display: none;">
<h2>Login</h2>
<form action="/login" method="POST">
<label for="loginEmail">Your Email</label>
<input type="email" id="loginEmail" name="email" required>
<label for="loginMobile">Your Mobile Number</label>
<input type="text" id="loginMobile" name="phone" required>
<label for="loginPassword">Your Password</label>
<input type="password" id="loginPassword" name="password" required>
<button class="confirm-button" type="submit">Login</button>
</form>
</div>
</body>
</html>
|