Add login overlay

This commit is contained in:
ArnaudVOTA 2016-01-27 11:24:03 +01:00
parent b10e4679e0
commit dcb9e3b781
2 changed files with 66 additions and 2 deletions

View file

@ -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>
</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>

View file

@ -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>