Untitled

<!DOCTYPE html>
<html>
<body style="background-color:#6666ff;">
  <style>
  main {
      display: block;
      background-color: #002db3;
      padding: 50px;
      font-size: 20px;
  }
a:link
{

}
  </style>

<main>
<form action="/action_page.php" method="post">

    <h1><span style="color:white">Sign In</span></h1>
    Username:<br>
    <input type="text" name="username">
    <br>
    Password:<br>
    <input type="text" name="password">
    <br>
    <p>The characters in a password field are masked (shown as asterisks or circles).</p>

<input type="submit" value="Login">
<br>
<br>
<br>
<input type="radio" name="XYZ" value="Remember Me" checked> Remember Me
<a span style="color:white" href="https://www.w3schools.com/html/">Forgot Password ?</a>
<br>
</form>

<p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p>
<button type="button" onclick="alert('Hello World!')">Login with Facebook</button>
<button type="button" onclick="alert('Hello World!')">Login with Twitter</button><br><br>
<a span style="color:white" href="https://www.w3schools.com/html/">Need a account ?</a>
<button type="button" onclick="alert('Hello World!')">Sign Up</button>
</main>

</body>
</html>