diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 35 |
1 files changed, 33 insertions, 2 deletions
@@ -24,6 +24,7 @@ </head> <body> + <nav id="mainNav" class="navbar navbar-default navbar-fixed-top" > <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> @@ -62,7 +63,7 @@ <li><a href="#">Fourth Year</a></li> </ul> </li> - <li><a href="#">Log In</a></li> + <li><a href="#" data-toggle="modal" data-target=".login-window">Log In</a></li> <li><a href="#">Register</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Links <span class="caret"></span></a> @@ -85,7 +86,7 @@ </nav> <header> - <div class="header-content"> + <div class="header-content" <section class="header-content-inner"> <p><strong>The solutions to all your problems</strong></p> <hr> <!-- Divider --> @@ -100,6 +101,7 @@ <li><a href="#">Users</a> </li> </ul> </div> + <!-- Search bar --> <input type="text" class="form-control" aria-label="..." name="search" placeholder="Enter course name"> <!-- Prompt Search --> @@ -139,6 +141,35 @@ </nav> </footer> + <!-- POP UP WINDOW FOR LOGIN --> + <article class="modal fade login-window"> + <div class="modal-dialog"> + <div class="modal-content"> + + <section class="modal-header"> + <button type="button" class="close" data-dismiss="modal">×</button> + <h4 class="modal-title">Log In</h4> + </section> + + <section class="modal-body"> + <form role="form"> + <div class="form-group"> + <input type="text" class="form-control" placeholder="Username"> + </div> + <div class="form-group"> + <input type="password" class="form-control" placeholder="Password"> + </div> + </form> + </section> + + <div class="modal-footer"> + <button class="btn">Submit</button> + </div> + + </div> + </div> + </article> + <script> $(document).ready(function() { |