Scribd
Upload
34 views2 pages

BB

This document is an HTML template for the BisonBank online banking login page. It includes a styled login form with fields for username and password, as well as a button to submit the form. Additionally, there is a footer with a link for users who have forgotten their password.

Uploaded by

anonymous.users.ae.13
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
34 views2 pages

BB

This document is an HTML template for the BisonBank online banking login page. It includes a styled login form with fields for username and password, as well as a button to submit the form. Additionally, there is a footer with a link for users who have forgotten their password.

Uploaded by

anonymous.users.ae.13
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BisonBank Online Banking</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f8f4e9;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.login-container {
width: 380px;
background-color: white;
padding: 35px;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border: 1px solid #d6c7b0;
}

.logo {
text-align: center;
margin-bottom: 30px;
color: #5c4d3d;
font-size: 32px;
font-weight: bold;
}

.form-group {
margin-bottom: 25px;
}

label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #5c4d3d;
}

input[type="text"],
input[type="password"] {
width: 100%;
padding: 12px 15px;
border: 2px solid #d6c7b0;
border-radius: 8px;
box-sizing: border-box;
font-size: 16px;
}

button {
width: 100%;
padding: 14px;
background: linear-gradient(to right, #8c7b6b, #5c4d3d);
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 17px;
font-weight: 600;
}

.footer {
text-align: center;
margin-top: 25px;
font-size: 13px;
color: #8c7b6b;
}
</style>
</head>
<body>
<div class="login-container">
<div class="logo">BisonBank</div>
<form action="login.aspx" method="post">
<div class="form-group">
<label for="username">Username</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit">Login</button>
<div class="aspNetHidden">
<input type="hidden" name="__CUSTOMVIEWSTATE"
id="__CUSTOMVIEWSTATE"
value="/wEPDwUJNzgzNDMwNTMzDxYCHhNWYWxpZGF0ZVJlcXVlc3RNb2RlAgFkZA==" />
</div>
</form>
<div class="footer">
<p>Forgot your password? <a href="#">Click here</a></p>
</div>
</div>
</body>
</html>

You might also like