diff options
| author | Mark Otto <[email protected]> | 2013-02-12 12:44:41 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-02-12 12:44:41 -0800 |
| commit | e45f12ad427fddc9d9859fe86423bd49795d4f43 (patch) | |
| tree | 3f2a0126f7474579ffde037b86738f6d64d62644 /docs/examples/signin.html | |
| parent | 8174705be8a78258a9167fab0800549978233b6c (diff) | |
| download | bootstrap-e45f12ad427fddc9d9859fe86423bd49795d4f43.tar.xz bootstrap-e45f12ad427fddc9d9859fe86423bd49795d4f43.zip | |
rearrange jekyll and docs
Diffstat (limited to 'docs/examples/signin.html')
| -rw-r--r-- | docs/examples/signin.html | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/docs/examples/signin.html b/docs/examples/signin.html new file mode 100644 index 000000000..899bc6f5d --- /dev/null +++ b/docs/examples/signin.html @@ -0,0 +1,113 @@ +<!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> |