| Server IP : 127.0.0.1 / Your IP : 216.73.216.173 Web Server : Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12 System : Windows NT DESKTOP-3H4FHQJ 10.0 build 19045 (Windows 10) AMD64 User : win 10 ( 0) PHP Version : 8.2.12 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : D:/xampp/htdocs-coblaa/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hacked By Mila</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* RESET */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* BACKGROUND */
body {
height: 100vh;
background: radial-gradient(circle at top, #0f2027, #000000 70%);
overflow: hidden;
font-family: 'Segoe UI', Arial, sans-serif;
color: #00fff7;
}
/* PARTICLE EFFECT */
canvas {
position: fixed;
top: 0;
left: 0;
z-index: 0;
}
/* CENTER CONTAINER */
.container {
position: relative;
z-index: 2;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
/* GLITCH TEXT */
.glitch {
font-size: clamp(48px, 8vw, 110px);
font-weight: 900;
text-transform: uppercase;
position: relative;
color: #00fff7;
animation: flicker 2.5s infinite alternate;
}
.glitch::before,
.glitch::after {
content: attr(data-text);
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
}
.glitch::before {
color: #ff0055;
top: -2px;
text-shadow: -2px 0 red;
animation: glitchTop 2s infinite linear alternate-reverse;
}
.glitch::after {
color: #00ff00;
top: 2px;
text-shadow: -2px 0 lime;
animation: glitchBottom 1.5s infinite linear alternate-reverse;
}
/* SUBTEXT */
.subtitle {
margin-top: 20px;
font-size: 20px;
letter-spacing: 3px;
color: #ffffff;
opacity: 0;
animation: fadeIn 2s ease forwards;
animation-delay: 1.5s;
}
/* LINE EFFECT */
.line {
width: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #00fff7, transparent);
margin-top: 25px;
animation: lineGrow 2s ease forwards;
animation-delay: 1s;
}
/* ANIMATIONS */
@keyframes glitchTop {
0% { clip-path: inset(0 0 80% 0); }
50% { clip-path: inset(0 0 20% 0); }
100% { clip-path: inset(0 0 60% 0); }
}
@keyframes glitchBottom {
0% { clip-path: inset(80% 0 0 0); }
50% { clip-path: inset(20% 0 0 0); }
100% { clip-path: inset(60% 0 0 0); }
}
@keyframes flicker {
0% { opacity: 1; }
50% { opacity: 0.85; }
100% { opacity: 1; }
}
@keyframes fadeIn {
to { opacity: 1; }
}
@keyframes lineGrow {
to { width: 320px; }
}
/* FOOTER */
footer {
position: fixed;
bottom: 15px;
width: 100%;
text-align: center;
font-size: 12px;
color: #777;
z-index: 2;
}
</style>
</head>
<body>
<canvas id="particles"></canvas>
<div class="container">
<div class="glitch" data-text="Hacked By Mila">
Hacked By Mila
</div>
<div class="line"></div>
<div class="subtitle">
We Are Watching • We Are Everywhere
</div>
</div>
<footer>
© 2026 | Mila Cyber Interface
</footer>
<script>
/* SIMPLE PARTICLE BACKGROUND */
const canvas = document.getElementById('particles');
const ctx = canvas.getContext('2d');
function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
window.addEventListener('resize', resize);
resize();
const particles = [];
for (let i = 0; i < 120; i++) {
particles.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
r: Math.random() * 1.5 + 0.5,
dx: (Math.random() - 0.5) * 0.5,
dy: (Math.random() - 0.5) * 0.5
});
}
function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = '#00fff7';
particles.forEach(p => {
p.x += p.dx;
p.y += p.dy;
if (p.x < 0 || p.x > canvas.width) p.dx *= -1;
if (p.y < 0 || p.y > canvas.height) p.dy *= -1;
ctx.beginPath();
ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
ctx.fill();
});
requestAnimationFrame(animate);
}
animate();
</script>
</body>
</html>