"flat login "
Bootstrap 3.3.0 Snippet by partha_bhn

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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-lg-4 col-md-3 col-sm-2"></div>
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="logo">
<img src="https://s16.postimg.org/3wg150ysl/download.jpg" alt="Logo" >
</div>
<div class="row loginbox">
<div class="col-lg-12">
<span class="singtext" >Sign in </span>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<input class="form-control" type="text" placeholder="Please enter your user name" >
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<input class="form-control" type="password" placeholder="Please enter password" >
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<a href="#" class="btn submitButton">Submit </a>
</div>
</div>
<div class="row forGotPassword">
<a href="#" >Forgot Username / Password? </a>
</div>
<br>
<br>
<footer class="footer">
<a href='#'>Terms of use</a>·|·
<a href='#'>Privacy Policy</a>·|·
<a href='#'>Contact us</a>·|·
<a href='#'>Feedback</a>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*bootstrap class override for login page only*/
.form-control{
border-radius: 0px;
margin: 12px 3px;
height: 40px;
}
.logo{
margin: auto;
text-align: center;
padding-top: 20%;
}
.logo img{
height: 70px;
}
/*footer*/
.footer a{
color: #000;
text-decoration: none;
}
.footer{
color: #000;
text-align: center;
}
/*footer end*/
/*for logintemplate blue*/
.grayBody{
background-color: #E9E9E9;
}
.loginbox{
margin-top: 5%;
border-top: 6px solid #0088D8;
background-color:#fff;
padding: 20px;
box-shadow: 0 10px 10px -2px rgba(0,0,0,0.12),0 -2px 10px -2px rgba(0,0,0,0.12);
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: