<!DOCTYPE html>
<html>
  <head>
    <title>Login Form </title>
    <link rel="stylesheet" href="styles.css"/>
  </head>
  <body>
      <h2> Login Page </h2><br>
      <div class="Login">
        <form id="login" method="get" action="login.php">
          <label><b> Enter Your Name </b></label>
          <input type="text" name="Uname" id="Uname" placeholder="Enter Your Name">
          <br></br>
          <label><b> Password </b></label>
          <input type="password" name="pass" id="pass" placeholder="password">
          <br><br>
          <input type="button" name="log" id="log" value="Log in Here">
          <br><br>
          <input type="chekbox" id="chekbox">
          <span>Remember me </span>
          <br><br>
          Forget <a href="#">password</a>
        </form>
     </div>
  </body>
</html>

index.html

body{
  margin:0;
  padding:0;
  font-family: 'Arial';
  background-color:red;
  background-radius;35px;
  overflow: hidden;
  text-align;center;
}
.login{
  width: 382px;  
  overflow: hidden;  
  margin: auto;  
  margin: 20 0 0 450px;  
  padding: 80px;  
  background: #23463f;  
  border-radius: 15px ;
}
.div{
  background-color:#6abadeba;
  background-radius;35px;
}
h2{  
    text-align: center;  
    color: #277582;  
    padding: 20px;  
}  
label{  
    color: Black;  
    font-size: 19px;  
}  
#Uname{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
}  
#Pass{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
      
}  
#log{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 17px;  
    padding-left: 7px;  
    color: blue;
    font-size:21px;
  
  
}  
span{  
    color: blue;  
    font-size: 17px;  
}  
a{  
    float: right;  
    background-color:white;  
}  