Hugging Face's logo

Spaces:
Yaswanth56
/
rewards_app
Runtime error

App Files Community
Yaswanth56 commited on
Commit
0f1448c
·
verified ·
1 Parent(s): 9362c15

Update templates/login.html

Browse files
Files changed (1) hide show
  1. templates/login.html +7 -96
templates/login.html CHANGED
@@ -1,108 +1,19 @@
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
  <link rel="stylesheet" href="/static/styles.css">
8
- <style>
9
- body {
10
- font-family: Arial, sans-serif;
11
- background-color: #e6f7ec;
12
- display: flex;
13
- justify-content: center;
14
- align-items: center;
15
- height: 100vh;
16
- }
17
- .login-container {
18
- background-color: white;
19
- padding: 30px;
20
- border-radius: 20px;
21
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
22
- width: 100%;
23
- max-width: 400px;
24
- }
25
- .login-container h1 {
26
- font-size: 24px;
27
- text-align: center;
28
- color: #004d40;
29
- margin-bottom: 20px;
30
- }
31
- .input-group {
32
- margin: 15px 0;
33
- width: 100%;
34
- }
35
- .input-group input {
36
- width: 100%;
37
- padding: 12px;
38
- font-size: 14px;
39
- border-radius: 30px;
40
- border: 1px solid #ccc;
41
- background-color: #f0f8f5;
42
- outline: none;
43
- text-align: center;
44
- }
45
- .input-group input:focus {
46
- border-color: #38a169;
47
- }
48
- button {
49
- width: 100%;
50
- padding: 12px;
51
- font-size: 16px;
52
- border-radius: 30px;
53
- background-color: #38a169;
54
- color: white;
55
- border: none;
56
- cursor: pointer;
57
- }
58
- button:hover {
59
- background-color: #2f855a;
60
- }
61
- .forgot-link {
62
- display: block;
63
- font-size: 12px;
64
- color: #38a169;
65
- text-align: center;
66
- text-decoration: none;
67
- margin-top: 10px;
68
- }
69
- .forgot-link:hover {
70
- text-decoration: underline;
71
- }
72
- .register-link {
73
- text-align: center;
74
- margin-top: 15px;
75
- font-size: 12px;
76
- color: #004d40;
77
- }
78
- .register-link a {
79
- color: #38a169;
80
- text-decoration: none;
81
- }
82
- .register-link a:hover {
83
- text-decoration: underline;
84
- }
85
- </style>
86
  </head>
87
  <body>
88
-
89
- <div class="login-container">
90
- <h1>Welcome Back</h1>
91
- <p>Login to your Account</p>
92
  <form action="/auth" method="POST">
93
- <div class="input-group">
94
- <input type="email" name="email" placeholder="User Name / Email" required>
95
- </div>
96
- <div class="input-group">
97
- <input type="password" name="password" placeholder="Password" required>
98
- </div>
99
  <button type="submit">Login</button>
100
  </form>
101
- <a href="#" class="forgot-link">Forgot Password?</a>
102
- <div class="register-link">
103
- <p>Don't have an account? <a href="/register">Register Now</a></p>
104
- </div>
105
  </div>
106
-
107
  </body>
108
- </html>
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
  <head>
 
 
4
  <title>Login</title>
5
  <link rel="stylesheet" href="/static/styles.css">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  </head>
7
  <body>
8
+ <div class="form-container">
9
+ <h1>Login</h1>
 
 
10
  <form action="/auth" method="POST">
11
+ <label for="email">Email:</label>
12
+ <input type="email" name="email" id="email" required>
13
+ <label for="password">Password:</label>
14
+ <input type="password" name="password" id="password" required>
 
 
15
  <button type="submit">Login</button>
16
  </form>
 
 
 
 
17
  </div>
 
18
  </body>
19
+ </html>