Get 25$
Anonymous
70 x views • 1 year ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Reward Generator</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
height: 100%;
background: #000;
font-family: Arial, sans-serif;
color: #fff;
}
.center-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 20px;
}
.box {
background: #1a1a1a;
padding: 25px 20px;
border-radius: 15px;
width: 100%;
max-width: 400px;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
text-align: center;
}
h2 {
margin-bottom: 10px;
font-size: 20px;
color: #fff; /* ini bagian yang diubah */
}
.ip, .timer { font-size: 14px; color: #ccc; margin-bottom: 8px; }
.stat { color: #00d26a; margin-bottom: 12px; font-size: 15px; }
select, button {
width: 100%;
padding: 12px;
font-size: 16px;
border-radius: 6px;
border: none;
margin-top: 10px;
}
select {
background: #000;
color: #fff;
border: 1px solid #444;
}
button {
background: #00d26a;
color: #000;
font-weight: bold;
cursor: pointer;
animation: glow 1.5s infinite alternate;
}
@keyframes glow {
from { box-shadow: 0 0 5px #00d26a; }
to { box-shadow: 0 0 15px #00ff9d; }
}
.loader {
border: 8px solid #333;
border-top: 8px solid #00d26a;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
margin: 20px auto;
display: none;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.balance {
font-size: 24px;
color: #2ecc71;
margin-top: 20px;
display: none;
}
#step {
margin-top: 10px;
font-size: 15px;
color: #ccc;
}
.flag { font-size: 20px; margin: 5px 0; }
.toast {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: #00d26a;
color: #000;
padding: 10px 20px;
border-radius: 8px;
font-weight: bold;
z-index: 9999;
animation: fadeOut 3s forwards;
}
@keyframes fadeOut {
0% {opacity: 1;}
80% {opacity: 1;}
100% {opacity: 0;}
}
</style>
</head>
<body>
<div class="center-wrapper">
<div class="box">
<h2>🎁 Claim Your Reward</h2>
<div class="ip">Your IP: <span id="fake-ip"></span></div>
<div class="timer">⏳ Offer expires in <span id="countdown">1:30</span></div>
<div class="stat">🎯 Remaining rewards: <span id="left">23</span></div>
<div class="stat">🎉 Total claimed today: <span id="total">4323</span></div>
<div class="flag"><span id="flag">🌐</span></div>
<select id="country" onchange="updateFlag()"></select>
<button onclick="startReward()">CLAIM REWARD</button>
<div class="loader" id="loader"></div>
<div id="step"></div>
<div class="balance" id="balance">Balance: $<span id="amount">0</span>.00</div>
</div>
</div>
<audio id="sound" src="https://cdn.pixabay.com/audio/2022/03/15/audio_c50ccca1d6.mp3"></audio>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js"></script>
<script>
const countries = {
AR: 'Argentina 🇦🇷', AU: 'Australia 🇦🇺', BD: 'Bangladesh 🇧🇩', BE: 'Belgium 🇧🇪',
BR: 'Brazil 🇧🇷', CA: 'Canada 🇨🇦', CL: 'Chile 🇨🇱', CN: 'China 🇨🇳', CO: 'Colombia 🇨🇴',
CZ: 'Czech Republic 🇨🇿', DK: 'Denmark 🇩🇰', EG: 'Egypt 🇪🇬', FI: 'Finland 🇫🇮',
FR: 'France 🇫🇷', DE: 'Germany 🇩🇪', GR: 'Greece 🇬🇷', HK: 'Hong Kong 🇭🇰',
IN: 'India 🇮🇳', ID: 'Indonesia 🇮🇩', IE: 'Ireland 🇮🇪', IL: 'Israel 🇮🇱',
IT: 'Italy 🇮🇹', JP: 'Japan 🇯🇵', KZ: 'Kazakhstan 🇰🇿', KE: 'Kenya 🇰🇪',
MY: 'Malaysia 🇲🇾', MA: 'Morocco 🇲🇦', MX: 'Mexico 🇲🇽', NL: 'Netherlands 🇳🇱',
NZ: 'New Zealand 🇳🇿', NG: 'Nigeria 🇳🇬', NO: 'Norway 🇳🇴', PK: 'Pakistan 🇵🇰',
PE: 'Peru 🇵🇪', PH: 'Philippines 🇵🇭', PL: 'Poland 🇵🇱', PT: 'Portugal 🇵🇹',
RO: 'Romania 🇷🇴', RU: 'Russia 🇷🇺', SA: 'Saudi Arabia 🇸🇦', RS: 'Serbia 🇷🇸',
SG: 'Singapore 🇸🇬', ZA: 'South Africa 🇿🇦', KR: 'South Korea 🇰🇷',
ES: 'Spain 🇪🇸', SE: 'Sweden 🇸🇪', CH: 'Switzerland 🇨🇭', TH: 'Thailand 🇹🇭',
TR: 'Turkey 🇹🇷', UA: 'Ukraine 🇺🇦', AE: 'United Arab Emirates 🇦🇪',
GB: 'United Kingdom 🇬🇧', US: 'United States 🇺🇸', UZ: 'Uzbekistan 🇺🇿',
VE: 'Venezuela 🇻🇪', VN: 'Vietnam 🇻🇳', ZW: 'Zimbabwe 🇿🇼'
};
const countrySelect = document.getElementById("country");
Object.entries(countries)
.sort((a, b) => a[1].localeCompare(b[1]))
.forEach(([code, name]) => {
const option = document.createElement("option");
option.value = code;
option.textContent = name;
countrySelect.appendChild(option);
});
const rand = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
const randomIP = () => `${[192,172,103,36,114,10][rand(0,5)]}.${rand(0,255)}.${rand(0,255)}.${rand(1,254)}`;
document.getElementById("fake-ip").textContent = randomIP();
function updateFlag() {
const selected = document.getElementById("country").value;
const flag = countries[selected]?.split(" ").pop() || '🌐';
document.getElementById("flag").textContent = flag;
}
updateFlag();
const steps = [
"🔍 Connecting to secure server...",
"🔐 Verifying session...",
"💳 Checking balance...",
"✅ Success! You've earned:"
];
let stepIndex = 0;
function startReward() {
document.querySelector("button").disabled = true;
document.getElementById("loader").style.display = "block";
const stepEl = document.getElementById("step");
const balance = document.getElementById("balance");
const amount = document.getElementById("amount");
const sound = document.getElementById("sound");
const reward = rand(10, 25);
stepIndex = 0;
stepEl.textContent = steps[stepIndex];
const interval = setInterval(() => {
stepIndex++;
if (stepIndex < steps.length) {
stepEl.textContent = steps[stepIndex];
} else {
clearInterval(interval);
balance.style.display = "block";
animateReward(reward, amount, sound);
}
}, 2000);
}
function animateReward(target, amountEl, sound) {
let current = 0;
const timer = setInterval(() => {
current += 0.5;
amountEl.textContent = current.toFixed(2);
if (current >= target) {
clearInterval(timer);
startConfetti();
sound.play();
const left = document.getElementById("left");
left.textContent = Math.max(0, parseInt(left.textContent) - 1);
setTimeout(() => {
window.location.href = "https://www.profitableratecpm.com/r012rih0?key=fbe3c54d33025a2064eaea57049cd387";
}, 3000);
}
}, 50);
}
function startConfetti() {
const duration = 2000;
const end = Date.now() + duration;
const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 9999 };
const interval = setInterval(() => {
const timeLeft = end - Date.now();
if (timeLeft <= 0) return clearInterval(interval);
confetti(Object.assign({}, defaults, {
particleCount: 50 * (timeLeft / duration),
origin: { x: Math.random(), y: Math.random() - 0.2 }
}));
}, 250);
}
let countdown = 120;
setInterval(() => {
if (countdown <= 0) return;
countdown--;
const minutes = Math.floor(countdown / 60);
const seconds = countdown % 60;
document.getElementById("countdown").textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`;
}, 1000);
let total = 4321;
setInterval(() => {
total += rand(1, 3);
document.getElementById("total").textContent = total;
const ip = randomIP();
const code = Object.keys(countries)[rand(0, Object.keys(countries).length - 1)];
const flag = countries[code]?.split(" ").pop();
const amount = (Math.random() * (25 - 10) + 10).toFixed(2);
showToast(`📍 User-${ip} from ${flag} claimed $${amount}`);
}, 6000);
function showToast(msg) {
const toast = document.createElement("div");
toast.className = "toast";
toast.textContent = msg;
document.body.appendChild(toast);
setTimeout(() => toast.remove(), 3000);
}
</script>
</body>
</html>
