master
 1<!DOCTYPE html>
 2<html lang="en">
 3  <head>
 4    <meta charset="utf-8">
 5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6    <meta name="viewport" content="width=device-width, initial-scale=1">
 7    <title>Hello World</title>
 8    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 9    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
10    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
11    <script type="text/javascript" charset="utf-8">
12      $(function(){
13        $('form').submit(function(event){
14          event.preventDefault();
15        });
16      });
17    </script>
18  </head>
19  <body>
20    <div class="container">
21      <div class="row">
22        <div class="col-md-4"></div>
23        <div class="col-md-4">
24          <ul id="notifications" class="hide"> </ul>
25          <form class="form-signin" action="#">
26            <h2 class="form-signin-heading">Hello World</h2>
27            <label for="inputEmail">Email address</label>
28            <input type="email" id="inputEmail" class="form-control">
29            <label for="inputPassword">Password</label>
30            <input type="password" id="inputPassword" class="form-control">
31            <div class="checkbox">
32              <label>
33                <input type="checkbox" value="remember-me"> Remember me
34              </label>
35            </div>
36            <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
37          </form>
38        </div>
39        <div class="col-md-4"></div>
40      </div>
41      <div class="row">
42        <div class="col-md-4"></div>
43        <div class="col-md-4">
44          <!--
45          <h3>Validation Rules</h3>
46          <ul>
47            <li>Validate email address</li>
48            <li>Password must be a minimum of 10 characters</li>
49            <li>Disable 'Login' Button until both email and password is entered.</li>
50            <li>Autofocus on email input</li>
51            <li>Add an 'Email' and 'Password' placeholder.</li>
52          </ul>
53          -->
54        </div>
55        <div class="col-md-4"></div>
56      </div>
57    </div>
58    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
59    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
60  </body>
61</html>