<!--
-- 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>