https://nu.bgrepp5.za.com/

스캔 ID:
ba2c3c37-1dea-4e7f-a538-f19b332bc78d완료
제출된 URL:
https://nu.bgrepp5.za.com/
보고서 완료:

링크 · 0개 결과

JavaScript 변수 · 4개 결과

이름유형
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
updateCountdownfunction

콘솔 로그 메시지 · 1개 결과

유형카테고리로그
errornetwork
URL
https://nu.bgrepp5.za.com/favicon.ico
텍스트
Failed to load resource: the server responded with a status of 404 (Not Found)

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Site Under Construction</title>
    <style>
        /* Basic Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: #f7f7f7;
            color: #333;
            text-align: center;
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            width: 90%;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            position: relative;
            z-index: 1;
        }

        header {
            background: #4CAF50;
            color: #fff;
            padding: 30px 20px;
            border-radius: 10px;
            margin-bottom: 20px;
        }

        header h1 {
            font-size: 2.8em;
        }

        header p {
            font-size: 1.2em;
            margin-top: 10px;
        }

        .progress-bar {
            position: relative;
            height: 30px;
            width: 100%;
            background: #ddd;
            border-radius: 5px;
            overflow: hidden;
            margin: 20px 0;
        }

        .progress-bar::before {
            content: '';
            position: absolute;
            height: 100%;
            width: 50%; /* Adjust width to simulate progress */
            background: #4CAF50;
            animation: progress 2s ease-in-out infinite;
        }

        @keyframes progress {
            0% { width: 0%; }
            50% { width: 100%; }
            100% { width: 0%; }
        }

        .info {
            margin: 20px 0;
        }

        .info h2 {
            font-size: 2.2em;
            margin-bottom: 10px;
        }

        .info p {
            font-size: 1.1em;
            margin-bottom: 10px;
        }

        footer {
            background: #4CAF50;
            color: #fff;
            padding: 15px 20px;
            border-radius: 10px;
            margin-top: 20px;
        }

        footer p {
            font-size: 1em;
        }

        .countdown {
            font-size: 1.5em;
            margin: 30px 0;
        }

        .animated-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, #4CAF50, #8BC34A);
            animation: bgAnimation 15s linear infinite;
            z-index: 0;
            opacity: 0.2;
        }

        @keyframes bgAnimation {
            0% { background-position: 0% 0%; }
            100% { background-position: 100% 100%; }
        }

    </style>
</head>
<body>
    <div class="animated-bg"></div>
    <div class="container">
        <header>
            <h1>Site Under Construction</h1>
            <p>We're working hard to bring you an awesome new experience. Please check back soon!</p>
        </header>
        <main>
            <section class="progress-bar"></section>
            <section class="info">
                <h2>What’s Happening?</h2>
                <p>Our team is busy enhancing our website. We are implementing new features and improving the overall user experience.</p>
                <p>Stay tuned for updates!</p>
            </section>
            <section class="countdown">
                <h2>Launching in:</h2>
                <div id="timer"></div>
            </section>
        </main>
        <footer>
            <p>© 2024 PANDA . All Rights Reserved.</p>
        </footer>
    </div>

    <script>
        // Countdown Timer Script
        const endDate = new Date('2024-11-15T23:59:59').getTime();
        const timerElement = document.getElementById('timer');

        function updateCountdown() {
            const now = new Date().getTime();
            const distance = endDate - now;

            const days = Math.floor(distance / (1000 * 60 * 60 * 24));
            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((distance % (1000 * 60)) / 1000);

            timerElement.innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s`;

            if (distance < 0) {
                clearInterval(interval);
                timerElement.innerHTML = "We're live!";
            }
        }

        const interval = setInterval(updateCountdown, 1000);
    </script>


</body></html>