gistfile1.txt

{include file="header.tpl" title='Web Administrator'}
<div class="ch-container">
		<div class="row">
		
			<div class="row">
				 <div class="col-md-12 center login-header">
					<div class="login-logo">
        <img src="img/logo-login-bd120de72e198b39aef65a93c5c5ad9d9471b16e0d9aaf0c3f34803b68f0c660.png" alt="Logo login" width="300" height="67">      </div>

				</div><!--/span-->
			</div><!--/row-->
			
			<div class="row">
				 <div class="well col-md-4 center login-box">
                
              {if $error}
                    
					{$error}
                    {else}
                    <div class="alert alert-info">
						Please login with your Username and Password.
					</div>
                    {/if}
					<form class="form-horizontal" action="" method="post" name="login_form" id="login_form">
						<fieldset>
							 <div class="input-group input-group-sm">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
						<input autofocus class="form-control input-sm" name="username" id="username" type="text" placeholder="Username"/>
							</div>
							<div class="clearfix"></div><br />

							    <div class="input-group input-group-sm">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
						<input class="form-control input-sm" name="password" id="password" type="password" placeholder="Password" />
							</div>
							<div class="clearfix"></div>
						 

							   <p class="center col-md-4">
							<button type="submit" class="btn btn-primary">Login</button>
							</p>
						</fieldset>
					</form>
				</div><!--/span-->
			</div><!--/row-->
				</div><!--/fluid-row-->
		
	</div><!--/.fluid-container-->

	<!-- jQuery -->
<!--	<script src="../js/jquery.js"></script>-->
    	<!-- jQuery UI -->
	<script src="js/jquery.validate.js"></script>
{literal}
<script type="text/javascript">
$(document).ready(function(){
	// validate the comment form when it is submitted
$("#login_form").validate({
		rules: {
			username: "required",
			password: "required"	
			}
                  
			});
	
});
</script>
 <style>
label.error {display: none !important;}
.form-control.error {
	border:1px solid #B94A48;
}

</style>
	{/literal}
   
		
</body>
</html>