<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover">
<title>Eidi Share & Earn | Eid ul Adha 2026 Challenge</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(145deg, #f9e7b3 0%, #f5c542 100%);
font-family: 'Segoe UI', 'Poppins', 'Tajawal', system-ui, -apple-system, 'Roboto', sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1.2rem;
}
/* top and bottom ad containers */
.ad-top, .ad-bottom {
display: flex;
justify-content: center;
align-items: center;
margin: 12px auto;
background: rgba(0,0,0,0.05);
border-radius: 20px;
padding: 6px;
width: 100%;
max-width: 560px;
min-height: 70px;
}
.ad-top iframe, .ad-bottom iframe {
max-width: 100%;
border-radius: 12px;
}
/* main card container */
.eidi-card {
max-width: 560px;
width: 100%;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(0px);
border-radius: 72px 48px 72px 48px;
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.2), 0 0 0 8px #ffefb9, 0 0 0 12px #d4a11e;
overflow: hidden;
transition: all 0.2s ease;
}
/* festive header */
.festive-header {
background: linear-gradient(135deg, #1e5a3a, #0e3e28);
padding: 1.8rem 1.5rem 1.2rem;
text-align: center;
color: #ffefb0;
clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.festive-header h1 {
font-size: 2.2rem;
letter-spacing: 2px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.festive-header h1 span {
background: #f4c542;
padding: 0 12px;
border-radius: 60px;
font-size: 1.5rem;
display: inline-block;
color: #1e3a2f;
}
.subhead {
font-size: 1rem;
margin-top: 8px;
font-weight: 500;
opacity: 0.9;
}
.blessing {
font-size: 0.9rem;
background: #ffdd88;
display: inline-block;
padding: 4px 14px;
border-radius: 40px;
color: #3b2a0f;
margin-top: 12px;
font-weight: bold;
}
/* main content */
.content {
padding: 2rem 1.8rem 2rem;
}
.prize-card {
background: #fff2df;
border-radius: 48px;
padding: 1.2rem;
text-align: center;
margin-bottom: 2rem;
box-shadow: inset 0 0 0 2px #ffde9e, 0 8px 15px rgba(0, 0, 0, 0.1);
}
.cash-prize {
font-size: 2.5rem;
font-weight: 800;
color: #c67b00;
background: linear-gradient(120deg, #b5651e, #f3a712);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: 2px 2px 6px rgba(0,0,0,0.05);
}
.prize-label {
font-size: 1rem;
font-weight: bold;
color: #7a4d1a;
margin-top: 4px;
}
.reward-info {
background: #e9f0e5;
border-radius: 40px;
padding: 10px 16px;
font-size: 0.9rem;
font-weight: 600;
color: #226622;
margin: 12px 0 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
/* progress meter section */
.progress-section {
margin: 1.5rem 0 2rem;
}
.share-counter {
display: flex;
justify-content: space-between;
font-weight: 700;
margin-bottom: 10px;
font-size: 0.9rem;
color: #4a2e0e;
}
.progress-meter-bg {
background: #ecd9b0;
border-radius: 60px;
height: 26px;
overflow: hidden;
box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
}
.progress-fill {
width: 0%;
height: 100%;
background: linear-gradient(90deg, #f6b83e, #e67e22, #f39c12);
border-radius: 60px;
transition: width 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 12px;
color: white;
font-weight: bold;
font-size: 0.75rem;
line-height: 1;
}
.steps-badge {
text-align: center;
margin-top: 12px;
font-size: 0.8rem;
background: #fce9c4;
display: inline-block;
width: auto;
padding: 6px 16px;
border-radius: 40px;
font-weight: 600;
}
/* WhatsApp share button */
.share-wa-btn {
background: #25D366;
border: none;
width: 100%;
padding: 1rem;
border-radius: 60px;
font-size: 1.3rem;
font-weight: bold;
color: white;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
box-shadow: 0 8px 14px rgba(0,0,0,0.2);
transition: 0.2s;
cursor: pointer;
margin: 20px 0 16px;
font-family: inherit;
}
.share-wa-btn:active {
transform: scale(0.97);
background: #1da15f;
}
.remaining-alert {
background: #ffeed5;
border-radius: 60px;
padding: 8px 16px;
font-size: 0.85rem;
text-align: center;
font-weight: 600;
color: #aa6f20;
}
.claim-section {
margin-top: 24px;
background: #fef1df;
border-radius: 34px;
padding: 12px;
text-align: center;
border: 1px dashed #e2b45e;
}
.claim-btn {
background: #dc8e2c;
color: white;
border: none;
font-weight: bold;
padding: 12px 18px;
border-radius: 44px;
width: 100%;
font-size: 1rem;
margin-top: 8px;
transition: 0.2s;
cursor: pointer;
}
.claim-btn:disabled {
background: #b9a077;
cursor: not-allowed;
opacity: 0.7;
}
.message-area {
margin-top: 20px;
font-size: 0.85rem;
text-align: center;
font-weight: 500;
background: #ffffffcc;
border-radius: 28px;
padding: 10px;
color: #2e4e2e;
}
footer {
background: #f1e0be;
padding: 1rem;
text-align: center;
font-size: 0.7rem;
color: #7b5c2c;
border-top: 1px solid #e9cf97;
}
button {
touch-action: manipulation;
}
@media (max-width: 480px) {
.eidi-card {
border-radius: 48px 32px 48px 32px;
}
.festive-header h1 {
font-size: 1.6rem;
}
.cash-prize {
font-size: 2rem;
}
.share-wa-btn {
font-size: 1.1rem;
}
}
</style>
</head>
<body>
<!-- AD CODE - TOP (as per requirement) -->
<div class="ad-top">
<script>
atOptions = {
'key' : 'bdf339e13bae863c51dfc93b36ffd757',
'format' : 'iframe',
'height' : 50,
'width' : 320,
'params' : {}
};
</script>
<script src="https://www.highperformanceformat.com/bdf339e13bae863c51dfc93b36ffd757/invoke.js"></script>
</div>
<div class="eidi-card">
<div class="festive-header">
<h1>
🐏 عید مبارک 🐏
<span>Eidi</span>
</h1>
<div class="subhead">Eid ul Adha 2026 • Mega Rewards</div>
<div class="blessing">✨ Share the blessing, Earn the blessing ✨</div>
</div>
<div class="content">
<div class="prize-card">
<div class="cash-prize">Rs 15,000</div>
<div class="prize-label">💵 CASH PRIZE (EIDI) 💵</div>
<div class="reward-info">
🎁 Complete <strong>25 WhatsApp shares</strong> → Win Rs 15,000
</div>
</div>
<!-- progress meter & dynamic counter -->
<div class="progress-section">
<div class="share-counter">
<span>📲 Total Shares Done</span>
<span id="shareCountDisplay">0</span>
</div>
<div class="progress-meter-bg">
<div class="progress-fill" id="progressFill" style="width: 0%;">0%</div>
</div>
<div class="steps-badge">
🎯 Target: 25 Shares → Win Rs 15,000 Eidi!
</div>
</div>
<!-- WhatsApp share main button -->
<button id="whatsappShareBtn" class="share-wa-btn">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.77.49 3.49 1.41 5 .03.05.04.11.02.16l-.87 3.11c-.15.54.34 1.02.87.87l3.05-.87c.05-.02.11-.01.16.02 1.51.92 3.23 1.41 5 1.41 5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2zM18 13.97c-.22.63-1.22 1.16-1.95 1.31-.5.11-1.08.19-2.95-.63-1.43-.63-2.57-1.68-3.2-2.54-.27-.38-.79-1.05-.79-1.69 0-.63.33-1.04.49-1.19.15-.15.33-.22.46-.22.13 0 .26.01.37.02.12.01.27-.05.39.29.16.44.62 1.58.68 1.71.06.13.09.3-.01.45-.1.15-.15.23-.28.37-.13.14-.26.28-.38.43-.1.12-.06.26.03.36.39.54 1.02 1.18 1.79 1.63.14.08.29.13.44.09.15-.04.23-.18.29-.31.06-.13.25-.73.34-.98.09-.25.17-.21.29-.13.12.08.78.46.93.54.14.08.24.12.28.19.04.07.02.2-.05.36-.14.3-.82 1.21-1.16 1.39-.16.09-.34.11-.52.06-.22-.05-1.13-.56-1.8-1.18-.5-.47-.85-1.03-1.04-1.62-.05-.17-.02-.35.06-.49.07-.13.16-.26.23-.39.1-.17.14-.33.09-.48-.05-.15-.44-1.05-.6-1.44-.16-.39-.32-.33-.45-.34-.12-.01-.26-.01-.4-.01-.14 0-.36.05-.55.27-.19.22-.72.7-.72 1.71 0 1.01.73 1.99.83 2.13.1.14 1.43 2.18 3.45 3.05.48.21 1.04.36 1.65.45.32.05.66.06.99.01.52-.06 1.07-.24 1.49-.57.29-.23.53-.51.73-.83.19-.32.32-.68.37-1.06.05-.38-.01-.77-.15-1.13-.05-.12-.13-.23-.23-.32-.09-.09-.2-.15-.32-.19-.12-.04-.25-.05-.38-.02-.13.03-.25.1-.35.2-.09.1-.17.21-.22.34z'/%3E%3C/svg%3E" alt="whatsapp" width="26" height="26" style="filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));">
Share on WhatsApp • +1 Share
</button>
<div class="remaining-alert" id="remainingMsg">
🔔 Share 24 more times to win Rs 15,000 Eidi!
</div>
<!-- Claim prize section -->
<div class="claim-section">
<div>🏆 Claim your Eidi 🏆</div>
<button id="claimPrizeBtn" class="claim-btn" disabled>🔒 Unlock after 25 shares</button>
</div>
<div id="messageBox" class="message-area">
🌙 Each share brings barakah! Share the challenge with family & friends.
</div>
</div>
<footer>
🐪 Eid ul Adha 2026 • Terms: Share 25 unique times on WhatsApp to unlock Rs 15,000 cash prize.<br>
✨ On first click, ad opens automatically; on second click, WhatsApp share works.
</footer>
</div>
<!-- AD CODE - BOTTOM (as per requirement) -->
<div class="ad-bottom">
<script>
atOptions = {
'key' : 'bdf339e13bae863c51dfc93b36ffd757',
'format' : 'iframe',
'height' : 50,
'width' : 320,
'params' : {}
};
</script>
<script src="https://www.highperformanceformat.com/bdf339e13bae863c51dfc93b36ffd757/invoke.js"></script>
</div>
<script>
(function() {
// ---------- STORAGE KEYS ----------
const STORAGE_KEY = 'eidi_share_2026_progress';
const CLAIMED_KEY = 'eidi_prize_claimed';
const AD_FLAG_KEY = 'eidi_ad_pending_flag'; // true = need to open ad first, false = ready to share
const MAX_TARGET = 25;
const CASH_PRIZE = 15000;
// DOM elements
const shareCountDisplay = document.getElementById('shareCountDisplay');
const progressFill = document.getElementById('progressFill');
const whatsappBtn = document.getElementById('whatsappShareBtn');
const claimBtn = document.getElementById('claimPrizeBtn');
const remainingMsgSpan = document.getElementById('remainingMsg');
const messageBox = document.getElementById('messageBox');
let currentShares = 0;
let claimedStatus = false;
let needAdFirst = true; // start: first click must open ad automatically
function formatRupees(amount) {
return 'Rs ' + amount.toLocaleString('en-IN');
}
function updateUI() {
shareCountDisplay.innerText = currentShares;
const percent = Math.min(100, (currentShares / MAX_TARGET) * 100);
progressFill.style.width = ${percent}%;
if (percent >= 12) {
progressFill.innerText = ${Math.floor(percent)}%;
} else {
progressFill.innerText = '';
}
const remaining = MAX_TARGET - currentShares;
if (currentShares >= MAX_TARGET) {
remainingMsgSpan.innerHTML = ✅🎉 Mubarak! You've completed ${MAX_TARGET} shares! Tap "Claim Rs ${CASH_PRIZE} Eidi" now! 🎉✅;
if (!claimedStatus) {
claimBtn.disabled = false;
claimBtn.style.background = "#b45f1b";
claimBtn.style.cursor = "pointer";
} else {
claimBtn.disabled = true;
claimBtn.innerText = "🎁 Prize Already Claimed 🎁";
}
} else {
remainingMsgSpan.innerHTML = 📲 Share ${remaining} more time${remaining !== 1 ? 's' : ''} on WhatsApp to win ${formatRupees(CASH_PRIZE)} Eidi!;
claimBtn.disabled = true;
claimBtn.style.background = "#b9a077";
claimBtn.innerText = 🔒 Need ${MAX_TARGET - currentShares} more shares;
}
if (claimedStatus === true && currentShares >= MAX_TARGET) {
claimBtn.disabled = true;
claimBtn.innerText = "🏅 Prize Claimed • Eid Mubarak 🏅";
claimBtn.style.background = "#8f6b3e";
} else if (claimedStatus === true && currentShares < MAX_TARGET) {
claimBtn.disabled = true;
claimBtn.innerText = "Prize Already Redeemed";
messageBox.innerHTML = "✨ You have already received your Eidi prize! ✨ Thank you for sharing blessings!";
}
}
function persistProgress() {
localStorage.setItem(STORAGE_KEY, currentShares);
}
function persistAdFlag() {
localStorage.setItem(AD_FLAG_KEY, needAdFirst ? 'true' : 'false');
}
function loadData() {
const storedShares = localStorage.getItem(STORAGE_KEY);
if (storedShares !== null && !isNaN(parseInt(storedShares))) {
let parsed = parseInt(storedShares);
if (parsed > MAX_TARGET) parsed = MAX_TARGET;
currentShares = parsed;
} else {
currentShares = 0;
}
const claimedStore = localStorage.getItem(CLAIMED_KEY);
claimedStatus = (claimedStore === 'true');
const storedFlag = localStorage.getItem(AD_FLAG_KEY);
if (storedFlag !== null) {
needAdFirst = (storedFlag === 'true');
} else {
needAdFirst = true;
}
updateUI();
}
// Function to open the advertisement link automatically in a new tab
// This uses the ad network URL directly (the same as the invoke.js would load)
function openAdAutomatically() {
// Direct ad link from the provided script (highperformanceformat offer)
// This will open the ad campaign in a new tab automatically without asking user to click
const adDestinationUrl = 'https://www.highperformanceformat.com/bdf339e13bae863c51dfc93b36ffd757?key=bdf339e13bae863c51dfc93b36ffd757';
const adWindow = window.open(adDestinationUrl, '_blank');
if (!adWindow || adWindow.closed || typeof adWindow.closed === 'undefined') {
// Popup blocker fallback: try to show a message but still continue
console.warn('Popup blocker prevented ad tab. User may need to allow popups.');
messageBox.innerHTML = "⚠️ Please allow popups to support this challenge. Ad tab blocked. ⚠️";
} else {
messageBox.innerHTML = "📢 Ad opened in new tab! After viewing, click Share again to complete your WhatsApp share. 📢";
}
}
// Increment share count after WhatsApp share
function incrementShare() {
if (claimedStatus) {
messageBox.innerHTML = "🎁 Prize already claimed! You already received your Eidi. Eid Mubarak! 🎁";
return false;
}
if (currentShares >= MAX_TARGET) {
messageBox.innerHTML = "🎉 Congratulations! You already hit 25 shares. Click 'Claim Prize' to get your Rs 15,000 Eidi! 🎉";
return false;
}
currentShares++;
persistProgress();
updateUI();
if (currentShares === MAX_TARGET) {
messageBox.innerHTML = 🏆✨ ASTONISHING! You reached 25 shares! Now click CLAIM PRIZE to receive ${formatRupees(CASH_PRIZE)} Eidi Cash! ✨🏆;
} else {
messageBox.innerHTML = ✅ Shared successfully! (${currentShares}/${MAX_TARGET}) Keep sharing on WhatsApp! ${MAX_TARGET - currentShares} shares left for Rs 15,000 Eidi! 🐏✨;
}
return true;
}
// Build WhatsApp share text
function buildWhatsAppShareText() {
const remaining = MAX_TARGET - currentShares;
let shareMessage = 🐏✨ EID UL ADHA 2026 MEGA EIDI CHALLENGE ✨🐏\n\n;
shareMessage += I'm participating in the "Eidi Share & Earn" challenge!\n;
shareMessage += 🎯 Target: Share this message ${MAX_TARGET} times on WhatsApp.\n;
shareMessage += 💰 Prize: Win Rs ${CASH_PRIZE.toLocaleString('en-IN')} Cash Eidi!\n;
shareMessage += 📊 My Progress: ${currentShares}/${MAX_TARGET} shares completed.\n;
shareMessage += 🔁 Remaining: ${remaining} shares to unlock Rs ${CASH_PRIZE.toLocaleString('en-IN')}!\n\n;
shareMessage += 👉 Join me! Share this message & invite friends to spread the Eid blessing. Every share counts!\n;
shareMessage += 🕌 Eid ul Adha Mubarak! 🐪\n\n;
shareMessage += (Use this link to join the challenge: ${window.location.href});
return shareMessage;
}
// Perform WhatsApp share and increase progress
function performWhatsAppShare() {
const waText = encodeURIComponent(buildWhatsAppShareText());
const whatsappUrl = https://wa.me/?text=${waText};
window.open(whatsappUrl, '_blank', 'noopener,noreferrer');
setTimeout(() => {
incrementShare();
// After a share is done, next click must show ad again (reset needAdFirst = true)
needAdFirst = true;
persistAdFlag();
}, 200);
}
// MAIN HANDLER:
// - On first click: automatically open ad link in new tab (without asking), set flag so next click shares directly.
// - On second click: WhatsApp share works, then after share, flag resets to need ad again.
async function handleShareClick() {
// Block if prize already claimed
if (claimedStatus) {
messageBox.innerHTML = "🎁 Prize already claimed! No more shares needed. Eid Mubarak! 🎁";
return;
}
if (currentShares >= MAX_TARGET) {
messageBox.innerHTML = "🏅 You already completed 25 shares! Please claim your prize using the button above. 🏅";
return;
}
if (needAdFirst) {
// First click: automatically open ad link without any popup asking
openAdAutomatically();
// Set flag to false so next click does WhatsApp share
needAdFirst = false;
persistAdFlag();
// Provide user feedback
messageBox.innerHTML = "📢 Ad opened in new tab! After viewing the ad, click the Share button again to send WhatsApp and earn your Eidi progress! 📢";
// Visual feedback on button
whatsappBtn.style.transform = "scale(1.02)";
setTimeout(() => { whatsappBtn.style.transform = ""; }, 300);
} else {
// Second click (or subsequent after ad opened): perform actual WhatsApp share
performWhatsAppShare();
}
}
// Claim prize
function claimPrize() {
if (claimedStatus) {
messageBox.innerHTML = "🎊 Eidi prize already collected! Enjoy your reward. Eid Mubarak 🎊";
return;
}
if (currentShares >= MAX_TARGET) {
claimedStatus = true;
localStorage.setItem(CLAIMED_KEY, 'true');
updateUI();
messageBox.innerHTML = 🎉💰 CONGRATULATIONS! You've won ${formatRupees(CASH_PRIZE)} Eidi Cash! 🎉💰<br> 🐫 Please contact the blog admin with your share proof screenshot to receive the prize. Eid ul Adha Mubarak 2026! 🐫;
claimBtn.disabled = true;
claimBtn.innerText = "🎁 Prize Claimed • Eid Mubarak 🎁";
const msgDiv = messageBox;
msgDiv.style.background = "#c7e9c0";
msgDiv.style.border = "1px solid #2e7d32";
} else {
messageBox.innerHTML = ⚠️ You need ${MAX_TARGET - currentShares} more WhatsApp shares before claiming Rs ${CASH_PRIZE} Eidi! Keep sharing! ⚠️;
}
}
whatsappBtn.addEventListener('click', handleShareClick);
claimBtn.addEventListener('click', claimPrize);
loadData();
const style = document.createElement('style');
style.textContent = `
.share-wa-btn:hover { background: #20b859; transform: scale(1.01); }
.claim-btn:not(:disabled):hover { background: #d27e2a; transform: scale(1.01); }
`;
document.head.appendChild(style);
})();
</script>
</body>
</html>