signuppage.html

<html>
<head>
    <title>signup page</title>
    <link rel="stylesheet" href="signuppage.css">
</head>
<body>
    <div class="hero">
    <div class="form-box">
        <div class="button-box">
            <div id="btn"></div>
            <button type="button" class="toggle-btn">Register</button>
        </div>
        <div class="social-icons">
            <img src="login-reg-img/fb.png">
            <img src="login-reg-img/tw.png">
            <img src="login-reg-img/gp.png">
        </div>
        <form id="register" class="input-group">
            <input type="text" class="input-field" placeholder="User Id" required>
            <input type="email" class="input-field" placeholder="Email Id" required>
            <input type="password" class="input-field" placeholder="Create Password" required>
            <input type="password" class="input-field" placeholder="Conform Password" required>
            <input type="checkbox" class="chech-box"><span>I agree to the terms & conditions</span>
            <button type="submit" class="submit-btn">Register</button>
        </form>
    </div>
    
    </div>
    <script>
        var y = document.getElementById("resister")
        var z = document.getElementById("btn");
    </script>
</body>
</html>