<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ---------->
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="http://sir.htesb.com:8081/portal/captiveportal-favicon.ico" />
<title>Login Portal</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://sir.htesb.com:8081/portal/captiveportal-bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://sir.htesb.com:8081/portal/captiveportal-styles.css" />
<style type="text/css">
body {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: rgb(37, 14, 212);
background-image: url(https://pbs.twimg.com/media/Bp59Ao0CYAAd2HW.jpg);
}
canvas {
width: 100%;
height: 100%;
width: 1280;
height:840;
}
.vertical-offset-100 {
padding-top:100px;
} .fl{
display:inline;
float:Center;
margin: 2px;
}
</style>
<script src="http://sir.htesb.com:8081/portal/captiveportal-jquery-1.11.1.min.js"></script>
<script src="http://sir.htesb.com:8081/portal/captiveportal-bootstrap.min.js"></script>
</head>
<body>
<script src="http://sir.htesb.com:8081/portal/captiveportal-tweenlite.min.js"></script>
<div class="container">
<div class="row vertical-offset-100">
<div class="col-md-6 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-title"></div>
<div class="panel-body"><h3>Unifi Network Access Agreements</h3>
<form method="post" action="$PORTAL_ACTION$" accept-charset="UTF-8" role="form">
<fieldset>
<p>You are responsible for the security and appropriate use of Unifi Internet Access (hereby Wifi) WiFi resources under your control. Using WiFi's resources for the following is strictly prohibited:</p>
<ul>
<li>Causing a security breach to either Wifi or other WiFi resources, including, but not limited to, accessing data, servers, or accounts to which you are not authorized; circumventing user authentication on any device; or sniffing WiFi traffic. </li>
<li>Causing a disruption of service to either Wifi or other MKBR resources, including, but not limited to, ICMP floods, packet spoofing, denial of service, heap or buffer overflows, and forged routing information for malicious purposes.</li>
<li>Violating copyright law, including, but not limited to, illegally duplicating or transmitting copyrighted pictures, music, video, and software. </li>
<li>Use of the Internet or Wifi's MKBR that violates local laws.</li>
<li>Port scanning or security scanning on a production network unless authorized in advance by Information Technology Associate.</li>
</ul>
<div class="form-group">
<label class="f1">Username Access</label>
<input name="auth_user" type="text" placeholder="Your Username" class="form-control">
<input name="auth_pass" type="password" placeholder="Your Password" class="form-control"></div>
<p>
<label>Voucher Access</label>
</p>
<input name="auth_voucher" type="text" placeholder="Access Code" class="form-control">
<input name="redirurl" type="hidden" value="captiveportal-success.html">
<input class="btn btn-lg btn-primary btn-block" name="accept" type="submit" value="I Agree">
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
$(document).ready(function(){
$(document).mousemove(function(e){
TweenLite.to($('body'),
.5,
{ css:
{
backgroundPosition: ""+ parseInt(event.pageX/8) + "px "+parseInt(event.pageY/'12')+"px, "+parseInt(event.pageX/'15')+"px "+parseInt(event.pageY/'15')+"px, "+parseInt(event.pageX/'30')+"px "+parseInt(event.pageY/'30')+"px"
}
});
});
});
