Last active
April 28, 2026 02:55
-
-
Save robdimarco/d67e10846372ea64cf2fdb2faf7f296d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html, | |
| body { | |
| height: 100%; | |
| } | |
| body { | |
| display: -ms-flexbox; | |
| display: -webkit-box; | |
| display: flex; | |
| -ms-flex-align: center; | |
| -ms-flex-pack: center; | |
| -webkit-box-align: center; | |
| align-items: center; | |
| -webkit-box-pack: center; | |
| justify-content: center; | |
| padding-top: 40px; | |
| padding-bottom: 40px; | |
| background-color: #f5f5f5; | |
| } | |
| .form-signin { | |
| width: 100%; | |
| max-width: 330px; | |
| padding: 15px; | |
| margin: 0 auto; | |
| } | |
| .form-signin .checkbox { | |
| font-weight: 400; | |
| } | |
| .form-signin .form-control { | |
| position: relative; | |
| box-sizing: border-box; | |
| height: auto; | |
| padding: 10px; | |
| font-size: 16px; | |
| } | |
| .form-signin .form-control:focus { | |
| z-index: 2; | |
| } | |
| .form-signin input[type="email"] { | |
| margin-bottom: -1px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .form-signin input[type="password"] { | |
| margin-bottom: 10px; | |
| border-top-left-radius: 0; | |
| border-top-right-radius: 0; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico"> | |
| <title>Signin Template for Bootstrap</title> | |
| <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/sign-in/"> | |
| <!-- Bootstrap core CSS --> | |
| <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <!-- Custom styles for this template --> | |
| <link href="signin.css" rel="stylesheet"> | |
| </head> | |
| <body class="text-center"> | |
| <form class="form-signin"> | |
| <img class="mb-4" src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> | |
| <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1> | |
| <label for="inputEmail" class="sr-only">Email address</label> | |
| <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> | |
| <label for="inputPassword" class="sr-only">Password</label> | |
| <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> | |
| <div class="checkbox mb-3"> | |
| <label> | |
| <input type="checkbox" value="remember-me"> Remember me | |
| </label> | |
| </div> | |
| <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> | |
| <p class="mt-5 mb-3 text-muted">© 2017-2018</p> | |
| </form> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment