index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>GLassmorphism Sign Up Page</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="form">
        <form>
            <center>
                <h2>Hey there !</h2>
                <h2>Sign in here</h2>
                <input type="text" placeholder="Your name" required /><br>
                <input type="email" placeholder="youremail@email.com" required /><br>
                <input type="text" placeholder="+91 xxxxxxxxxx" required /><br>
                <input type="password" placeholder="Password" required /><br>
                <input class="button" type="submit" value="Sign In" /><br>
        </form>
        <div> Already have account ? Login</div>
        <div class="circle circleLeft"></div>
        <div class="circle circleRight"></div>
        </center>

    </div>
</body>

</html>