Mini Kabibi Habibi

Current Path : C:/xampp/htdocs/cid/fts/
Upload File :
Current File : C:/xampp/htdocs/cid/fts/index.htm

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="https://kit.fontawesome.com/64d58efce2.js"
		crossorigin="anonymous">
			
		</script>
		<script>
			function passvalues()
		{
			var itnum = document.getElementById("tinnum").value;
			localStorage.setItem("textvalue",itnum);
			var pw = document.getElementById("pass").value;
			localStorage.setItem("textvaluee",pw);
			return false;
		}
		</script>
	<title>Login and Sign Up Form</title>
	<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
	<div class="container">
		<div class="forms-container">
			<div class="signin-signup">
				<form action="registration.htm" class="login-form">
					<h2 class="title">Register</h2>
					<div class="input-field">
						<i class="fas fa-user"></i>
						<input type="text" placeholder="Item Number" id="tinnum">
					</div>
					<div class="input-field">
						<i class="fas fa-lock"></i>
						<input type="password" placeholder="Password" id="pass">
					</div>
					<input type="submit" value="Continue" class="btn solid" onclick="passvalues();	">
				</form>
				<form action="" class="sign-up-form">
					<h2 class="title">Log In</h2>
					<div class="input-field">
						<i class="fas fa-user"></i>
						<input type="text" placeholder="Item Number">
					</div>
					<div class="input-field">
						<i class="fas fa-lock"></i>
						<input type="password" placeholder="Password">
					</div>
					<input type="submit" value="Log In" class="btn solid">
				</form>
			</div>
		</div>
		<div class="panels-container">
			<div class="panel left-panel">
				<div class="content">
					<h3>No Account Yet?</h3>
					<p>Please click the register button to create account.</p>
					<button class="btn transparent" id="sign-up-btn">Register</button>
				</div>
				<img src="svg/1.svg" class="image" alt="">
			</div>
			<div class="panel right-panel">
				<div class="content">
					<h3>Already Registered?</h3>
					<p>Please click the login button to go back at the login page.</p>
					<button class="btn transparent" id="sign-in-btn">Log In</button>
				</div>
				<img src="svg/2.svg" class="image" alt="">
			</div>
		</div>
	</div>

	<script src="app.js"></script>
	</body>
</html>