CINXE.COM
Are you human?
<!doctype html> <html> <head> <title>Are you human?</title> <script src='https://www.google.com/recaptcha/api.js'></script> <style> html, body { height: 100%; background: #f1f1f1; color: #72777c; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 28px; } div { margin: auto; text-align: center; vertical-align: middle; position: relative; } #container { top: 25%; max-width: 340px; min-width: 340px; background: #fff; padding: 16px 16px 16px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } form { padding: 10px; } input { height: 30px; padding: 0 12px 2px; background: #0085ba; border-color: #0073aa #006799 #006799; -webkit-box-shadow: 0 1px 0 #006799; box-shadow: 0 1px 0 #006799; color: #fff; line-height: 28px; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; border-radius: 3px; cursor: pointer; margin-top: 20px; } </style> </head> <body> <div id='container'> <p>Are you human?</p> <form action="" method="POST"> <script src="https://www.google.com/recaptcha/api.js" async defer></script><div class="g-recaptcha" data-sitekey="6Lf100wUAAAAAI4vAIqwTfuyUNHcYa7NQSidm9NY"></div> <input type="submit" name="submit" value="Continue"> </form> </div> </body> </html>