Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update the UI and README.md #40

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Update the UI and README.md #40

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0263fef
Updated the UI
Aakash67 Nov 17, 2022
26b16a5
Commiting
Aakash67 Nov 18, 2022
f67d96d
Update README.md
Aakash67 Nov 18, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Updated the UI
  • Loading branch information
@Aakash67
Aakash67 committed Nov 17, 2022
commit 0263fefc8c378e110e72205fd7684d5b1c63454c
3 changes: 3 additions & 0 deletions Frontend/.vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
199 changes: 117 additions & 82 deletions Frontend/Student_Login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,84 +1,119 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ERG-Login</title>
<link rel="stylesheet" type="text/css" href="css/Student_Login.css">
</head>

<body>

<div class="login-wrap">
<div class="login-html">

<input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Sign
In</label>

<input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Sign Up</label>

<div class="login-form">
<div class="sign-in-htm">

<form method="post" action="/login">

<div class="group">

<input id="user" type="text" class="input" name="username" required placeholder="Your Username">
<label for="user" class="label"></label>
</div>

<div class="group">
<label for="pass" class="label"></label>
<input id="pass" type="password" class="input" data-type="password" name="password"
placeholder="Your Password" required>
</div>

<div class="group">
<input type="submit" class="button" value="Sign In">
</div>
</form>

<div class="foot-lnk">
<a href="#forgot">Forgot Password?</a>
</div>

</div>

<div class="sign-up-htm">

<form method="post" action="/signup">
<div class="group">
<label for="user" class="label"></label>
<input id="user" required type="text" class="input" name="username" placeholder="Your Username">
</div>
<div class="group">
<label for="pass" class="label"></label>
<input id="pass" required type="password" class="input" data-type="password" name="password"
placeholder="Your Password">
</div>


<div class="group">
<label for="pass" class="label"></label>
<input id="pass" required type="text" class="input" name="email"
placeholder="Your Email ID">
</div>
<div class="group">
<input type="submit" class="button" value="Sign Up">
</div>
</form>

<div class="foot-lnk">
<label for="tab-1">Already Member?</a>
</div>
</div>
</div>
</div>
</div>

</body>

</html>
<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>
<link rel="stylesheet" href="css/Student_Login.css" />
<title>Sign in & Sign up Form</title>
</head>
<body>
<div class="container">
<div class="forms-container">
<div class="signin-signup">
<form action="#" class="sign-in-form">
<h2 class="title">Sign in</h2>
<div class="input-field">
<i class="fas fa-user"></i>
<input type="text" placeholder="Username" required/>
</div>
<div class="input-field">
<i class="fas fa-lock"></i>
<input type="password" placeholder="Password" required/>
</div>
<div class="foot-lnk">
<a href="#forgot">Forgot Password?</a>
</div>

<input type="submit" class="btn" value="Login" onclick="Validate(document.form2.text2)"/>
<p class="social-text">Or Sign in with social platforms</p>
<div class="social-media">
<a href="#" class="social-icon">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-google"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</form>
<form action="#" class="sign-up-form">
<h2 class="title">Sign up</h2>
<div class="input-field">
<i class="fas fa-user"></i>
<input type="text" placeholder="Username" required/>
</div>
<div class="input-field">
<i class="fas fa-envelope"></i>
<input type="email" placeholder="Email" />
</div>
<div class="input-field">
<i class="fas fa-lock"></i>
<input type="password" placeholder="Password" required/>
</div>
<div class="foot-lnk">
<a href="#forgot">Forgot Password?</a>
</div>
<div>
<input type="submit" class="btn" value="Sign Up" onclick="Validate(document.form1.text1)"/>
<a href="" class="btn"></a>
</div>
<p class="social-text">Or Sign up with social platforms</p>
<div class="social-media">
<a href="#" class="social-icon">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-google"></i>
</a>
<a href="#" class="social-icon">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
</form>
</div>
</div>

<div class="panels-container">
<div class="panel left-panel">
<div class="content">
<h3>New here ?</h3>
<p>
Take a few moments to register yourself and generate the results
</p>
<button class="btn transparent" id="sign-up-btn">
Sign up
</button>
</div>
<img src="assets/student.png" class="image" alt="" />
</div>
<div class="panel right-panel">
<div class="content">
<h3>One of us ?</h3>
<p>
Welcome Back!! SignIn to generate your results
</p>
<button class="btn transparent" id="sign-in-btn" onclick="href">
Sign in
</button>
</div>
<img src="assets/student-login.png" class="image" alt="" />
</div>
</div>
</div>


<script src="js/Student_Login.js"></script>
</body>
</html>
Binary file added Frontend/assets/student-login.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Frontend/assets/student.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading