<!--
--  Uploaded on : https://haxor.my.id/open/SMS_BOMBER.html
--  Official Web : https://prinsh.com
--  script-deface-generator.prinsh.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SF SMS BOMBER</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #1a1a1a, #0f0c29, #302b63, #24243e);
            background-size: 400% 400%;
            animation: gradientBG 8s ease infinite;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            color: #fff;
        }
        
        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .container {
            background: rgba(0, 0, 0, 0.8);
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 0 20px rgba(0, 255, 255, 0.6);
            text-align: center;
            width: 400px;
            backdrop-filter: blur(10px);
        }

        h2 {
            font-size: 30px;
            font-weight: bold;
            animation: colorChange 3s infinite alternate;
            text-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
        }

        @keyframes colorChange {
            0% { color: #ff0000; }
            25% { color: #00ff00; }
            50% { color: #0000ff; }
            75% { color: #ff00ff; }
            100% { color: #ffeb00; }
        }

        input {
            width: calc(100% - 24px);
            padding: 12px;
            margin: 12px 0;
            border: none;
            border-radius: 5px;
            background: #222;
            color: #00ffcc;
            font-size: 16px;
            outline: none;
            text-align: center;
            box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);
        }

        button {
            background: linear-gradient(45deg, #ff0000, #ff7300, #ffeb00, #00ff00, #00ffee, #0000ff, #ff00ff);
            background-size: 300% 300%;
            animation: gradientMove 5s infinite alternate;
            color: #fff;
            padding: 15px;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            width: 100%;
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
            transition: all 0.4s ease;
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
        }

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

        button:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 25px rgba(255, 0, 127, 0.9);
            text-shadow: 0 0 20px rgba(255, 255, 255, 1);
        }

        #message {
            margin-top: 10px;
            font-size: 18px;
            font-weight: bold;
            animation: colorChange 3s infinite alternate;
            text-shadow: 0 0 5px yellow;
        }

        .telegram-button {
            display: inline-block;
            padding: 12px 20px;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            color: white;
            border-radius: 25px;
            margin-top: 15px;
            animation: colorChange 3s infinite alternate;
            transition: transform 0.3s ease-in-out;
            box-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
        }

        .telegram-button:hover {
            transform: scale(1.1);
        }

        /* Developer X Sumon Style */
        .developer-info {
            margin-top: 15px;
            font-size: 14px;
            color: #bbb;
            font-weight: bold;
        }

        /* Color changing animation for Developer X Sumon link */
        @keyframes colorCycle {
            0% { color: #ff0000; }
            10% { color: #ff7300; }
            20% { color: #ffeb00; }
            30% { color: #00ff00; }
            40% { color: #00ffee; }
            50% { color: #0000ff; }
            60% { color: #ff00ff; }
            70% { color: #ff0000; }
            80% { color: #ff7300; }
            90% { color: #ffeb00; }
            100% { color: #00ff00; }
        }

        .developer-info a {
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
            color: #ff0000; /* Initial color */
            animation: colorCycle 1s infinite;
        }

        .developer-info a:hover {
            transform: scale(1.1);
        }

    </style>
</head>
<body>

<div class="container">
    <h2>SF SMS BOMBER</h2>
    <form id="apiForm">
        <input type="text" name="phone" id="phone" placeholder="Enter Phone Number" required>
        <input type="number" name="amount" id="amount" placeholder="Enter Amount" required>
        <button type="submit">START</button>
    </form>
    <div id="message"></div>

    <!-- Telegram Button -->
    <a href="https://t.me/SUMON_TIPS_AND_TRICK" class="telegram-button" target="_blank">Join Telegram Channel</a>

    <!-- Developer Info with Telegram ID -->
    <div class="developer-info">
        <a href="https://t.me/Sumon_Vaiya_08" target="_blank">API কিনতে এখানে চাপ দাও</a>
    </div>
</div>

<script>
    document.getElementById("apiForm").addEventListener("submit", function(event) {
        event.preventDefault();
        
        var phone = document.getElementById("phone").value;
        var amount = document.getElementById("amount").value;
        var messageDiv = document.getElementById("message");

        if (!phone || amount <= 0) {
            messageDiv.innerHTML = "⚠️ Please enter a valid phone number and amount!";
            return;
        }

        messageDiv.innerHTML = "⏳ Bombing in progress...";

        // API URL (Replace this with your API)
        var apiUrl = " এখানে API দাও " + encodeURIComponent(phone);

        fetch(apiUrl, { method: "GET" })
        .then(response => response.text())
        .then(data => {
            messageDiv.innerHTML = " Bombing successfully!";
        })
        .catch(error => {
            messageDiv.innerHTML = "❌ Error: " + error.message;
        });
    });
</script>

</body>
</html>