Hugging Face's logo

Spaces:
nagasurendra
/
BiryaniHubflask21
Sleeping

App Files Community
4
DSatishchandra commited on
Commit
38c3cc9
·
verified ·
1 Parent(s): 22c7e1a

Update templates/login.html

Browse files
Files changed (1) hide show
  1. templates/login.html +83 -12
templates/login.html CHANGED
@@ -1,20 +1,91 @@
1
  <!DOCTYPE html>
2
- <html>
3
  <head>
 
 
4
  <title>Login</title>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
  </head>
6
  <body>
7
- <h1>Biryani Hub - Login</h1>
8
- <form method="POST">
9
- <label>Email:</label>
10
- <input type="email" name="email" required><br>
11
- <label>Password:</label>
12
- <input type="password" name="password" required><br>
13
- <button type="submit">Login</button>
14
- <p><a href="/signup">Don't have an account? Signup here.</a></p>
 
 
 
 
15
  {% if error %}
16
- <p style="color: red;">{{ error }}</p>
17
  {% endif %}
18
- </form>
19
  </body>
20
- </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="en">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Login</title>
7
+ <style>
8
+ body {
9
+ font-family: Arial, sans-serif;
10
+ background: linear-gradient(to right, #6a11cb, #2575fc);
11
+ margin: 0;
12
+ display: flex;
13
+ justify-content: center;
14
+ align-items: center;
15
+ height: 100vh;
16
+ color: #fff;
17
+ }
18
+ .form-container {
19
+ background: #ffffff;
20
+ padding: 20px 30px;
21
+ border-radius: 10px;
22
+ width: 100%;
23
+ max-width: 400px;
24
+ text-align: center;
25
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
26
+ color: #333;
27
+ }
28
+ .form-container h2 {
29
+ margin-bottom: 20px;
30
+ color: #333;
31
+ }
32
+ .form-container label {
33
+ display: block;
34
+ text-align: left;
35
+ margin: 10px 0 5px;
36
+ }
37
+ .form-container input {
38
+ width: 100%;
39
+ padding: 10px;
40
+ margin-bottom: 15px;
41
+ border: 1px solid #ccc;
42
+ border-radius: 5px;
43
+ }
44
+ .form-container button {
45
+ width: 100%;
46
+ padding: 10px;
47
+ background-color: #6a11cb;
48
+ color: #fff;
49
+ border: none;
50
+ border-radius: 5px;
51
+ font-size: 16px;
52
+ cursor: pointer;
53
+ }
54
+ .form-container button:hover {
55
+ background-color: #2575fc;
56
+ }
57
+ .form-container p {
58
+ margin-top: 10px;
59
+ }
60
+ .form-container a {
61
+ color: #6a11cb;
62
+ text-decoration: none;
63
+ }
64
+ .form-container a:hover {
65
+ text-decoration: underline;
66
+ }
67
+ .error-message {
68
+ color: red;
69
+ margin-top: 10px;
70
+ }
71
+ </style>
72
  </head>
73
  <body>
74
+ <div class="form-container">
75
+ <h2>Login</h2>
76
+ <form action="/login" method="POST">
77
+ <label for="email">Email:</label>
78
+ <input type="email" id="email" name="email" placeholder="Enter your email" required>
79
+
80
+ <label for="password">Password:</label>
81
+ <input type="password" id="password" name="password" placeholder="Enter your password" required>
82
+
83
+ <button type="submit">Login</button>
84
+ </form>
85
+ <p>New user? <a href="/signup">Signup</a></p>
86
  {% if error %}
87
+ <p class="error-message">{{ error }}</p>
88
  {% endif %}
89
+ </div>
90
  </body>
91
+ </html>