login

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>log in</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="m" align="center" >Login Page</div>
<input type="username" name="username" placeholder="Username" />
<br/><hr color="black" />
<input type="password" name="password" placeholder="Password" /><br/><br />
<a href="forgetpass.html">Forget password?</a>
<center><br />
<button type="submit">Log in</button></center>

<div class="container">
  <h1></h1>
</div>

<script src="script.js"></script>

</body>
</html>
@charset "UTF-8";
.m{
  color: black;
  width: 100%;
}
a{
  color: black;
  text-decoration: none;
  
}
body {
  background: #f8f8f8;
  background-color: white;
}

/*table{
  background-color: black;
  //width: 50%;
  //height: 90px;
  }*/
input{
  width: 100%;
  height: 30px;
  border-right: 30px;
  border-bottom: 30px;
  border-left-color: black;
  border-top: 30px;
  border-radius: 1px;
  color: blue;
  font-family: titling-caps;
  font-size: 70%;
}
button:hover{
  font-family: titling-caps;
  height: 26px;
  border=50px;
  border-radius: 3px;
  width: 150px;
  border-color: blue;
  background-color: blue;
  color: white;
}
button{
  font-family: titling-caps;
  height: 26px;
  border=50px;
  border-radius: 3px;
  width: 150px;
  border-color: black;
  color: black;
  background-color: white;
}
hr{
  height: 1%;
  width: 100%;
}
window.addEventListener('load', function() {
  document.querySelector('h1').innerHTML = 'login';
}, false);
Full page Open in App

15 days ago

login

Pages


comments powered by Disqus