Added a popup window for sign up

1 files changed, 51 insertions, 1 deletions

diff --git a/index.html b/index.html
index 0f12814..e811967 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
 						</ul>
 					</li>
 					<li><a href="#" data-toggle="modal" data-target=".login-window">Log In</a></li>
-					<li><a href="#">Register</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">
@@ -170,6 +170,56 @@
         </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() {