"Windows 10 Like Login"
Bootstrap 3.3.0 Snippet by ipoelnet

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="col-xs-12 col-sm-12 col-md-12">
<img src="http://gauv.org/username.png" class="img-responsive img-circle img-thumbnail" height="280px;" width="280px;">
<div class="row">
<h3 class="text-center" style="padding-right: 80px;"> Administrator </h3>
</div>
<div class="row">
<div class="input-group col-xs-10 col-sm-10 col-md-10">
<input type="password" placeholder="Password" name="" class="form-control">
<div class="input-group-btn">
<button class="btn btn-md btn-default btn-block"><span class="glyphicon glyphicon-arrow-right"></span></button>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
body
{
background: url('http://3.bp.blogspot.com/-nXgSRYWUWhI/UUdidQ_vD9I/AAAAAAAAIH8/TpVUI-jZZGk/s1600/Tumblr+Soft+Colors+blue.jpg');
}
.container
{
max-width: 500px;
padding-left: 90px;
padding-top: 75px;
}
.btn-default:hover, .btn-default:focus
{
background-color: #5cb85c;
border-color: #5cb85c;
color: white;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: