HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
1920x1080
109 KB
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ULTIMATE TERMINAL | BOSS EDITION</title>
    <style>
        :root {
            --neon-red: #ff0000; --neon-orange: #ff7300; --neon-yellow: #fffb00;
            --neon-green: #48ff00; --neon-cyan: #00ffd5; --neon-blue: #002bff; --neon-purple: #7a00ff;
        }

        body, html {
            margin: 0; padding: 0; width: 100%; height: 100%;
            background: #000; color: var(--neon-cyan);
            font-family: 'Consolas', 'Courier New', monospace;
            overflow: hidden;
        }

        /* Matrix Background Canvas */
        #matrixCanvas {
            position: fixed; top: 0; left: 0; z-index: -1; opacity: 0.15;
        }

        .dashboard {
            display: grid;
            grid-template-rows: 80px 1fr 100px;
            height: 100vh;
            padding: 20px;
            box-sizing: border-box;
            border: 4px solid;
            border-image: linear-gradient(45deg, var(--neon-red), var(--neon-yellow), var(--neon-green), var(--neon-cyan), var(--neon-blue), var(--neon-purple), var(--neon-red)) 1;
            animation: borderGlow 3s infinite linear;
        }

        @keyframes borderGlow {
            0% { filter: hue-rotate(0deg) drop-shadow(0 0 10px var(--neon-cyan)); }
            100% { filter: hue-rotate(360deg) drop-shadow(0 0 20px var(--neon-purple)); }
        }

        .header {
            display: flex; justify-content: space-between; align-items: center;
            border-bottom: 2px solid rgba(0, 255, 213, 0.3);
            text-shadow: 0 0 10px var(--neon-cyan);
        }

        .glitch-title {
            font-size: 2rem; font-weight: bold; letter-spacing: 5px;
            animation: glitch 2s infinite;
        }

        .main-content {
            display: grid; grid-template-columns: 1fr 300px; gap: 20px;
            margin-top: 20px; overflow: hidden;
        }

        #console {
            background: rgba(0, 20, 0, 0.8);
            border: 1px solid var(--neon-green);
            padding: 20px; overflow-y: auto;
            border-radius: 10px; box-shadow: inset 0 0 20px rgba(0, 255, 0, 0.2);
        }

        .side-panel {
            background: rgba(10, 10, 10, 0.9);
            border-left: 2px solid var(--neon-blue);
            padding: 15px; display: flex; flex-direction: column; gap: 20px;
        }

        .status-box {
            border: 1px solid var(--neon-purple); padding: 10px;
            background: rgba(122, 0, 255, 0.1); border-radius: 5px;
        }

        .input-bar {
            display: flex; gap: 15px; align-items: center;
        }

        input[type="text"] {
            flex: 1; background: #111; border: 1px solid var(--neon-cyan);
            color: white; padding: 15px; border-radius: 5px; outline: none;
            box-shadow: 0 0 10px rgba(0, 255, 213, 0.2);
        }

        .action-btn {
            background: var(--neon-cyan); color: #000; border: none;
            padding: 15px 30px; font-weight: bold; cursor: pointer;
            border-radius: 5px; transition: 0.3s;
        }

        .action-btn:hover {
            background: white; box-shadow: 0 0 20px var(--neon-cyan); transform: scale(1.05);
        }

        /* Pulsing "Call" Animation */
        .ping-circle {
            width: 50px; height: 50px; background: var(--neon-red);
            border-radius: 50%; margin: 0 auto;
            animation: pulse 1.5s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(0.5); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
            100% { transform: scale(1.2); opacity: 0; box-shadow: 0 0 0 20px rgba(255, 0, 0, 0); }
        }

        @keyframes glitch {
            0% { transform: translate(0); }
            20% { transform: translate(-2px, 2px); }
            40% { transform: translate(-2px, -2px); }
            60% { transform: translate(2px, 2px); }
            80% { transform: translate(2px, -2px); }
            100% { transform: translate(0); }
        }
    </style>
</head>
<body>

    <canvas id="matrixCanvas"></canvas>

    <div class="dashboard">
        <div class="header">
            <div class="glitch-title">BOSS_COMMAND_v9.0</div>
            <div>LOCATION: <span id="ip">192.168.1.1</span> | OS: KALI_V2</div>
        </div>

        <div class="main-content">
            <div id="console">
                <p style="color: var(--neon-yellow)">[SYSTEM] Terminal Securely Initialized...</p>
                <p style="color: var(--neon-green)">[AUTH] Welcome, Master. System is at your command.</p>
                <hr style="border: 0.5px solid rgba(0, 255, 213, 0.2)">
            </div>
            
            <div class="side-panel">
                <div class="status-box">
                    <p>ACTIVE SCANNING</p>
                    <div class="ping-circle" id="pulseCircle" style="display:none;"></div>
                </div>
                <div class="status-box" style="border-color: var(--neon-blue)">
                    <p>ENCRYPTION: 4096-BIT</p>
                    <div style="height: 5px; background: var(--neon-blue); width: 80%; animation: load 2s infinite alternate;"></div>
                </div>
            </div>
        </div>

        <div class="input-bar">
            <input type="text" id="cmdInput" placeholder="Enter Number/Target for Deep Trace...">
            <button class="action-btn" onclick="executeCommand()">EXECUTE</button>
        </div>
    </div>

    <script>
        // Matrix Background Effect
        const canvas = document.getElementById('matrixCanvas');
        const ctx = canvas.getContext('2d');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$%^&*";
        const fontSize = 16;
        const columns = canvas.width / fontSize;
        const drops = Array(Math.floor(columns)).fill(1);

        function drawMatrix() {
            ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
            ctx.fillRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "#0F0";
            ctx.font = fontSize + "px monospace";
            for (let i = 0; i < drops.length; i++) {
                const text = letters[Math.floor(Math.random() * letters.length)];
                ctx.fillText(text, i * fontSize, drops[i] * fontSize);
                if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) drops[i] = 0;
                drops[i]++;
            }
        }
        setInterval(drawMatrix, 50);

        // Terminal Logic
        const consoleEl = document.getElementById('console');
        const inputEl = document.getElementById('cmdInput');
        const pulse = document.getElementById('pulseCircle');

        function log(msg, color = 'var(--neon-cyan)') {
            const p = document.createElement('p');
            p.style.color = color;
            p.innerHTML = `[${new Date().toLocaleTimeString()}] > ${msg}`;
            consoleEl.appendChild(p);
            consoleEl.scrollTop = consoleEl.scrollHeight;
        }

        function executeCommand() {
            const val = inputEl.value;
            if(!val) return;

            pulse.style.display = 'block';
            log(`Establishing secure link to target: ${val}...`, 'var(--neon-yellow)');
            
            setTimeout(() => log(`Injecting SQL-Payload into network nodes...`, 'var(--neon-orange)'), 1000);
            setTimeout(() => log(`Target identified. Location: Server_09X`, 'var(--neon-blue)'), 2500);
            setTimeout(() => {
                log(`PROCESS SUCCESSFUL. CONNECTION PERMANENT.`, 'var(--neon-green)');
                log(`System is now tracking all activity...`, 'var(--neon-red)');
                pulse.style.display = 'none';
            }, 5000);

            inputEl.value = '';
        }
    </script>
</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
8KB
Transfer Size
8KB
Content Size
172.0ms
Dom Content Loaded
412.0ms
First Paint
173.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests