COP4331-SmallProject/index.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
<html>
    <head>
		<title>Contact Manager V37.2</title>
		<script type="text/javascript" src="js/md5.js"></script>
		<script type="text/javascript" src="js/code.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">
		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	</head>

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

        <div class="loginDiv" id="loginDiv">
			<input type="text" class="loginName" id="loginName" required="required" placeholder="Username" />
			<p id = "userE" style="color: rgb(255, 0, 0); font-size: 12px; margin: auto;"></p><br/>

			<input type="password" class="loginPassword" id="loginPassword" required="required" placeholder="Password"/>
			<p id = "passE" style="color: rgb(255, 0, 0); font-size: 12px;  margin: auto;"></p>
			<hr>

			<div class="buttons">
				<button type="button" class="loginButton" id="loginButton" class="buttons" onclick="doLogin();"> <span class="material-icons md-46">login</span> </button>
			</div>

			<div class="signUp-link">
				<p style="color: black; font-size: 1.25rem;">Need an account? Register <a id="signUpHere" href = "signUp.html"> here </a></p>
			</div>

			<span class="loginResult"></span>
        </div>
    </body>
</html>