Hugging Face's logo

Spaces:
Yaswanth56
/
testing_1
Sleeping

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

Update templates/login.html

Browse files
Files changed (1) hide show
  1. templates/login.html +16 -13
templates/login.html CHANGED
@@ -8,24 +8,26 @@
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 {
@@ -36,32 +38,33 @@
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;
@@ -73,10 +76,10 @@
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 {
 
8
  <style>
9
  body {
10
  font-family: Arial, sans-serif;
11
+ background: linear-gradient(135deg, #6c757d, #28a745); /* Gradient background */
12
  display: flex;
13
  justify-content: center;
14
  align-items: center;
15
  height: 100vh;
16
+ margin: 0;
17
  }
18
  .login-container {
19
  background-color: white;
20
+ padding: 40px;
21
  border-radius: 20px;
22
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
23
  width: 100%;
24
  max-width: 400px;
25
+ text-align: center;
26
  }
27
  .login-container h1 {
28
+ font-size: 28px;
29
  text-align: center;
30
+ color: #28a745;
31
  margin-bottom: 20px;
32
  }
33
  .input-group {
 
38
  width: 100%;
39
  padding: 12px;
40
  font-size: 14px;
41
+ border-radius: 25px;
42
  border: 1px solid #ccc;
43
  background-color: #f0f8f5;
44
  outline: none;
45
  text-align: center;
46
  }
47
  .input-group input:focus {
48
+ border-color: #28a745;
49
  }
50
  button {
51
  width: 100%;
52
+ padding: 14px;
53
  font-size: 16px;
54
  border-radius: 30px;
55
+ background: linear-gradient(135deg, #38a169, #28a745); /* Gradient button */
56
  color: white;
57
  border: none;
58
  cursor: pointer;
59
+ transition: background-color 0.3s ease;
60
  }
61
  button:hover {
62
+ background: linear-gradient(135deg, #28a745, #38a169);
63
  }
64
  .forgot-link {
65
  display: block;
66
  font-size: 12px;
67
+ color: #28a745;
68
  text-align: center;
69
  text-decoration: none;
70
  margin-top: 10px;
 
76
  text-align: center;
77
  margin-top: 15px;
78
  font-size: 12px;
79
+ color: #333;
80
  }
81
  .register-link a {
82
+ color: #28a745;
83
  text-decoration: none;
84
  }
85
  .register-link a:hover {