<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> </div> </div> </div> <script> JQuery(document).ready(function(y){ JQuery('#lg').click(function(){ atler("hello"); }); }); </script>

.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; font-size: 0.7em; } .round.round-lg { height: 40px; width: 40px; line-height: 40px; -moz-border-radius: 20px; border-radius: 20px; font-size: 1.5em; } .round.blue { background-color: #3EA6CE; }

JQuery(document).ready(function(y){ JQuery('#lg').click(function(){ atler("hello"); }); });