-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (128 loc) · 4.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Satuhaz | Login Page</title>
<link
rel="icon"
type="image/x-icon"
href="https://cdn-icons-png.flaticon.com/512/2331/2331399.png"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="style.css" />
<script src="script.js" defer></script>
</head>
<body>
<div class="main-container">
<div class="container">
<button href="#" class="btn btn-login btn-colored" id="login">
Login
</button>
<button href="#" class="btn btn-register" id="register">Sign Up</button>
</div>
<div class="form-page">
<button class="sound-btn" id="soundBtn">
<i class="fa-solid fa-bullhorn"></i>
</button>
<div class="login-form">
<h3>Login</h3>
<div id="warningBox" class="warning active minitext">
<p id="warningText">Login Failed :</p>
</div>
<form action="">
<input type="email" id="loginEmail" placeholder="Email" />
<div class="form-group">
<input type="password" id="password" placeholder="Password" />
<span>
<button type="button" id="eye-icon">
<i id="eyeOpen" class="fa-solid fa-eye"></i>
<i
id="eyeClose"
class="fa-solid fa-eye-slash active"
></i></button
></span>
</div>
<div class="remember-me">
<input type="checkbox" class="checkbox" id="checkbox" />
<p>Remember Me</p>
</div>
</form>
<button
type="submit"
id="loginSubmit"
class="btn btn-login btn-colored"
>
Login
</button>
<p class="minitext" style="color: #fff">
Need an account ?
<a
id="signupText"
style="text-decoration: underline"
href="#"
onclick="return false;"
>Sign Up</a
>
</p>
</div>
<div class="register-form active">
<h3>Sign Up</h3>
<div id="warningBoxRegister" class="warning active minitext">
<p id="warningTextRegister">Sign up Failed :</p>
</div>
<form action="">
<input type="text" id="registerUsername" placeholder="Username" />
<input type="email" id="registerEmail" placeholder="Email" />
<div class="form-group">
<input type="password" id="password2" placeholder="Password" />
<span>
<button type="button" id="eye-icon-2">
<i id="secondeyeOpen" class="fa-solid fa-eye"></i>
<i
id="secondeyeClose"
class="fa-solid fa-eye-slash active"
></i></button
></span>
</div>
<div class="form-group">
<input
type="password"
id="password-3"
placeholder="Confirm Password"
/>
<span>
<button type="button" id="eye-icon-3">
<i id="thirdeyeOpen" class="fa-solid fa-eye"></i>
<i
id="thirdeyeClose"
class="fa-solid fa-eye-slash active"
></i></button
></span>
</div>
</form>
<button id="registerSubmit" class="btn btn-register btn-colored">
Sign Up
</button>
<p class="minitext" style="color: #fff">
You already have an account ?
<a
style="text-decoration: underline"
id="loginText"
href=""
onclick="return false;"
>Login</a
>
</p>
</div>
</div>
</div>
</body>
</html>