From 9dae81bf68e584ec99b45f3df0235bfdafd0412a Mon Sep 17 00:00:00 2001
From: nanalelfe <nargiza.nosirova@mail.utoronto.ca>
Date: Wed, 13 Jul 2016 05:20:40 -0400
Subject: Updated nav for each page

---
 about.html | 88 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 83 insertions(+), 5 deletions(-)

(limited to 'about.html')

diff --git a/about.html b/about.html
index f9a0dcb..48239cd 100644
--- a/about.html
+++ b/about.html
@@ -52,9 +52,9 @@
                             <li class="dropdown-submenu">
                                 <a tabindex="-1" href="#">First Year<i class="fa fa-chevron-right"></i></a>
                                 <ul class="dropdown-menu">
-                                  <li><a tabindex="-1" href="#">CSC108</a></li>                           
-                                  <li><a href="#">CSC148</a></li>
-                                  <li><a href="#">CSC165</a></li>
+                                  <li><a tabindex="-1" href="exams.html">CSC108</a></li>                              
+                                  <li><a href="exams.html">CSC148</a></li>
+                                  <li><a href="exams.html">CSC165</a></li>
                                 </ul>
                             </li>
                             <li><a href="#">Second Year</a></li>
@@ -62,8 +62,8 @@
                             <li><a href="#">Fourth Year</a></li>
                         </ul>
                     </li>
-                    <li><a href="#">Log In</a></li>
-                    <li><a href="#">Register</a></li>
+                    <li><a href="#" data-toggle="modal" data-target=".login-window">Log In</a></li>
+                    <li><a href="#" data-toggle="modal" data-target=".registration-window">Sign up</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>
                         <ul class="dropdown-menu">
@@ -135,6 +135,84 @@
             </div>
         </div>
     </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">&times;</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>
+
+    <!-- POP UP WINDOW FOR REGISTRATION -->
+    <article class="modal fade registration-window">
+        <div class="modal-dialog">
+            <div class="modal-content">
+
+                <section class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    <h4 class="modal-title">Sign Up</h4>
+                </section>
+
+                <section class="modal-body">
+                    <form role="form">
+                        <div class="form-group">
+                            <input type="text" class="form-control" placeholder="First Name">
+                        </div>
+
+                        <div class="form-group">
+                            <input type="text" class="form-control" placeholder="Last Name">
+                        </div>
+
+                        <div class="form-group">
+                            <input type="email" class="form-control" placeholder="Email">
+                        </div>
+
+                         <div class="form-group">
+                            <input type="email" class="form-control" placeholder="New Username">
+                        </div>
+                        <div class="form-group">
+                            <input type="password" class="form-control" placeholder="New Password">
+                        </div>
+
+                        <div class="form-group">
+                            <input type="text" class="form-control" placeholder="University (optional)">
+                        </div>
+
+                        <div class="form-group">
+                            <input type="text" class="form-control" placeholder="Department (optional)">
+                        </div>
+                        
+                    </form>
+                </section>
+
+                <div class="modal-footer">
+                    <button class="btn">Submit</button>
+                </div>
+
+            </div>
+        </div>
+    </article>
 
     <script>
         $(document).ready(function() {
-- 
cgit v1.2.3