<!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=no">
<title>Target Rewards - Claim Your $750 Gift Card</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.target-red { color: #CC0000; }
.bg-target-red { background-color: #CC0000; }
.hover-target-red:active { background-color: #A30000; }
/* Pure CSS Accordion Logic */
.accordion-content { display: none; }
.accordion-toggle:checked ~ .accordion-content { display: block; }
.accordion-toggle:checked + .flex .plus-icon { display: none; }
.accordion-toggle:checked + .flex .minus-icon { display: inline; }
.minus-icon { display: none; }
/* Mobile specific enhancements */
body {
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans antialiased selection:bg-red-200">
<!-- Header -->
<header class="bg-white shadow-sm py-3 px-4 sticky top-0 z-20">
<div class="max-w-md mx-auto flex items-center justify-center">
<!-- Target Logo Mockup -->
<svg class="w-7 h-7 mr-2 text-[#CC0000]" fill="currentColor" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="12" />
<circle cx="12" cy="12" r="8" fill="white" />
<circle cx="12" cy="12" r="4" fill="#CC0000" />
</svg>
<div class="text-xl font-bold text-gray-900 tracking-tight">
Target<span class="font-normal text-gray-500">Rewards</span>
</div>
</div>
</header>
<!-- Main Content -->
<main class="max-w-md mx-auto px-4 py-6 text-center">
<!-- Hero Section -->
<section class="mb-8">
<div class="inline-block bg-red-100 text-[#CC0000] font-semibold px-3 py-1 rounded-full text-xs mb-3">
Limited Time Offer
</div>
<h1 class="text-3xl font-extrabold text-gray-900 mb-3 tracking-tight leading-tight">
Your $750 Gift Card Awaits
</h1>
<p class="text-base text-gray-600 px-2">
Join Target Rewards, complete a few partner offers, and treat yourself on us.
</p>
</section>
<!-- Steps List -->
<ol class="text-left bg-white p-5 rounded-2xl shadow-sm border border-gray-100 mb-6 space-y-4">
<li class="flex items-start">
<span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">1</span>
<div>
<span class="block font-bold text-gray-900 text-base">Tap Claim Now</span>
<span class="text-gray-500 text-xs sm:text-sm">Kick off your reward in just a few seconds.</span>
</div>
</li>
<li class="flex items-start">
<span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">2</span>
<div>
<span class="block font-bold text-gray-900 text-base">Share your email</span>
<span class="text-gray-500 text-xs sm:text-sm">We use it to send your gift card securely.</span>
</div>
</li>
<li class="flex items-start">
<span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">3</span>
<div>
<span class="block font-bold text-gray-900 text-base">Complete partner deals</span>
<span class="text-gray-500 text-xs sm:text-sm">Finish 4–5 short sponsored offers.</span>
</div>
</li>
<li class="flex items-start">
<span class="flex-shrink-0 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 target-red font-bold text-xs mr-3 mt-0.5">4</span>
<div>
<span class="block font-bold text-gray-900 text-base">Receive $750 to spend</span>
<span class="text-gray-500 text-xs sm:text-sm">Use it at Target online or in store.</span>
</div>
</li>
</ol>
<!-- Fixed / Prominent Call to Action for Mobile -->
<div class="mb-3">
<a href="https://linkthem.net/aff_c?offer_id=250&aff_id=187135" rel="noopener noreferrer" target="_blank" class="block w-full bg-target-red text-white text-lg font-bold py-4 px-6 rounded-xl shadow-lg hover-target-red transition-transform active:scale-95 duration-100">
Claim My Reward
</a>
</div>
<p class="text-[11px] text-gray-400 mb-10 px-4">
Sponsored deal completion is required before your reward is confirmed.
</p>
<!-- Q&A Section -->
<section class="text-left pt-8 border-t border-gray-200">
<h2 class="text-xl font-bold text-gray-900 mb-4 text-center">Questions & Answers</h2>
<div class="space-y-3">
<!-- Question 1 -->
<div class="bg-white border border-gray-100 rounded-xl shadow-sm">
<label class="cursor-pointer block p-4">
<input type="checkbox" class="accordion-toggle hidden">
<div class="flex justify-between items-center font-semibold text-gray-800 text-sm">
How do I get my gift card?
<span class="text-gray-400 text-lg font-normal plus-icon">+</span>
<span class="text-gray-400 text-lg font-normal minus-icon">−</span>
</div>
<div class="accordion-content mt-2 text-gray-600 text-xs leading-relaxed">
Once you finish the required 4-5 sponsored partner offers, your reward status will be confirmed and the $750 Target digital gift card will be emailed to the address you provided.
</div>
</label>
</div>
<!-- Question 2 -->
<div class="bg-white border border-gray-100 rounded-xl shadow-sm">
<label class="cursor-pointer block p-4">
<input type="checkbox" class="accordion-toggle hidden">
<div class="flex justify-between items-center font-semibold text-gray-800 text-sm">
Are there any hidden fees?
<span class="text-gray-400 text-lg font-normal plus-icon">+</span>
<span class="text-gray-400 text-lg font-normal minus-icon">−</span>
</div>
<div class="accordion-content mt-2 text-gray-600 text-xs leading-relaxed">
Some partner deals are completely free (like downloading an app or playing a game), while others may require a trial subscription or purchase. You can choose which deals you want to complete.
</div>
</label>
</div>
<!-- Question 3 -->
<div class="bg-white border border-gray-100 rounded-xl shadow-sm">
<label class="cursor-pointer block p-4">
<input type="checkbox" class="accordion-toggle hidden">
<div class="flex justify-between items-center font-semibold text-gray-800 text-sm">
Can I use this in-store?
<span class="text-gray-400 text-lg font-normal plus-icon">+</span>
<span class="text-gray-400 text-lg font-normal minus-icon">−</span>
</div>
<div class="accordion-content mt-2 text-gray-600 text-xs leading-relaxed">
Yes! Your reward is sent as a digital gift card that features a scannable barcode for in-store checkout, as well as a PIN for online shopping at Target.com.
</div>
</label>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-100 py-6 mt-10 border-t border-gray-200">
<div class="max-w-md mx-auto px-4 text-center text-[11px] text-gray-500">
<p class="mb-2">This is a promotional offer. Trademarks and logos are the property of their respective owners.</p>
<div class="flex justify-center space-x-3">
<a href="#" class="hover:underline">Privacy Policy</a>
<a href="#" class="hover:underline">Terms of Service</a>
<a href="#" class="hover:underline">Contact</a>
</div>
</div>
</footer>
</body>
</html>