<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>250 free </title>
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{
height:100vh;width:100%;overflow:hidden;
background-image:url("bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;
}
.content{
position:absolute; inset:0;
display:flex; flex-direction:column;
justify-content:space-between;
align-items:center; text-align:center;
padding:18px 16px 140px 16px;
color:#fff;
}
.logo{
margin-top:10px; width:100%;
display:flex; justify-content:center; align-items:center;
}
.logo img{
width:240px; height:75px;
border-radius:14px;
object-fit:contain;
padding:8px;
background: rgba(255,255,255,0.18);
backdrop-filter: blur(6px);
box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}
.text-area{
margin-top:auto;
margin-bottom:16px;
}
.text-area h1{
font-size:26px;
font-weight:800;
margin-bottom:10px;
text-shadow:0 4px 12px rgba(0,0,0,0.65);
}
.text-area p{
font-size:15px;
max-width:340px;
line-height:1.5;
opacity:0.95;
text-shadow:0 4px 12px rgba(0,0,0,0.65);
}
.whatsapp-fixed{
position:fixed;
bottom:18px;
left:50%;
transform:translateX(-50%);
z-index:999;
width:90%;
max-width:420px;
}
@keyframes pulseGlow {
0%{ transform:scale(1); box-shadow:0 0 0 rgba(37,211,102,0.0); }
50%{ transform:scale(1.05); box-shadow:0 0 25px rgba(37,211,102,0.85); }
100%{ transform:scale(1); box-shadow:0 0 0 rgba(37,211,102,0.0); }
}
.whatsapp-btn{
width:100%;
display:flex;
justify-content:center;
align-items:center;
gap:10px;
background:#25D366;
color:white;
text-decoration:none;
padding:16px 18px;
border-radius:16px;
font-size:18px;
font-weight:800;
animation:pulseGlow 1s infinite;
}
/* ✅ Tap for Sound Button */
.sound-btn{
position:fixed;
top:18px;
right:18px;
z-index:9999;
background:rgba(0,0,0,0.55);
color:#fff;
border:1px solid rgba(255,255,255,0.25);
padding:10px 14px;
border-radius:999px;
font-size:13px;
font-weight:700;
display:none;
cursor:pointer;
}
</style>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1747351099564188');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1747351099564188&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
</head>
<body>
<div class="content">
<div class="logo">
<img src="logo.png" alt="Logo">
</div>
<div class="text-area">
<h1>Welcome 👋</h1>
<p>WhatsApp pe message karo, 1 minute me reply milega ✅</p>
</div>
</div>
<div class="whatsapp-fixed">
<a class="whatsapp-btn"
href="https://wa.me/94774157228?text=%2Ai+want+%21d%2A"
target="_blank"
onclick="stopMusic()">
💬 GET !D HERE
</a>
</div>
<script>
const music = document.getElementById("bgMusic");
const soundBtn = document.getElementById("soundBtn");
// ✅ Try autoplay
window.addEventListener("load", () => {
music.play().then(() => {
soundBtn.style.display = "none";
}).catch(() => {
soundBtn.style.display = "block";
});
});
// ✅ User tap => music start
soundBtn.addEventListener("click", () => {
music.play().then(() => {
soundBtn.style.display = "none";
});
});
// ✅ Extra: user screen tap anywhere to start music (first tap)
document.body.addEventListener("click", () => {
if (music.paused) {
music.play().then(() => {
soundBtn.style.display = "none";
}).catch(()=>{});
}
}, { once: true });
// ✅ WhatsApp click => music stop
function stopMusic(){
music.pause();
music.currentTime = 0;
}
</script>
</body>
</html>
