Skip to content
Permalink
main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

final-year-project-/login.html

Go to file
 
 
Cannot retrieve contributors at this time
461 lines (421 sloc) 18.2 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Blockchain Bank</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- Css Styles -->
<link rel="stylesheet" href="http://localhost:3000/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/themify-icons.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/nice-select.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/jquery-ui.min.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/login.css" type="text/css">
<link rel="stylesheet" href="http://localhost:3000/css/animate.min.css" type="text/css">
<script src="./node_modules/web3/dist/web3.min.js"></script>
<style>
button {
background-color: aquamarine;
font-size: 33px;
padding: 5px;
font-family: Impact;
}
input {
width: 25vw;
height: 30px;
font-size: 25px;
font-family: tahoma;
outline: none;
}
#readArea {
flex-basis: 50%;
}
#writeArea {
flex-basis: 50%;
}
button:hover {
background-color: yellow;
}
</style>
</head>
<body>
<section>
<!-- Header Section Begin -->
<header class="header-section">
<div class="top-nav">
<div class="container">
<div class="row">
<div class="col-lg-7">
<nav class="main-menu">
<ul>
<li class="active"><a href="./index.html">Home</a></li>
<li><a href="">Accounts</a></li>
<li><a href="">Payment</a></li>
<li><a href="">Services</a></li>
<li><a href="">Investments</a></li>
</ul>
</nav>
</div>
<div class="col-lg-5">
<div class="top-right">
<a href="#" class="property-sub" style="background: transparent;">SignOut</a>
</div>
</div>
</div>
</div>
</div>
<div class="nav-logo">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="logo">
<a href="./index.html"><img style="margin-top: -1rem; height:4rem;" alt=""></a>
</div>
</div>
<div class="col-lg-9">
<div class="nav-logo-right">
<ul>
<li>
<i class="icon_phone"></i>
<div class="info-text">
<span>Phone:</span>
<p class="p1">07798686617</p>
</div>
</li>
<li>
<i class="icon_map"></i>
<div class="info-text">
<span>Address:</span>
<p class="p1">13 15 Edward Road, <span>UK</span></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
</section>
<section style="background-image: url(img/interest-rate-finder.jpg); padding-top: 1%; padding-bottom: 4%;">
<div class="container1">
<div class="overlay" id="overlay">
<div class="sign-in" id="sign-in">
<h1>Welcome Back!</h1>
<p>To keep connected with us please login with your personal info</p>
<button class="switch-button" id="slide-right-button">Sign In</button>
</div>
<div class="sign-up" id="sign-up">
<h1>Hello, Friend!</h1>
<p>Enter your personal details and start a journey with us</p>
<button class="switch-button" id="slide-left-button">Sign Up</button>
</div>
</div>
<div class="form">
<div class="sign-in" id="sign-in-info">
<h1>Sign In</h1>
<form id="sign-in-form">
<input type="email" placeholder="Email" id="mail">
<input type="password" placeholder="Password" id="pass">
<p class="forgot-password">Forgot your password?</p>
<button class="control-button in" id="inbutton" onclick="check(this.form)">Sign In</button>
</form>
</div>
<div class="sign-up" id="sign-up-info">
<h1>Create Account</h1>
<form id="sign-up-form">
<input type="text" placeholder="Name" id="name">
<input type="email" placeholder="Email" id="email">
<input type="password" placeholder="Password" id="password">
<input type="tel" maxlength="10" placeholder="Contact-Number" id="contact">
<button class="control-button up" id="button">Sign Up</button>
</form>
</div>
</div>
</div>
</section>
<!-- footer start -->
<footer class="footer">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-xl-3 col-md-6 col-lg-3">
<div class="footer_widget">
<div class="footer_logo">
<a href="#">
<img src="img/logo.png" style=" height: 3rem; margin-top: -2rem;" alt="">
</a>
</div>
<p>
<a href="#">dhruvsheth67@support.com</a> <br> +91 814 046 8911 <br> 8/D, Green road, Pune.
</p>
<div class="socail_links">
<ul>
<li>
<a href="#">
<i class="ti-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="ti-twitter-alt"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-md-6 col-lg-3">
<div class="footer_widget">
<h3 class="footer_title">
Services
</h3>
<ul>
<li><a href="#">Home Loan</a></li>
<li><a href="#">Offers</a></li>
<li><a href="#">Car Loan</a></li>
<li><a href="#">Investment & Insurance</a></li>
<li><a href="#">Money Transfer</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-md-6 col-lg-2">
<div class="footer_widget">
<h3 class="footer_title">
Useful Links
</h3>
<ul>
<li><a href="#">Interest Rates % Service Charges</a></li>
<li><a href="#">EMI Calculator</a></li>
<li><a href="#">Customer Service</a></li>
<li><a href="#">FAQs</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget">
<h3 class="footer_title">
Subscribe
</h3>
<form action="#" class="newsletter_form">
<input type="text" placeholder="Enter your mail">
<button type="submit">Subscribe</button>
</form>
<p class="newsletter_text">Please mention your email-id to get notifications about our offers. </p>
</div>
</div>
</div>
</div>
</div>
<div class="copy-right_text">
<div class="container">
<div class="footer_border"></div>
<div class="row">
<div class="col-xl-12">
<p class="copy_right text-center">
Copyright &copy;
<script>
document.write(new Date().getFullYear());
</script> Bank of Blockchain. All rights reserved
</p>
</div>
</div>
</div>
</div>
</footer>
<!--/ footer end -->
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript">
var overlay = document.getElementById("overlay");
var openSignUpButton = document.getElementById("slide-left-button");
var openSignInButton = document.getElementById("slide-right-button");
var leftText = document.getElementById("sign-in");
var rightText = document.getElementById("sign-up");
var accountForm = document.getElementById("sign-in-info")
var signinForm = document.getElementById("sign-up-info");
openSignUp = () => {
leftText.classList.remove("overlay-text-left-animation-out");
overlay.classList.remove("open-sign-in");
rightText.classList.remove("overlay-text-right-animation");
accountForm.className += " form-left-slide-out"
rightText.className += " overlay-text-right-animation-out";
overlay.className += " open-sign-up";
leftText.className += " overlay-text-left-animation";
setTimeout(function() {
accountForm.classList.remove("form-left-slide-in");
accountForm.style.display = "none";
accountForm.classList.remove("form-left-slide-out");
}, 700);
setTimeout(function() {
signinForm.style.display = "flex";
signinForm.classList += " form-right-slide-in";
}, 200);
}
// Open the Sign In page
openSignIn = () => {
leftText.classList.remove("overlay-text-left-animation");
overlay.classList.remove("open-sign-up");
rightText.classList.remove("overlay-text-right-animation-out");
signinForm.classList += " form-right-slide-out";
leftText.className += " overlay-text-left-animation-out";
overlay.className += " open-sign-in";
rightText.className += " overlay-text-right-animation";
setTimeout(function() {
signinForm.classList.remove("form-right-slide-in")
signinForm.style.display = "none";
signinForm.classList.remove("form-right-slide-out")
}, 700);
setTimeout(function() {
accountForm.style.display = "flex";
accountForm.classList += " form-left-slide-in";
}, 200);
}
// When a 'switch' button is pressed, switch page
openSignUpButton.addEventListener("click", openSignUp, false);
openSignInButton.addEventListener("click", openSignIn, false);
//connection
if (typeof web3 !== 'undefined') {
web3 = new Web3(web3.currentProvider);
} else {
web3 = new Web3(new Web3.providers.HttpProvider("Http://localhost:7545"));
}
web3.eth.defaultAccount = web3.eth.accounts[0];
var SimpleContract = web3.eth.contract([
{
"inputs": [
{
"internalType": "string",
"name": "name",
"type": "string"
},
{
"internalType": "string",
"name": "email",
"type": "string"
},
{
"internalType": "string",
"name": "password",
"type": "string"
},
{
"internalType": "uint256",
"name": "contact",
"type": "uint256"
}
],
"name": "set",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"name": "get",
"outputs": [
{
"internalType": "string",
"name": "",
"type": "string"
},
{
"internalType": "string",
"name": "",
"type": "string"
},
{
"internalType": "string",
"name": "",
"type": "string"
},
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
}
]);
var SimpleStorage = SimpleContract.at("0x214E70F528F7bDe38f5BC80bd35D142F28e3B88D");
var input = document.getElementById('name');
var input1 = document.getElementById('email');
var input2 = document.getElementById('password');
var input3 = document.getElementById('contact');
var button = document.getElementById('button');
button.addEventListener('click', function() {
SimpleStorage.set(input.value, input1.value, input2.value, input3.value);
alert("Your information is saved")
});
var LoginContract = web3.eth.contract([
{
"inputs": [
{
"internalType": "string",
"name": "email",
"type": "string"
},
{
"internalType": "string",
"name": "password",
"type": "string"
}
],
"name": "set",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"name": "get",
"outputs": [
{
"internalType": "string",
"name": "",
"type": "string"
},
{
"internalType": "string",
"name": "",
"type": "string"
}
],
"stateMutability": "view",
"type": "function"
}
]);
var Login = LoginContract.at("0xD8e441c93a585F1e8F602FaBc690F6A9df097205");
var input8 = document.getElementById("mail");
var input9 = document.getElementById("pass");
var inbutton = document.getElementById('inbutton');
function check(form) {
if (form.mail.value == "Harshil98@gmail.com" && form.pass.value == "Rko67") {
window.open('http://127.0.0.1:3000/index.html', '_self')
} else {
alert("username and password you entered is not working")
}
}
inbutton.addEventListener('click', function() {
Login.set(input8.value, input9.value);
});
</script>
</body>
</html>