"Full Page Login Page"
Bootstrap 3.3.0 Snippet by manoj90134

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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-md-5 col-md-offset-4" style="margin-top: 10%;">
<div class="col-md-12" style="background-color: white; padding:30px;">
<img src="https://secure.aadcdn.microsoftonline-p.com/ests/2.1.8233.17/content/images/microsoft_logo.svg?x=ee5c8d9fb6248c938fd0dc19370e90bd">
<form class="form">
<h3 class="col_g">Sign in</h3>
<br/>
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Email, Phone Enter Here">
</div>
<div class="form-group">
<input type="text" class="form-control" name="" placeholder="Enter Password Here">
</div>
<div class="form-group">
<button class="btn col-xs-4 submit_h"> Login</button>
</div>
<br/><br/><br/>
<a href="#">Can't Access your Account?</a>
<br/><br/>
No Account ? <a href="#">Create One!</a>
</form>
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
body{
font-family: 'Roboto', sans-serif;
background-image:url("http://getwallpapers.com/wallpaper/full/0/8/1/375961.jpg");
background-size:cover;
}
a{
color: #1985e2;
}
.col_g{
color: #887c7c;
}
.form-control{
border-top: none;
border-left: none;
border-right: none;
border-radius: 1px;
box-shadow: none;
}
.submit_h{
color: #fff;
background-color:#0067b8;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: