<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cuenta Regresiva</title>
<style>
body {
margin: 0;
padding: 0;
background: #0c0c0c;
font-family: Arial, sans-serif;
overflow: hidden;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.cont {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 1;
}
.limite_anun_div {
position: relative;
z-index: 2;
margin-top: 400px;
text-align: center;
}
.nadademais {
margin-top: 20px;
}
.button--blue {
background: linear-gradient(45deg, #007bff, #0056b3);
border: none;
border-radius: 8px;
color: white;
padding: 15px 30px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
}
.button--blue:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
}
.avisodedesbloreio {
margin-bottom: 20px;
}
.btn-info {
background: linear-gradient(45deg, #17a2b8, #138496);
border: none;
border-radius: 8px;
padding: 15px 20px;
color: white;
text-decoration: none;
display: inline-block;
font-weight: bold;
box-shadow: 0 4px 15px rgba(23, 162, 184, 0.3);
}
#gpt-passback1 {
margin: 20px 0;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="cont" id="countdown">
<span style="color:#ffffff; font-size: 20pt">BIENVENIDO</span>
</div>
<script>
var min = 14;
var max = 25;
var timeleft = Math.floor(Math.random() * (+max - +min)) + +min;
var downloadTimer = setInterval(function () {
document.getElementById("countdown").innerHTML =
timeleft +
"<span style='color:#ffffff; font-size: 15pt'> ESPERE ANTES DE HACER CLIC ✋</span>";
timeleft -= 1;
if (timeleft <= 0) {
clearInterval(downloadTimer);
document.getElementById("countdown").innerHTML =
"<span style='color:#ffffff; font-size: 15pt'> ⏬ AHORA PUEDES HACER CLIC ⏬</span>";
}
}, 1000);
</script>
<div class="limite_anun_div">
<center>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous"></script>
<div id="gpt-passback1">
<script>
window.googletag = window.googletag || {cmd: []};
googletag.cmd.push(function() {
googletag.defineSlot('/22966700530/www.cubitosmcpe.com/www.cubitosmcpe.com_rectangle1', [[200, 200], [300, 50], [300, 100], [300, 250]], 'gpt-passback1').addService(googletag.pubads());
googletag.enableServices();
googletag.display('gpt-passback1');
});
</script>
</div>
<p>
<div class='avisodedesbloreio'>
<a class='btn icon-btn btn-info'>
<span class='glyphicon btn-glyphicon glyphicon-arrow-up img-circle text-info'></span>
<br/>
HAGA CLICK EN LA IMAGEN Y LUEGO REGRESE</a>
</div>
<div class="nadademais">
<div align="center">
<strong>
<button class="button--blue" onclick="window.location.href='https://cubitosmcpe.com/Office/Activacion/'">
<ion-icon name="download"></ion-icon>
<span class="text">Continuar</span>
</button>
</strong>
</div>
</div>
</p>
</center>
</div>
<script src="https://eswhik.github.io/drive/buttons/z1/config"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script type="text/javascript">
COISAX.texto = 'CLIQUE NO ANÚNCIO ACIMA PARA DESBLOQUEAR O DOWNLOAD';
COISAX.tempoAaparecerNovamente = '1';
</script>
<script type="text/javascript">
var COISAX = {
ativo: !0,
texto: "",
segundos: 1,
autoLiberar: 300,
tempoAaparecerNovamente: 1,
stado: !1,
apontar: ".limite_anun_div",
conteudoAliberar: "",
abertoAds: !1,
pass: !0,
divAviso: function() {
return ""
},
prepararAviso: function() {
null == COISAX.pegarCookie("nuncanemvi") && (COISAX.conteudoAliberar = jQuery(".nadademais").html(), jQuery(".nadademais").html(COISAX.divAviso())), jQuery(".nadademais").fadeIn(350)
},
registrarCookie: function(e, o, a) {
var t = 2 * a,
n = new Date;
n.setTime(n.getTime() + 6e4 * t), n = n.toUTCString(), document.cookie = e + " = " + o + "; expires=" + n + "; path=/"
},
pegarCookie: function(e) {
var o = ("; " + document.cookie).split("; " + e + "=");
if (2 == o.length) return o.pop().split(";").shift()
},
dltCookie: function(e) {
document.cookie = e + "=; Max-Age=-99999999;"
},
onJanela: function() {
if (COISAX.stado) {
var e = COISAX.pegarCookie("nuncanemvi");
"" == e && (e = null), null == e && (COISAX.registrarCookie("nuncanemvi", "ativo", COISAX.tempoAaparecerNovamente), setTimeout(function() {
COISAX.pass && jQuery(".nadademais").html(COISAX.conteudoAliberar)
}, 1e3 * COISAX.segundos))
}
},
scanear: function() {
return "d3d3LmV4dHJlbW9hbmRyb2lkb2ZpY2lhbC5jb20uYnI="
}
};
function liberarAUTO() {
setTimeout(function() {
jQuery(".nadademais").html(COISAX.conteudoAliberar)
}, 1e3 * COISAX.autoLiberar)
}
jQuery(window).focus(), jQuery(document).ready(function() {
COISAX.ativo ? (liberarAUTO(), COISAX.prepararAviso(), jQuery(COISAX.apontar).mouseover(function() {
COISAX.stado = !0
}), jQuery(COISAX.apontar).mouseout(function() {
COISAX.stado = !1
})) : jQuery(".nadademais").html(COISAX.conteudoAliberar)
}), jQuery(window).blur(function() {
COISAX.onJanela(), setTimeout(function() {
COISAX.pass = !1, COISAX.dltCookie("nuncanemvi")
}, 5e3)
});
</script>
<script>
particlesJS("particles-js", {
particles: {
number: { value: 80, density: { enable: true, value_area: 800 } },
color: { value: "#ffffff" },
shape: { type: "circle" },
opacity: { value: 0.5, random: true },
size: { value: 3, random: true },
line_linked: { enable: true, distance: 150, color: "#ffffff", opacity: 0.4, width: 1 },
move: { enable: true, speed: 2, direction: "none", random: true, straight: false, out_mode: "out", bounce: false }
},
interactivity: {
detect_on: "canvas",
events: { onhover: { enable: true, mode: "repulse" }, onclick: { enable: true, mode: "push" }, resize: true },
modes: { repulse: { distance: 100, duration: 0.4 }, push: { particles_nb: 4 } }
},
retina_detect: true
});
</script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html> que este codigo tenga para deslizar en la web para abajo