causeway-standard-theme
Version:
103 lines (99 loc) • 4.1 kB
HTML
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2, minimum-scale=0.25">
<title>Causeway Theme | Login Page</title>
<!--Favicon-->
<link rel="icon" type="image/png" href="/images/faviconL.png"/>
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../css/causeway-utils.min.css" rel="stylesheet" media="screen">
<link href="../css/causeway-standard.min.css" rel="stylesheet" media="screen">
<link href="../docs/css/docs.min.css" rel="stylesheet" media="screen">
<link href="../css/causeway-print.min.css" rel="stylesheet" media="print">
</head>
<body>
<div class="container login-container login-image login-classic">
<div class="row">
<div class="col-md-6">
<h1 class="causeway-logo">
<a href="#"> <img src="../images/logo.png" alt="Causeway"/> <span class="causeway-product">Tradex</span>
</a>
</h1>
</div>
<div class="col-md-6">
<div class="login-window">
<h2>Log In</h2>
<div class="login-form">
<form class="form-inline">
<div class="form-row">
<div class="form-group">
<div class="control-input">
<input type="email" id="LoginName" class="form-control" name="username" value=""
maxlength="50" size="30" placeholder="Username or Email">
<span class="error-message">Username/ Email is incorrect.</span>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group">
<div class="control-input">
<input type="password" id="password" class="form-control" name="password" value=""
maxlength="30" size="30" placeholder="Password">
<span class="error-message">Password is incorrect.</span>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group">
<div class="control-input">
<div class="checkbox form-group form-group-inline">
<input type="checkbox" id="spass">
<label for="spass" class=""><span class="checkbox-icon"></span>Save
Password</label>
</div>
<div class="checkbox form-group form-group-inline">
<input type="checkbox" id="suser">
<label for="suser"><span class="checkbox-icon"></span>Save Username</label>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group clearfix">
<div class="pull-right">
<button type="button" class="btn btn-text btn-italic has-tooltip" title=""
id="forgotPasswordButton"
data-original-title="Click here to reset your password">Forgot Password?
</button>
<button type="button" class="btn btn-default has-tooltip" title="" id="submitButton"
data-original-title="Click here to log in">Log In
</button>
</div>
</div>
</div>
</form>
</div>
<div class="copyright">Copyright © 1998-2015 Causeway Software Solutions Limited</div>
</div>
</div>
</div>
</div>
<script src="/js/jquery.min.js"></script>
<script>
$(function () {
$('#submitButton').on('click', function () {
var formArray = $('form').serializeArray();
for (var i = 0; i < formArray.length; i++) {
var str = 'form [name="' + formArray[i].name + '"]';
if (formArray[i].value.length === 0) {
$(str).parents('.form-group').addClass('invalid error');
}
}
})
});
</script>
</body>
</html>