-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
155 lines (145 loc) · 4.97 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>G10 Contact Manager</title>
<link rel="stylesheet" href="css/styles.css" />
<script src="js/code.js"></script>
</head>
<body>
<img src="/images/Logo.jpg" alt="Contact Manager Logo" width="140" height="125" style="position:absolute;border-radius: 50%;"></img>
<!-- <div class="header">
<h1>Contact Manager</h1>
</div> -->
<section class="container forms">
<div class="form login">
<div class="form-content">
<header>Welcome Back</header>
<form action="#">
<div class="field input-field">
<label for="loginName" class="input-description">User Name:</label>
<input
type="username"
placeholder="UserName"
class="input"
id="loginName"
required
/>
</div>
<label for="loginPassword" class="input-description">Password:</label>
<div class="field input-field">
<input
type="password"
placeholder="Password"
class="input"
id="loginPassword"
required
/>
</div>
<div id="lErr" class="emsg" style="text-align:center"></div>
<span
style="
margin: auto;
display: table;
color: darkred;
font-size: 20px;
padding-top: 25px;
"
id="loginResult"
></span>
<div class="field button-field">
<button type="button" class='submit'onclick="doLogin();">Login</button>
</div>
</form>
<div class="form-link">
<span
>Don't have an account?
<a href="#" class="link signup-link" onclick="toggle();"
>Register Now</a
></span
>
</div>
</div>
</div>
<!-- Register form -->
<div class="form signup">
<div class="form-content">
<header>Register</header>
<form action="#">
<label for="firstName" class="input-description">First Name:</label>
<input
type="text"
placeholder="First Name"
class="input"
id="firstName"
required minlength="1"
/>
<div id="cFirstName" class="emsg" style="text-align:center"></div>
<label for="lastName" class="input-description">Last Name:</label>
<input
type="text"
placeholder="Last Name"
class="input"
id="lastName"
required minlength="1"
/>
<div id="cLastName" class="emsg" style="text-align:center"></div>
<label for="login" class="input-description">User Name:</label>
<input
type="username"
placeholder="User Name"
class="input"
id="login"
required minlength="1"
/>
<div id="cLogin" class="emsg" style="text-align:center"></div>
<label for="createpass" class="input-description">Password:</label>
<input
type="password"
placeholder="Password"
class="input"
id="createpass"
required minlength="1"
/>
<div id="cPass" class="emsg" style="text-align:center"></div>
<label for="confirmpass" class="input-description">Confirm Password:</label>
<input
type="password"
placeholder="Confirm password"
class="input"
id="confirmpass"
required minlength="1"
/>
<div id="cConfirm" class="emsg" style="text-align:center"></div>
<span class="warning"
style="
border-color: darkred ;
margin: auto;
display: table;
color: darkred;
font-size: 20px;
padding-top: 25px;
"
id="registerResult"
></span>
<div class="field button-field">
<button type="button" class="submit" onclick="doRegister();">
Register Now
</button>
</div>
</form>
<div class="form-link">
<span
>Already have an account?
<a href="#" class="link login-link" onclick="toggle();"
>Login</a
></span
>
</div>
</div>
</div>
</section>
</body>
</html>