Untitled

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Google Login</title>
        <style>
            body {
                margin: 0;
            }
            .frame{
                text-align: center;
                  }
            h1 {
                font-family: sans-serif;
                font-size: 38px;
                font-weight: 100;
                color: #555;
            }
            h2 {
                font-family: sans-serif;
                font-size: 16px;
                font-weight: lighter;
                color: #555;
            }
            .login {
                background-color: #f7f7f7;
                width: 25%;
                height: 300px;
                margin: 0 auto;
                border: 1px solid #f7f7f7;
                border-radius:  9px;
                border-bottom: 2px solid gray;
                }
            #within {
                top: 400px;
            }
            .weiter {
                background-color: #3079ed;
                border-color: 1px solid #3079ed;
                border-radius: 5px;
                color: white;
                font-size: 12px;
                position: relative;
                bottom: -60px;
                width: 250px;
                height: 35px;
                }
            #Email {
                color: white;
                font-size: 14px;
                width: 244px;
                height: 35px;
                position: relative;
                bottom: 25px;

            }
            #lost {
                position: relative;
                bottom: -60px;
                right: -97px;
                font-size: 14px;
                text-decoration: none;
            }
            #konto {
                font-size: 14px;
                text-decoration: none;
                text-align: center;
            }
            .dienste {
                font-family: sans-serif;
                font-size: 16px;
                font-weight: lighter;
                color: #555;
                text-align: center
            }

            .footer {
                border-top: 1px solid #EDEDED;
                width: 100%;
                    }
            .footer ul li {
                list-style-type: none;
                margin: 20px;
                color: #737373;
                font-size: 13px;
                display: inline;
                text-decoration-line: none;
                           }
            .footer2 {
                font-size: 15px;
                float: right;
                position: absolute;
                right: 50px;
                bottom: -85px;
                    }
            .footer3 {
                float: right;
                position: absolute;
                right: 130px;
                bottom: -90px;
                    }

        </style>
    </head>
    <body>
        <div class="frame">
                <img src="Google_logo_narrow.png">
                <h1> Einmal anmelden. Alle Google-Produkte nutzen </h1>
                <h2> Mit Ihrem Google-Konto anmelden </h2>
            <div class="login" >
                <br>
                <div id="within" >
                <img src="profile.png">
                </div>
                <button class="weiter">Weiter</button>
                <input id="Email" name="Email" placeholder="E-Mail-Adresse eingeben">

                <div id="lost">
                <a href="www.google.com"> Mein Konto finden </a>
            </div>
            </div>
        </div>
        <br>
        <div id="konto">
        <a href="www.google.com"> Konto erstellen </a>
           </div>
        <br>
        <div class="dienste">
                <p> Ein Google-Konto für alle Google-Dienste
                </p>
                <img src="all_icons.png">
        </div>
        <br>
        <br>
        <div class="footer">
            <ul>
                <li><a href="www.google.com">Über Google</a></li>
                <li><a href="www.google.com">Datenschutz</a></li>
                <li><a href="www.google.com">Nutzungsbedingungen</a></li>
                <li><a href="www.google.com">Hilfe</a></li>
            </ul>
        <div class="footer2">
            <select>
                <option> Deutsch </option>
                <option> English </option>
                <option> Italiano </option>
                <option> Español </option>
            </select>
            </div>
        <div class="footer3">
            <img src="lang.png">
        </div>
        </div>

    </body>
</html>