login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guvi</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<div class="container" id="container">
<div class="form-container sign-up-container">
<form action="RegisterServlet" id="reg" method="post">
<h1>Create Account</h1>
<div class="input_box">
<i class="uil uil-user user"></i>
<input type="text" name="username" placeholder="User Name" required="">
</div>
<div class="input_box">
<input type="email" name="email" placeholder="Email" required="">
<i class="uil uil-envelope-alt email"></i>
</div>
<div class="input_box">
<input type="password" name="password" placeholder="Password" required="">
<i class="uil uil-lock password pw_toggle"></i>
<i class="uil uil-eye-slash pw_t"></i>
</div>
<div class="input_box">
<input type="text" name="address" placeholder="Address" required="">
</div>
<div class="input_box">
<input type="text" name="phone_number" placeholder="Contact Number" required="">
</div>
<br>
<button type="submit" id="register" value="Register">Sign Up</button>
</form>
</div>
<!-- Signup From -->
<div class="form-container sign-in-container">
<form action="LoginServlet" method="post">
<h1>Sign in</h1>
<div class="input_box">
<input type="text" name="username" placeholder="User Name" required="">
<i class="uil uil-envelope-alt email"></i>
</div>
<div class="input_box">
<input type="password" name="password" placeholder="Password" required="">
<i class="uil uil-lock password pw_toggle"></i>
<i class="uil uil-eye-slash pw_t"></i>
</div>
<br>
<a href="#">Forgot your password?</a>
<button type="submit" name="login" id="login" value="login">Sign In</button>
</form>
</div>
<div class="overlay-container">
<div class="overlay">
<div class="overlay-panel overlay-left">
<h1>Welcome Back!</h1>
<p>To keep connected with us please with your personal info</p>
<button class="ghost" type="submit" id="signIn">Sign In</button>
</div>
<div class="overlay-panel overlay-right">
<h1>Hello, Friend!</h1>
<p>Enter your personal details and start journey with us</p>
<button class="ghost" type="submit" id="signUp">Sign Up</button>
</div>
</div>
</div>
</div>
<script src="overlap.js"></script>
<script src="Signin_Signup_Script.js"></script>
<script src="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</body>
</html>
Comments
Post a Comment