Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@BBHUSHAN98
BBHUSHAN98 authored Mar 31, 2022
1 parent 68e2f04 commit a1a639d
Show file tree
Hide file tree
Showing 5 changed files with 1,097 additions and 0 deletions.
73 changes: 73 additions & 0 deletions Register.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./Styles/Register.css">

</head>
<body>
<div id="Register">
<div id="fullimg">
<img src="https://ii1.pepperfry.com/media/wysiwyg/banners/Web_IMG_17Dec_1X_24032022.jpg" alt="">
</div>
<div id="signin">
<form id="form" >
<input type="text" placeholder="Name" id="name">
<br>
<br>
<input type="text" placeholder="Number" id="number">

<br>
<br>
<input type="text" placeholder="Email ID" id="mail">
<br>
<br>
<input type="password" name="" id="pass" placeholder="Password">
<br>
<br>
<input type="submit" id="submit" value="REGISTER">
<p id="p1tag">By registering you agree to our <a id="terms" href="">Terms & Conditions</a> </p>
<br>
<br>

<a href="" id="Login"> Exiting User? Log In</a>
<div id="logo">
<p id="p2tag">OR Continue with</p>
<a href="www.facebook.com" onclick="PF.SOCIAL.authenticateFacebookUser()" id="facebookWidget"><img id="facebook" src="https://ii1.pepperfry.com/images/social_login_fb_2x.png"></a>
<a href="www.google.com" id="googleWidgetReg"><img id="google" src="https://ii1.pepperfry.com/images/social_login_google_2x.png"></a>
</div>



</form>
</div>
</div>
</body>
</html>
<script>
document.querySelector("#form").addEventListener("submit", formSubmit);
var userStack=[]
function formSubmit(event) {
event.preventDefault();
var name = document.querySelector("#name").value;
var number = document.querySelector("#number").value;
var mail = document.querySelector("#mail").value;
var pass = document.querySelector("#pass").value;


var userData = {
Name: name,
Number: number,
email: mail,
password: pass,

};
userStack.push(userData);
console.log("userStack:", userStack);
localStorage.setItem("userDataBase", JSON.stringify(userStack));
window.location.href = "login.html";
}
</script>
125 changes: 125 additions & 0 deletions Styles/Register.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
body {
font-family: Manrope,sans-serif;
}
#Register {
display: flex;
width: 45%;
height: 500px;
margin: auto;
margin-top: 100px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
border: 1px solid rgb(204,204,204);

}
img {
height: 500px;
}
#signin{
padding: 40px;
}
#name {
background: 0 0;
border: 0;
height: 30px;
width: 100%;
background-image: linear-gradient(#d8d8d8,#d8d8d8);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: center bottom;
color: #969696;
}
#number{
background: 0 0;
border: 0;
height: 30px;
width: 100%;
background-image: linear-gradient(#d8d8d8,#d8d8d8);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: center bottom;
color: #969696;
}
#mail {
background: 0 0;
border: 0;
height: 30px;
width: 100%;
background-image: linear-gradient(#d8d8d8,#d8d8d8);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: center bottom;
color: #969696;
}
#pass{
background: 0 0;
border: 0;
height: 30px;
width: 100%;
background-image: linear-gradient(#d8d8d8,#d8d8d8);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: center bottom;
color: #969696;
}
#submit {
background-color: #e75a16;
padding-top: 15px!important;
padding-bottom: 15px!important;
border-radius: 2px!important;
border: none;
display: block;
outline: 0;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
text-transform: uppercase;
font-size: .813rem;
color: white;
}
#p1tag{
font-size: .75rem;
line-height: 17px;
text-align: center!important;
color: rgb(0,0,0);
}
#Login{
border: 1px solid #d8d8d8;
display: block;
letter-spacing: .23px;
padding: 10px;
color: #f16521;
font-size: .813rem;
line-height: 18px;
cursor: pointer;
text-align: center;
}
#p2tag {
font-size: .75rem;
line-height: 17px;
margin-right: 10px;
text-align: center;
color: rgb(150,150,150);

}
#logo{
display: flex;
width: 65%;
height: 5%;
margin-top: 15px;
margin-left: 50px;
}
#facebook {
width: 30px;
height: 30px;
margin-top: 5px;

}
#google {
width: 30px;
height: 30px;
margin-left: 10px;
margin-top: 5px;
}
#terms {
color: black;
}
155 changes: 155 additions & 0 deletions Styles/login.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,155 @@
body {
font-family: Manrope,sans-serif;

}
#Register {
display: flex;
width: 45%;
height: 500px;
margin: auto;
margin-top: 100px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
border: 1px solid rgb(204,204,204);
}

#signin{
padding: 40px;
width: 100%;
color: white;
}
#mail {
background: 0 0;
border: 0;
height: 30px;
width: 100%;
background-image: linear-gradient(#d8d8d8,#d8d8d8);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: center bottom;
color: #969696;
}
#pass{
background: 0 0;
border: 0;
height: 30px;
width: 100%;
background-image: linear-gradient(#d8d8d8,#d8d8d8);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: center bottom;
color: #969696;
}
#submit {
background-color: #e75a16;
padding-top: 15px!important;
padding-bottom: 15px!important;
border-radius: 2px!important;
border: none;
display: block;
outline: 0;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
text-transform: uppercase;
font-size: .813rem;
color: white;
font-weight: 500px;
}
#p1tag{
font-size: .75rem;
line-height: 17px;
text-align: center!important;
color: #f16521;


}
#Login{
border: 1px solid #d8d8d8;
display: block;
letter-spacing: .23px;
padding: 10px;
color: #f16521;
font-size: .813rem;
line-height: 18px;
cursor: pointer;
text-align: center;
}
#p2tag {
font-size: .75rem;
line-height: 17px;
margin-right: 10px;
text-align: center;
color: rgb(150,150,150);

}
#logo{
display: flex;
width: 65%;
height: 5%;
margin-top: 15px;
margin-left: 50px;
}
#facebook {
width: 30px;
height: 30px;
margin-top: 5px;

}
#google {
width: 30px;
height: 30px;
margin-left: 10px;
margin-top: 5px;
}
#terms {
color: black;
}

#fullimg{
background: url("https://ii1.pepperfry.com/images/new_login_modal_bg_2020.jpg");
width: 100%;
height: 100%;
}
h4 {

font-family: 'Playfair Display';
color: #f16521;
font-weight: 700px;
font-size: 16px;
line-height: 22px;
}


#text {
padding: 30px;
}
#ptag {
font-family: Manrope, sans-serif;
font-weight: 400px;
color: #272422;
size: 11px;
}
#login-error-msg-holder {
width: 100%;
height: 100%;
display: grid;
justify-items: center;
align-items: center;
}

#login-error-msg {
width: 23%;
text-align: center;
margin: 0;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #8a0000;
border: 1px solid #8a0000;
background-color: #e58f8f;
opacity: 0;
}

#error-msg-second-line {
display: block;
}
Loading

0 comments on commit a1a639d

Please sign in to comment.