diff options
| author | Mark Otto <[email protected]> | 2013-02-14 23:38:00 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-02-14 23:38:00 -0800 |
| commit | aa5f09037133f22093c4b97d15451d4e54180ba2 (patch) | |
| tree | 6bad3d35ed53f3be0a1d57237a9d676e3513dcf0 /docs/examples/signin.html | |
| parent | 41ef649aa31745537674908d2f4d4f161f4867a5 (diff) | |
| download | bootstrap-aa5f09037133f22093c4b97d15451d4e54180ba2.tar.xz bootstrap-aa5f09037133f22093c4b97d15451d4e54180ba2.zip | |
Make example pages use Jekyll; add sticky footer navbar image to examples
Diffstat (limited to 'docs/examples/signin.html')
| -rw-r--r-- | docs/examples/signin.html | 181 |
1 files changed, 68 insertions, 113 deletions
diff --git a/docs/examples/signin.html b/docs/examples/signin.html index 899bc6f5d..ce3d312dc 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -1,113 +1,68 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>Sign in form template · Bootstrap</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="description" content=""> - <meta name="author" content=""> - - <!-- Bootstrap core CSS --> - <link href="../assets/css/bootstrap.css" rel="stylesheet"> - - <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> - <!--[if lt IE 9]> - <script src="../assets/js/html5shiv.js"></script> - <script src="../assets/js/respond/respond.min.js"></script> - <![endif]--> - - <!-- Fav and touch icons --> - <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> - <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> - <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> - <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> - <link rel="shortcut icon" href="../assets/ico/favicon.png"> - - <!-- Custom styles for this template --> - <style> - - body { - padding-top: 40px; - padding-bottom: 40px; - background-color: #eee; - } - - .form-signin { - max-width: 300px; - padding: 30px; - margin: 0 auto; - } - .form-signin .form-signin-heading, - .form-signin .checkbox { - margin-bottom: 10px; - } - .form-signin .checkbox { - font-weight: normal; - } - .form-signin input[type="text"], - .form-signin input[type="password"] { - position: relative; - font-size: 16px; - height: auto; - padding: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .form-signin input[type="text"]:focus, - .form-signin input[type="password"]:focus { - z-index: 2; - } - .form-signin input[type="text"] { - margin-bottom: -1px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - .form-signin input[type="password"] { - margin-bottom: 10px; - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - </style> - </head> - - <body> - - - - <div class="container"> - - <form class="form-signin"> - <h2 class="form-signin-heading">Please sign in</h2> - <input type="text" class="input-block-level" placeholder="Email address" autofocus> - <input type="password" class="input-block-level" placeholder="Password"> - <label class="checkbox"> - <input type="checkbox" value="remember-me"> Remember me - </label> - <button class="btn btn-large btn-primary btn-block" type="submit">Sign in</button> - </form> - - </div> <!-- /container --> - - - - <!-- Bootstrap core JavaScript - ================================================== --> - <!-- Placed at the end of the document so the pages load faster --> - <script src="../assets/js/jquery.js"></script> - <script src="../assets/js/bootstrap-transition.js"></script> - <script src="../assets/js/bootstrap-alert.js"></script> - <script src="../assets/js/bootstrap-modal.js"></script> - <script src="../assets/js/bootstrap-dropdown.js"></script> - <script src="../assets/js/bootstrap-scrollspy.js"></script> - <script src="../assets/js/bootstrap-tab.js"></script> - <script src="../assets/js/bootstrap-tooltip.js"></script> - <script src="../assets/js/bootstrap-popover.js"></script> - <script src="../assets/js/bootstrap-button.js"></script> - <script src="../assets/js/bootstrap-collapse.js"></script> - <script src="../assets/js/bootstrap-carousel.js"></script> - <script src="../assets/js/bootstrap-typeahead.js"></script> - - </body> -</html> +--- +layout: example +title: Sign in form template +--- + +<!-- Custom styles for this template --> +<style> + + body { + padding-top: 40px; + padding-bottom: 40px; + background-color: #eee; + } + + .form-signin { + max-width: 300px; + padding: 30px; + margin: 0 auto; + } + .form-signin .form-signin-heading, + .form-signin .checkbox { + margin-bottom: 10px; + } + .form-signin .checkbox { + font-weight: normal; + } + .form-signin input[type="text"], + .form-signin input[type="password"] { + position: relative; + font-size: 16px; + height: auto; + padding: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .form-signin input[type="text"]:focus, + .form-signin input[type="password"]:focus { + z-index: 2; + } + .form-signin input[type="text"] { + margin-bottom: -1px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + .form-signin input[type="password"] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + +</style> + + + +<div class="container"> + + <form class="form-signin"> + <h2 class="form-signin-heading">Please sign in</h2> + <input type="text" class="input-block-level" placeholder="Email address" autofocus> + <input type="password" class="input-block-level" placeholder="Password"> + <label class="checkbox"> + <input type="checkbox" value="remember-me"> Remember me + </label> + <button class="btn btn-large btn-primary btn-block" type="submit">Sign in</button> + </form> + +</div> <!-- /container --> |