"pfsense captive portal"
Bootstrap 3.2.0 Snippet by akmalkamaruddin

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
$(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"
}
});
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Kit Angular

Questions / Comments: