"LogIn-User"
Bootstrap 3.3.0 Snippet by nuonveyo

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="frm-login" style="margin-top: 2px;">
<div class="frm-head">
<div class="round round-sm blue"><span class="glyphicon glyphicon-user"></span></div>
<label class="control-label"><h4>Log in page..!</h4></label>
</div>
<div class="frm-body">
<form action="run" method="post" class="form-horizontal">
<div class="form-group">
<div class="col-sm-3"><label class="control-label">User name: </label></div>
<div class="col-sm-4">
<input class="form-horizontal" type="text" name="name" placeholder="@name" required/>
</div>
</div>
<div class="form-group">
<div class="col-sm-3">
<label class="control-label">Password: </label></div>
<div class="col-sm-4">
<input class="form-horizontal" type="password" name="pass" placeholder="@pass" required/>
</div>
</div>
<div class="form-group">
<div class="col-sm-3"></div>
<div class="col-sm-2">
<input class="btn btn-success" type="submit" name="login" value="LogIn" style="width: 175px;"/>
</div>
</div>
</form>
</div>
<div class="frm-foot">
<label class="control-label">Cambodia®</b> | ©Nuon Veyo</label>
</div>
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
.frm-login{
width: 500px;
height: auto;
margin: auto;
background-color: rgb(236, 240, 241);
}
.frm-head{
height: 60px;
background-color: rgb(52, 152, 219);
box-shadow:0px 0px 2px 0px black;
}
.frm-body{
margin: 10px 0 10px 5px;
height: auto;
}
.frm-foot{
padding: 10px;
height: 50px;
background-color: rgb(52, 152, 219);
}
.round {
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #222;
color: #FFF;
text-align: center;
}
.round.round-sm {
height: 20px;
width: 20px;
line-height: 20px;
-moz-border-radius: 10px;
border-radius: 10px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
JQuery(document).ready(function(y){
JQuery('#lg').click(function(){
atler("hello");
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: