git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/docs/examples/signin.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Sign in &middot; Twitter Bootstrap</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <!-- Le styles -->
  11     <link href="../assets/css/bootstrap.css" rel="stylesheet">
  12     <style type="text/css">
  13       body {
  14         padding-top: 40px;
  15         padding-bottom: 40px;
  16         background-color: #f5f5f5;
  17       }
  18
  19       .form-signin {
  20         max-width: 300px;
  21         padding: 19px 29px 29px;
  22         margin: 0 auto 20px;
  23         background-color: #fff;
  24         border: 1px solid #e5e5e5;
  25         -webkit-border-radius: 5px;
  26            -moz-border-radius: 5px;
  27                 border-radius: 5px;
  28         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  29            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  30                 box-shadow: 0 1px 2px rgba(0,0,0,.05);
  31       }
  32       .form-signin .form-signin-heading,
  33       .form-signin .checkbox {
  34         margin-bottom: 10px;
  35       }
  36       .form-signin input[type="text"],
  37       .form-signin input[type="password"] {
  38         font-size: 16px;
  39         height: auto;
  40         margin-bottom: 15px;
  41         padding: 7px 9px;
  42       }
  43
  44     </style>
  45     <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
  46
  47     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  48     <!--[if lt IE 9]>
  49       <script src="../assets/js/html5shiv.js"></script>
  50     <![endif]-->
  51
  52     <!-- Fav and touch icons -->
  53     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
  54     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
  55       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
  56                     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  57                                    <link rel="shortcut icon" href="../assets/ico/favicon.png">
  58   </head>
  59
  60   <body>
  61
  62     <div class="container">
  63
  64       <form class="form-signin">
  65         <h2 class="form-signin-heading">Please sign in</h2>
  66         <input type="text" class="input-block-level" placeholder="Email address">
  67         <input type="password" class="input-block-level" placeholder="Password">
  68         <label class="checkbox">
  69           <input type="checkbox" value="remember-me"> Remember me
  70         </label>
  71         <button class="btn btn-large btn-primary" type="submit">Sign in</button>
  72       </form>
  73
  74     </div> <!-- /container -->
  75
  76     <!-- Le javascript
  77     ================================================== -->
  78     <!-- Placed at the end of the document so the pages load faster -->
  79     <script src="../assets/js/jquery.js"></script>
  80     <script src="../assets/js/bootstrap-transition.js"></script>
  81     <script src="../assets/js/bootstrap-alert.js"></script>
  82     <script src="../assets/js/bootstrap-modal.js"></script>
  83     <script src="../assets/js/bootstrap-dropdown.js"></script>
  84     <script src="../assets/js/bootstrap-scrollspy.js"></script>
  85     <script src="../assets/js/bootstrap-tab.js"></script>
  86     <script src="../assets/js/bootstrap-tooltip.js"></script>
  87     <script src="../assets/js/bootstrap-popover.js"></script>
  88     <script src="../assets/js/bootstrap-button.js"></script>
  89     <script src="../assets/js/bootstrap-collapse.js"></script>
  90     <script src="../assets/js/bootstrap-carousel.js"></script>
  91     <script src="../assets/js/bootstrap-typeahead.js"></script>
  92
  93   </body>
  94 </html>