Untitled
unknown
plain_text
a month ago
5.2 kB
3
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Boost Balm Skin Barrier Cream - Pre-Order Now</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fff2e3; color: #333; text-align: center; } .hero { background: #eeb6eb; padding: 50px 20px; color: white; } .cta-button { background-color: #000; color: #fff; padding: 15px 30px; font-size: 20px; border: none; cursor: pointer; border-radius: 8px; margin-top: 20px; } .cta-button:hover { background-color: #444; } .countdown { font-size: 18px; font-weight: bold; margin-top: 10px; } .features, .reviews, .how-it-works, .social-proof { padding: 30px 20px; background: #fff; margin: 20px 10px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; } .popup-content { background: white; padding: 30px; border-radius: 10px; text-align: center; width: 80%; max-width: 400px; } .close-btn { background: #eeb6eb; color: white; border: none; padding: 10px 20px; cursor: pointer; margin-top: 10px; } </style> </head> <body> <div class="popup" id="popup"> <div class="popup-content"> <h2>🔥 Our First Batch SOLD OUT 🔥</h2> <p>Join the waiting list to secure your spot for the next release.</p> <p><strong>Limited spots available – names are drawn at random.</strong></p> <input type="text" placeholder="Enter your mobile number" style="width: 80%; padding: 10px; margin: 10px 0;"> <button class="cta-button">Join the Waiting List</button> <button class="close-btn" onclick="closePopup()">Close</button> </div> </div> <div class="hero"> <h1>"This Is The Most Viral Skin Barrier Cream Of 2025 – 100,000+ Women Can’t Live Without It!"</h1> <p>"I struggled with inflamed, red, irritated skin for years—until I found the solution dermatologists weren't talking about."</p> <button class="cta-button" onclick="openPopup()">Pre-Order Now – Limited Stock</button> <div class="countdown">Only 500 Units Left – Pre-Orders Close In: <span id="timer"></span></div> </div> <div class="features"> <h2>Why You Need This</h2> <ul> <li>Deflates redness & irritation in just 3 days</li> <li>Strengthens your skin barrier</li> <li>Dermatologist-approved & fragrance-free</li> <li>Made for acne-prone, sensitive skin</li> <li>"98% of users saw reduced inflammation in 72 hours."</li> </ul> </div> <div class="reviews"> <h2>What People Are Saying</h2> <p>⭐⭐⭐⭐⭐ "This literally saved my skin. My redness and inflammation vanished in 3 days!" – Emily K.</p> <p>⭐⭐⭐⭐⭐ "Holy grail for sensitive skin. My barrier is stronger than ever." – Sophia L.</p> <p>🔥 "Over 10,000 on the waitlist – Don’t miss out!"</p> </div> <div class="how-it-works"> <h2>How It Works</h2> <p>1. Apply a pea-sized amount to clean skin.</p> <p>2. Let it absorb before applying makeup.</p> <p>3. Watch as your skin transforms within days!</p> </div> <div class="social-proof"> <h2>As Seen On</h2> <p>💡 Featured in Vogue, Allure & Byrdie Beauty</p> <p>🔥 "Stocked in leading beauty retailers – Selling fast!"</p> </div> <button class="cta-button">Secure Your Pre-Order Now – Before It’s Gone!</button> <script> function countdown() { const endDate = new Date("March 31, 2025 23:59:59").getTime(); const now = new Date().getTime(); const timeLeft = endDate - now; const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24)); const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); document.getElementById("timer").innerHTML = `${days}d ${hours}h left`; } setInterval(countdown, 1000); function openPopup() { document.getElementById("popup").style.display = "flex"; } function closePopup() { document.getElementById("popup").style.display = "none"; } </script> </body> </html>
Editor is loading...
Leave a Comment