sign-up.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./download.png">
    <title> Responsive Form</title>
    <link rel="stylesheet" href="object.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">

</head>


<body>
    <section class="sign-in">
        <article class="sign-in-details">
            <h1>Sign In</h1>
            <p>Log in your details</p>
            <form action="" class="sign-in-form">
                <div class="form-control">
                    <label for="email">Full Name </label>
                    <input type="text" name="" id="full name " placeholder="Enter your full name ">

                </div>
                <div class="form-control">
                    <label for="password"> Email</label>
                    <input type="text" name="" id="email" placeholder="Enter your email">


                </div>
                <div class="form-control">
                    <label for="password"> Password </label>
                    <input type="text" name="" id="password" placeholder="Enter your password ">


                </div>
                <div class="form-control">
                    <label for="password"> Comfirm  Password </label>
                    <input type="text" name="" id=" comfirm password" placeholder="Enter your  comfirm password ">


                </div>
                <div class="sign-in-etras">
                    <div>
                        <input type="checkbox" name="" id="remember">
                        <label for="remember"> Remember 30 for days </label>

                    </div>
                    <a href="">Forget Password?</a>
                    <div>
                        <button class="btn primary" type="button"> Sign Up </button>
                        <button class="btn">
                            <img src="./download.png" alt="google logo">
                            <p>Sign in with Google</p>

                        </button>
                        <small class="next-page">Don't have an account?  <a href="sign-up.html">Sign Up</a> </small>

                    </div>


                </div>


            </form>





        </article>
        <article class="sign-in-logo">
            <div>
                <img src="./0001.png" alt="sign in image">
            </div>

        </article>

    </section>





</body>

</html>