diff --git a/client/partials/nav.html b/client/partials/nav.html
index a765daa..a9db597 100644
--- a/client/partials/nav.html
+++ b/client/partials/nav.html
@@ -31,10 +31,43 @@
             <li><a href="#">Informations</a></li>
             <li><a href="#">Settings</a></li>
             <li role="separator" class="divider"></li>
-            <li><a href="#">Logout</a></li>
+            <li><a href="#myModal" data-toggle="modal" data-target="#myModal">Login</a>
+            </li>
           </ul>
         </li>
       </ul>
     </div><!-- /.navbar-collapse -->
   </div><!-- /.container-fluid -->
-</nav>
\ No newline at end of file
+</nav>
+
+<div class="modal fade" id="myModal">
+    <div class="modal-dialog">
+        <div class="modal-content"></div>
+    </div>
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                 <h4 class="modal-title">Login</h4>
+
+            </div>
+            <div class="modal-body">
+                <div class="form-group">
+                    <label label-default="" for="exampleInputEmail1">Email address</label>
+                    <input class="form-control" id="exampleInputEmail1"
+                    placeholder="Enter email" type="email">
+                </div>
+                <div class="form-group">
+                    <label label-default="" for="exampleInputPassword1">Password</label>
+                    <input class="form-control" id="exampleInputPassword1"
+                    placeholder="Password" type="password">
+                </div>
+                <p class="text-right"><a href="#">Forgot password?</a>
+                </p>
+            </div>
+            <div class="modal-footer"> <a href="#" data-dismiss="modal" class="btn btn-default">Close</a>
+                <a href="#" class="btn btn-primary">Login</a>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/client/partials/overlays.html b/client/partials/overlays.html
new file mode 100644
index 0000000..b913f7a
--- /dev/null
+++ b/client/partials/overlays.html
@@ -0,0 +1,31 @@
+<div class="modal fade" id="myModal">
+    <div class="modal-dialog">
+        <div class="modal-content"></div>
+    </div>
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                 <h4 class="modal-title">Login</h4>
+
+            </div>
+            <div class="modal-body">
+                <div class="form-group">
+                    <label label-default="" for="exampleInputEmail1">Email address</label>
+                    <input class="form-control" id="exampleInputEmail1"
+                    placeholder="Enter email" type="email">
+                </div>
+                <div class="form-group">
+                    <label label-default="" for="exampleInputPassword1">Password</label>
+                    <input class="form-control" id="exampleInputPassword1"
+                    placeholder="Password" type="password">
+                </div>
+                <p class="text-right"><a href="#">Forgot password?</a>
+                </p>
+            </div>
+            <div class="modal-footer"> <a href="#" data-dismiss="modal" class="btn btn-default">Close</a>
+                <a href="#" class="btn btn-primary">Login</a>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file