Untitled


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>LOGIN</title>
<script type="text/javascript">

</script>
<style>
body{
	margin:0;
	font-family: Segoe UI;
}
.container{
	margin:0;
	background-color:green;
	min-height: 500px
}
.login-form {
	font-size: 20px;
	font-family: Segoe UI;
	text-align: left;
	/* border-radius: 30px; */
	left: 25%;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.6);
	color: black;
}

.wrapper-login-form {
	margin-left: 65%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	text-align: center;
	margin-right: 10%;
	margin-top: 10%
}

.btn {
	padding: 10px
}

</style>
</head>
<body>
	<div class="container">
	<h2 align="center" style="color:orange">Login Page</h2>
		<div class="wrapper-login-form">

			<div class="login-form">

				<span style="font-size: 2em;">Login</span> <br> <label
					for="useraname"> Username </label> <br> <input id="useraname"
					class="form-control" type="text" /> <br /> <label for="password">
					Password </label> <br>
				<input id="password" type="password" class="form-control" /> <br />
				<button class="btn btn-default" onclick="login(); return false;">Login</button>


			</div>
		</div>
	</div>
</body>
</html>