<!DOCTYPE html>
<html lang="ur">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free 100MB Offer</title>
<style>
body { font-family: Arial, sans-serif; background: #f9f9f9; text-align: center; padding: 20px; }
.container { max-width: 400px; margin: auto; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
h2 { color: #d32f2f; margin-bottom: 10px; }
.logos img { height: 40px; margin: 5px; }
select, input { padding: 10px; width: 90%; margin: 10px 0; border: 1px solid #ccc; border-radius: 6px; }
button { padding: 10px 20px; border: none; border-radius: 6px; background: #1976d2; color: white; cursor: pointer; margin: 10px; }
button:disabled { background: #aaa; cursor: not-allowed; }
.status { color: green; display: none; margin-top: 5px; font-weight: bold; }
.step { margin-top: 20px; }
.btn-disabled { background: #999!important; cursor: not-allowed!important; }
</style>
</head>
<body>
<div class="container">
<h2>🎁 100MB Free Internet</h2>
<div class="logos">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/STC_logo.svg/2560px-STC_logo.svg.png" alt="STC" />
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/3/33/Red_Bull.svg/1280px-Red_Bull.svg.png" alt="RedBull" />
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/76/Zain_logo.svg/2560px-Zain_logo.svg.png" alt="Zain" />
</div>
<!-- Step 1 -->
<div class="step" id="step1">
<h3>Step 1: YouTube Subscribe</h3>
<button id="subscribeBtn">Subscribe Channel</button>
<div id="subStatus" class="status">✅ Subscribed</div>
</div>
<!-- Step 2 -->
<div class="step" id="step2">
<h3>Step 2: Select Network & Enter Number</h3>
<select id="network" disabled>
<option value="">اپنا نیٹ ورک منتخب کریں</option>
<option value="STC">STC</option>
<option value="RedBull">Red Bull</option>
<option value="Zain">Zain</option>
<option value="Mobily">Mobily</option>
<option value="Virgin">Virgin Mobile</option>
<option value="GO">GO Telecom</option>
<option value="Lebara">Lebara</option>
<option value="Etisalat">Etisalat</option>
</select>
<input type="text" id="phone" placeholder="اپنا موبائل نمبر درج کریں" disabled>
<button id="confirmNetwork" disabled>Confirm</button>
<div id="netStatus" class="status">✅ Number Confirmed</div>
</div>
<!-- Step 3 -->
<div class="step" id="step3">
<h3>Step 3: Share on WhatsApp</h3>
<button id="shareBtn" disabled>Share to WhatsApp</button>
<div id="shareStatus" class="status"></div>
</div>
<!-- Final Step -->
<div class="step" id="finalStep" style="display:none;">
<h3>Step 4: Submit</h3>
<button id="submitBtn" disabled>Submit</button>
</div>
</div>
<script>
const channelUrl = "https://youtube.com/@areeba3star?si=3AUDu8Ovt0u46Tvy";
const subscribeBtn = document.getElementById('subscribeBtn');
const subStatus = document.getElementById('subStatus');
const network = document.getElementById('network');
const phoneInput = document.getElementById('phone');
const confirmNetwork = document.getElementById('confirmNetwork');
const netStatus = document.getElementById('netStatus');
const shareBtn = document.getElementById('shareBtn');
const shareStatus = document.getElementById('shareStatus');
const finalStep = document.getElementById('finalStep');
const submitBtn = document.getElementById('submitBtn');
let subscribed = false;
let networkConfirmed = false;
let shareCount = 0;
// Subscribe
subscribeBtn.addEventListener('click', ()=>{
window.open(channelUrl,'_blank');
subscribed = true;
subStatus.style.display = 'inline-block';
subscribeBtn.classList.add('btn-disabled');
subscribeBtn.disabled = true;
network.disabled = false;
phoneInput.disabled = false;
confirmNetwork.disabled = false;
});
// Confirm Network
confirmNetwork.addEventListener('click', ()=>{
if(!subscribed){ alert("پہلے سبسکرائب کریں!"); return; }
const ph = phoneInput.value.trim();
if(!ph){ alert("براہ کرم فون نمبر درج کریں."); return; }
if(ph.length < 8){ alert("براہ کرم درست فون نمبر درج کریں."); return; }
networkConfirmed = true;
netStatus.style.display = 'inline-block';
phoneInput.disabled = true;
network.disabled = true;
confirmNetwork.classList.add('btn-disabled');
confirmNetwork.disabled = true;
shareBtn.disabled = false;
});
// Share to WhatsApp
shareBtn.addEventListener('click', ()=>{
if(!subscribed || !networkConfirmed){ alert("پہلے پچھلے steps مکمل کریں!"); return; }
const txt = encodeURIComponent("میں نے ایک فری 100MB آفر دیکھی — آپ بھی چیک کریں: " + location.href);
const wa = "https://wa.me/?text=" + txt;
window.open(wa,'_blank');
shareCount++;
if(shareCount >= 3){
shareStatus.textContent = "✅ Shared (3/3)";
shareBtn.classList.add('btn-disabled');
shareBtn.disabled = true;
finalStep.style.display = 'block';
submitBtn.disabled = false;
} else {
shareStatus.textContent = `Shared (${shareCount}/3)`;
}
shareStatus.style.display = 'inline-block';
});
// Submit
submitBtn.addEventListener('click', ()=>{
alert("✅ Congratulations! Aapne 100MB Free Internet unlock kar liya.");
});
</script>
</body>
</html>
🎁 100MB Free Internet
Step 1: YouTube Subscribe
✅ Subscribed
Step 2: Select Network & Enter Number
✅ Number Confirmed
Social Plugin