forked from KalebOTB/ContactManager
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (53 loc) · 1.95 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
<html>
<head>
<title>Contact Manager</title>
<link href="css/styles.css" rel="stylesheet">
<script src="js/code.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="form-container" id="login-container">
<h3>Contact Manager</h3>
<form id="login-form" action="">
<label for="l-username">Username:</label>
<input id="loginName" type="text" name="l-username"/>
<label for="l-password">Password:</label>
<input id="loginPassword" type="password" name="l-password"/>
<button type="button" onclick="doLogin()">Login</button>
<div id="loginResult"></div>
<div>Need an account?</div>
<a onclick="switchIndexForm(0)">Register</a>
</form>
</div>
<div class="form-container" id="register-container">
<h3>Contact Manager</h3>
<form id="register-form" action="">
<label for="r-first-name">First Name:</label>
<input type="text" name="r-first-name" id="registerFirstName"/>
<label for="r-last-name">Last Name:</label>
<input type="text" name="r-Last-name" id="registerLastName"/>
<label for="r-email">Email:</label>
<input type="text" name="r-email" id="registerEmail"/>
<label for="r-phone">Phone Number:</label>
<input type="text" name="r-phone" id="registerPhone"/>
<label for="r-username">Username:</label>
<input type="text" name="r-username" id="registerUsername"/>
<label for="r-password">Password:</label>
<input type="password" name="r-password" id="registerPassword"/>
<button type="button" onclick="doRegister()">Register</button>
<div>Already have an account?</div>
<a onclick="switchIndexForm(1)">Login</a>
</form>
</div>
<div class = "c">
<div class = "c c1"></div>
<div class = "c c2"></div>
<div class = "sun" id = "circle">
</div>
<div class = "mountain">
</div>
<div class = "water">
</div>
</div>
</body>
</html>