<!DOCTYPE html>
<html lang="ru">
<head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WSKWZ3YXP3"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-WSKWZ3YXP3');
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Трусишки для СПАМЕРОВ</title>
    <iframe
    src="https://www.virustotal.com/graph/embed/gd1f34901f9374a8786a41909b52aa26a7bf2665924f548449fb797a310f1f5bb?theme=dark"
    width="700"
    height="400">
    </iframe>
    <style>
        /* Basic styling for the body to ensure a playful, colorful look */
        body {
            font-family: Comic Sans MS, sans-serif;
            background-color: hotpink;
            color: lime;
            text-align: center;
        }
        
        /* Header with a bold, dashed border for visual separation */
        header {
            background-color: purple;
            padding: 20px;
            border-bottom: 5px dashed yellow;
        }
        
        /* Navigation links styled for easy visibility */
        nav {
            margin: 20px;
        }
        nav a {
            margin: 0 10px;
            color: cyan;
            text-decoration: none;
            font-weight: bold;
        }
        nav a:hover {
            text-decoration: underline;
        }
        
        /* Catalog section for showcasing products in a responsive grid */
        .catalog {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 20px;
        }
        .item {
            border: 3px dotted lime;
            margin: 10px;
            padding: 20px;
            background-color: lightyellow;
            width: 200px;
        }
        .item img {
            max-width: 100%;
            height: auto;
        }
        
        /* Styling for the order form */
        form {
            margin-top: 20px;
            background-color: lightblue;
            padding: 20px;
            border: 4px solid red;
            display: inline-block;
        }
        form input, form select {
            margin: 10px 0;
            padding: 10px;
            width: 90%;
        }
        
        /* Flashing banner animation for grabbing attention */
        .banner {
            margin: 20px auto;
            padding: 10px;
            background-color: yellow;
            color: red;
            font-size: 20px;
            font-weight: bold;
            animation: flash 1s infinite alternate;
        }
        @keyframes flash {
            from {
                background-color: yellow;
            }
            to {
                background-color: orange;
            }
        }
        
        /* Footer styling for consistent theme */
        footer {
            margin-top: 20px;
            background-color: purple;
            padding: 10px;
            color: white;
        }
        
        /* Flying images for the funny page */
        .flying {
            position: absolute;
            animation: fly 10s linear infinite;
        }
        @keyframes fly {
            0% {
                top: -100px;
                left: -100px;
            }
            50% {
                top: 50%;
                left: 50%;
            }
            100% {
                top: 120%;
                left: 120%;
            }
        }
    </style>
</head>
<body>
    <!-- Main header of the site -->
    <header>
        <h1>🐓Добро пожаловать в "Спам-ебал"👉👌</h1>
        <p>Ваш лучший помошник чтобы показать спамерам как они заебали! Ведь правда бесит когда тебе почту засоряют хуетой? Вот и иди нахуй)</p>
    </header>
    
    <!-- Attention-grabbing banner -->
    <div class="banner">🔥Когда ебали, что на жопе написали?🔥</div>
    
    <!-- Navigation links to different sections -->
    <nav>
        <a href="#catalog">Каталог</a>
        <a href="#order">Оформить заказ</a>
        <a href="#contact">О нас</a>
    </nav>

    <!-- Product catalog showcasing various items -->
    <section id="catalog" class="catalog">
        <div class="item">
            <h2>"Подсрунчики для мошенников"</h2>
            <img src="/resized-image (2).jpg" alt="Spammer Trusy">
            <p>Отлично подходят чтобы слать эти ебаные фишинговые письма! $16.99</p>
        </div>
        <div class="item">
            <h2>"Hacker's Шпили-вили"</h2>
            <img src="/resized-image.jpg" alt="Hacker's Trusy">
            <p>Чтобы не жало ужика и вареник не потел пока разводишь людей на бабки! $14.99.</p>
        </div>
        <div class="item">
            <h2>"Шалав-комфорт"</h2>
            <img src="/resized-image (4).jpg" alt="Conman Comfort">
            <p>Помогает ощущать комфорт от ебли в жопу. $12.49.</p>
        </div>
        <div class="item">
            <h2>"Ректальное развал-схождение"</h2>
            <img src="/resized-image (3).jpg" alt="Unicorn Trusy">
            <p>Магия раздвига булок когда твой IP оказался в моих логах! $11.99!</p>
        </div>
        <div class="item">
            <h2>"Сосал-глотал"</h2>
            <img src="/resized-image (1).jpg" alt="Llama Trusy">
            <p>Спортивный автомобиль в мире трусов. $13.49.</p>
        </div>
    </section>

    <!-- Order form for customers to input their details -->
   <html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Order Form</title>
</head>
<body>

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Оформление заказа</title>
</head>
<body>

<section id="order">
    <h2>Введите данные</h2>
    <form id="orderForm">
        <label for="name">Полное имя:</label>
        <input type="text" id="name" name="name" required>

        <label for="email">Почта для пробива:</label>
        <input type="email" id="email" name="email" required>

        <label for="product">🙀Выбери свою пару трусишек💥💞:</label>
        <select id="product" name="product" required>
            <option value="spammer">Подсрунчики для мошенников</option>
            <option value="hacker">Hacker's Шпили-вили</option>
            <option value="conman">Шалав-комфорт</option>
            <option value="unicorn">Ректальное развал-схождение</option>
            <option value="llama">Сосал-глотал</option>
        </select>

        <label for="address">🐷Адрес доставки подсрачничков🐷:</label>
        <input type="text" id="address" name="address" required>

        <label for="credit-card">Данные карты/Счёта (обещаем не красть деньги, как вы у простых людей):</label>
        <input type="text" id="credit-card" name="credit-card" required>

        <button class="submit" onclick="alert('Поздравляю! Подсрачники уже едут, а твою мать ебали!👉👌'); alert('Что-то сказать мне хочешь?💅'); alert('Ну только сначала нужно будет мать откопать⛳'); alert('Ну закрой и меня тоже чё тебе💔');  alert('Ну и иди нахуй 🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕🖕'); window.open('https://vkvideo.ru/video-195894817_456239182'); window.scrollTo(0,document.body.scrollHeight);">ОФОРМИТЬ ЗАКАЗ🔞</button>
        
    </form>
</section>

 <script>
        document.getElementById('orderForm').addEventListener('submit', async (event) => {
            event.preventDefault();
            const formData = new FormData(event.target);

            const response = await fetch('/submit-order.php', {
                method: 'POST',
                body: formData,
            });
            
           then(() => {
            // Уведомление о том, что заказ успешно отправлен
            alert("Сосал?");
            // Перенаправление на часть страницы funny_page.html
            window.location.href = "#funny_page";
        });

        });
    </script>

</body>
</html>


    <!-- Contact Us section for information about the seller -->
    <section id="contact">
        <h2>О нас</h2>
        <p>Мы ненавидим когда такие мрази как ты отправляешь фишинговые письма и в качестве жеста доброй воли мать твою вертели. Но у нас лучшие трусишки чтобы твоё порваное очко не стиралось. Заходи к нам почаще!.</p>
        <p>Email: shelf-tux-mortify@duck.com</p>
        <p>Телефон: А это тебя ебать не должно бля((( Сосал?</p>
    </section>

    <!-- Footer with a humorous disclaimer -->
    <footer>
        <p>© 2025 Трусишки для СПАМЕРОВ. И мать твою вертели🔞🐔 .</p>
    </footer>
</body>
</html>

<!-- Funny Page Content (funny_page.html) -->
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <section id="funny_page" class="funny_page">
    <title>Заказал? Сосать!</title>
    <style>
        body {
            background-color: yellow;
            font-family: Comic Sans MS, sans-serif;
            color: red;
            text-align: center;
        }
        .flying {
            position: absolute;
            animation: fly 10s linear infinite;
        }
        @keyframes fly {
            0% {
                transform: translate(-50%, -50%) rotate(0deg);
            }
            50% {
                transform: translate(50vw, 50vh) rotate(180deg);
            }
            100% {
                transform: translate(-50vw, -50vh) rotate(360deg);
            }
        }
    </style>
</head>
<body>
    <h1>Спасибо за заказ!</h1>
    <p>Ты помогаешь нам становиться лучше!</p>
    <img src="/dk.jpg" alt="Funny Trusy" class="flying">
    <img src="/x2xljzWVIL0.jpg" alt="Another Funny Trusy" class="flying" style="animation-delay: 2s;">
    <img src="/alCSw5CzOlo.jpg" alt="More Funny Trusy" class="flying" style="animation-delay: 4s;">
</body>
</html>
