<!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>