Hugging Face's logo

Spaces:
lokesh341
/
testing_2
Sleeping

App Files Community
Yaswanth56 commited on
Commit
4a3a0c6
·
verified ·
1 Parent(s): f979400

Update templates/login.html

Browse files
Files changed (1) hide show
  1. templates/login.html +94 -20
templates/login.html CHANGED
@@ -5,30 +5,104 @@
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
  </head>
9
  <body>
10
- <div class="background">
11
- <div class="login-container">
12
- <div class="login-card">
13
- <h1>Welcome Back</h1>
14
- <p>Login to your Account</p>
15
- <form action="/auth" method="POST">
16
- <div class="input-group">
17
- <input type="email" name="email" placeholder="User Name / Email" required>
18
- </div>
19
- <div class="input-group">
20
- <input type="password" name="password" placeholder="Password" required>
21
- </div>
22
- <div class="actions">
23
- <a href="#" class="forgot-link">Forgot Password?</a>
24
- </div>
25
- <button type="submit" class="btn-login">Login</button>
26
- </form>
27
- <div class="register-link">
28
- <p>Don't have an account? <a href="/register">Register Now</a></p>
29
- </div>
30
  </div>
 
 
 
 
 
 
 
 
31
  </div>
32
  </div>
 
33
  </body>
34
  </html>
 
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>