DOCTYPE HTML>
<html>
<head>
<title>home</title>
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta-Tags -->
<!-- Stylesheets -->
<link href="style.css" rel='stylesheet' type='text/css' />
</head>
<body>
<div class="w3ls-login">
<!-- form starts here -->
<form action="#" method="post">
<div class="w3ls-ribbon">
<div class="ribbon-wrapper">
<div class="glow"> </div>
<div class="ribbon-front">
<h2>login to your account</h2>
</div>
</div>
</div>
<div class="agile-field-txt">
<label>
Username :</label>
<input type="text" name="name" placeholder=" "
required="" />
</div>
<div class="agile-field-txt">
<label>
password :</label>
<input type="password" name="password" placeholder=" "
required="" id="myInput" />
<div class="agile_label">
<input id="check3" name="check3" type="checkbox"
value="show password" onclick="myFunction()">
<label class="check" for="check3">Show
password</label>
</div>
</div>
<!-- script for show password -->
<script>
function myFunction() {
var x = document.getElementById("myInput");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
<!-- //script for show password -->
<div class="w3ls-login w3l-sub">
<input type="submit" value="Login">
</div>
<p class="agile-bot">don't have an account?
<a href="sig.html">Sign up</a>
</p>
</form>
</div>
<!-- //form ends here -->
<div class="copy-wthree">
</div>
</body>
</html>