index.html

<!-- 
   Creator           : Coding's Time
   Youtube Channel   : https://www.youtube.com/channel/UC6dnKqrImGWqMb9ty1n0Ziw
   Github            : https://github.com/codingstime
 -->

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Glassmorphism Login Form | Coding's Time</title>

   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
   <link rel="stylesheet" href="./style.css">
</head>

<body>

   <form action="" class="form bg-glass">
      <div class="profile bg-glass">
         <i class="fas fa-user"></i>
      </div>
      <input type="text" class="input bg-glass" placeholder="Username">
      <input type="password" class="input bg-glass" placeholder="Password">
      <button type="submit" class="button bg-glass">Login</button>
      <p class="register">Don't have an account? <a href="">Register</a></p>
   </form>

</body>

</html>