Hugging Face's logo

Spaces:
Yaswanth56
/
rewards_app
Runtime error

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

Update templates/login.html

Browse files
Files changed (1) hide show
  1. templates/login.html +95 -6
templates/login.html CHANGED
@@ -1,19 +1,108 @@
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>
 
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>