login.html
Thu Apr 13 2023 07:05:37 GMT+0000 (Coordinated Universal Time)
Saved by @namnt
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Spring Boot Security</title> </head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body { font-family: Arial, Helvetica, sans-serif; } * { box-sizing: border-box; } .container { position: relative; border-radius: 5px; padding: 20px 0 30px 0; margin-top: 90px; } input, .btn { width: 100%; padding: 12px; border: none; border-radius: 4px; margin: 5px 0; opacity: 0.85; display: inline-block; font-size: 17px; line-height: 20px; text-decoration: none; } input:hover, .btn:hover { opacity: 1; } .fb { background-color: #3B5998; color: white; } .twitter { background-color: #55ACEE; color: white; } .google { background-color: #dd4b39; color: white; } .github { background-color: #000000; color: white; } /* style the submit button */ input[type=submit] { background-color: #04AA6D; color: white; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; } /* Two-column layout */ .col { float: unset; width: 20%; margin: auto; padding: 0 50px; margin-top: 6px; } /* Clear floats after the columns */ .row:after { content: ""; display: inherit; clear: both; } @media screen and (max-width: 650px) { .col { width: 100%; margin-top: 0; } .hide-md-lg { display: block; text-align: center; } } </style> <body> <div class="container"> <div class="row"> <h2 style="text-align:center">Login with Social</h2> <div class="col"> <a href="#" class="fb btn"> <i class="fa fa-facebook fa-fw"></i> Login with Facebook </a> <a href="#" class="twitter btn"> <i class="fa fa-twitter fa-fw"></i> Login with Twitter </a> <a href="#" class="github btn"> <i class="fa fa-github fa-fw"></i> Login with Github </a> <a href="https://accounts.google.com/o/oauth2/auth?scope=email&redirect_uri=http://localhost:8085/login-google&response_type=code &client_id=993799018156-hnn5t4gl244r74f3l7h06grigp75tipg.apps.googleusercontent.com&approval_prompt=force" class="google btn"> <i class="fa fa-google fa-fw"></i> Login with Google </a> </div> </div> </div> </body> </html>
Comments