1
+ <html>
2
+ <head>
3
+ <!-- Latest compiled and minified CSS -->
4
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
5
+ <!-- Optional theme -->
6
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
7
+ <!-- additional css -->
8
+ <link rel="stylesheet" href="additional.css">
9
+ <!-- Latest compiled and minified JavaScript -->
10
+ <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
11
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
12
+ </head>
13
+ <body>
14
+ <div class="row margin-top margin-bottom">
15
+ <form id="login-form" role="form" class="col-md-4 col-md-offset-4 panel panel-default" action="login.php" method="POST">
16
+ <div class="panel-body">
17
+ <?php if ( isset ($ _GET ['error ' ]) ): ?>
18
+ <div class="alert alert-danger" role="alert">Invalid username or password!</div>
19
+ <?php endif ; ?>
20
+ <div class="form-group">
21
+ <label for="username">Username</label>
22
+ <input type="text" class="form-control" name="username" id="username">
23
+ </div>
24
+ <div class="form-group">
25
+ <label for="password">Password</label>
26
+ <input type="password" class="form-control" name="password" id="password">
27
+ </div>
28
+ <input type="submit" class="btn btn-default" value="Login">
29
+ </div>
30
+ </form>
31
+ </div>
32
+ <hr>
33
+ <div class="row">
34
+ <div class="col-md-5 col-md-offset-1">
35
+ <h3>Caption Column 1</h3>
36
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
37
+ dolore
38
+ magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
39
+ gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
40
+ sadipscing
41
+ elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
42
+ vero
43
+ eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
44
+ ipsum
45
+ dolor sit amet.
46
+ </div>
47
+ <div class="col-md-5">
48
+ <h3>Caption Column 2</h3>
49
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
50
+ dolore
51
+ magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
52
+ gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
53
+ sadipscing
54
+ elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
55
+ vero
56
+ eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
57
+ ipsum
58
+ dolor sit amet.
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </body>
63
+ </html>
0 commit comments