COP4331-SmallProject/signUp.html at main · DillonNotDylan/COP4331-SmallProject · GitHub

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
<html>
    <head>
		<title>Contact Manager V37.2</title>
		<script type="text/javascript" src="js/md5.js"></script>
		<script type="text/javascript" src="js/register.js"></script>
		<link href="css/loginStyles.css" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
		<link rel="preconnect" href="https://fonts.gstatic.com">
		<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
	</head>

    <body>
        <h1 class="title" id="title">Simple Contact</h1>
		<h3 class="subtitle" id="subtitle">Connecting others since 2021</h3>

		<div class="signUpDiv" id="signUpDiv">
			<h3 id="divTitle"> Sign Up </h3><br/>


			<form class="signUpForm">
				<input type = "text" placeholder = " First Name" id = "first" required> </input>
				<br>

				<input type = "text" placeholder = " Last Name" id = "last" required> </input>
				<br>

				<input type = "text" placeholder = " Username" id = "user" required> </input>
				<br>

				<input type = "password" placeholder = " Password" id = "pass" required> </input>
				<br>

				<input type = "password" placeholder = " Re-enter Password" id = "repass" required> </input>
				<br>

				<p id="outp" style="color: rgb(255, 0, 0); font-size: 12px; margin-bottom: 10px;"></p>
				<hr style="margin-bottom: 3rem;">
				<button type="button" class="signUpButton" id="signUpButton" class="buttons" onclick="checkValid();"> Sign Up </button>
			</form>

			<div class="login-link">
				<p>Already have an account? <a id="loginHere" href = "index.html"> Login </a> </p>
			</div>
		</div>
    </body>
</html>