<div class="col-sm-12" > 
 
            <div class="row"> 
                <div class="col-xs-12 col-sm-4"> 
                </div> 
                                        <div class="col-xs-12 col-sm-4"> 
                                            <div class="widget-box"> 
                                                <div class="widget-header"> 
                                                    <h4 class="widget-title">ADMINISTRATOR</h4> 
 
                                                    <img src="/asset/image/rimauwaf.jpg" width="400" /> 
                                                </div> 
 
                                                <div class="widget-body"> 
                                                    <div class="widget-main"> 
                                                        <div> 
                                                            <label for="form-field-8">User ID</label> 
                                                            <input class="form-control input-mask-date" type="text" id="username" name="username" /> 
                                                        </div> 
 
 
                                                        <div> 
                                                            <label for="form-field-9">Password</label> 
                                                            <input class="form-control input-mask-date" type="password" id="password" name="password" /> 
 
                                                        </div> 
                                                        <div align="right" > 
                                                            <br /> 
                                                            <button id="makelogin" >LOGIN</button> 
                                                        </div> 
 
                                                        <hr /> 
 
                                                    </div> 
                                                </div> 
                                            </div> 
                                        </div><!-- /.span --> 
 
        </div> 
                     
         
</div> 
<script src="/asset/assets/js/jquery.2.1.1.min.js"></script> 
<script> 
    $('#makelogin').click(function(){ 
         
        //alert('test'); 
         
        $.post('/index.php/welcome/checklogin',{user:$('#username').val(),pass:$('#password').val(),'<?php echo $this->security->get_csrf_token_name(); ?>':'<?php echo $this->security->get_csrf_hash(); ?>'},function(data){ 
             
            if (data == 'ok'){ 
             
            url = "/panel"; 
              $( location ).attr("href", url); 
             
            } 
            else { 
                alert("The Username Or Password is Wrong !!!"); 
            } 
        }) 
    }) 
</script>
 
 |