gmail

<!DOCTYPE html>
<html>
<head>
<title>Gmail</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
    <style>
        fieldset{
            width: 400px;
            height: 400px;
            border-radius: 30px;
        }
    .e{
        width: 360px;
        height: 30px;
    }
    .d{
        margin-right: 9%;
        width: 160px;
        height: 30px;

    }
    .g{
        height: 30px;
    }

    .b{
        margin-left: 65%;
        background-color: royalblue;
        color: white;
        width: 100px;
        height: 30px;
        border-radius: 5px;
    }
    .p{
        margin-right: 9%;
        height: 30px;
    }
    .k{
        height: 30px;
    }
    </style>
</head>
<body>
        <section>
            <fieldset>
                    <img src="googlelogo.png" width="100" height="40";
             <div>
                 <h1>Buat Akun Google</h1>
                 <h3>Lanjutkan ke Gmail</h3>
             </div>
                <div>
                    <input class="d" type="text" placeholder=" Nama Depan">
                    <input class="g" type="text" placeholder=" Nama Belakang"

                </div>
                <br>
                <br>
                <div>
                    <input class="e" type="text"placeholder=" Email Pengguna">
                </div>
                <br>
                <div>
                    <input class="p" type="password" placeholder=" Pasword">
                    <input class="k" type="password" placeholder=" Konfirmasi"><br><br>
                    <button class="b" type="submit">berikutnya</button>
                </div>


            </fieldset>
        </section>
</body>
</html>