{"version":"1.0","provider_name":"Transitional Hooks","provider_url":"https:\/\/transitionalhooks.com","author_name":"torro","author_url":"https:\/\/transitionalhooks.com\/author\/torro\/","title":"Transitional Hooks for Social Media Videos – Home","type":"rich","width":600,"height":338,"html":"

Transitional Hooks for Social Media Videos – Home<\/a><\/blockquote><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n"} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flash Sale Popup</title> <style> /* Popup container */ .popup { display: none; /* Hidden by default */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; justify-content: center; align-items: center; } /* Popup content */ .popup-content { display: flex; flex-wrap: wrap; max-width: 600px; width: 90%; background: #f8f9fd; padding: 20px; border-radius: 10px; text-align: left; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); position: relative; } /* Left side image */ .popup-content img { max-width: 100%; /* Make image responsive */ height: auto; border-radius: 10px; } /* Right side text */ .popup-text { padding: 20px; flex: 1; min-width: 300px; /* Ensure right content takes up space */ } .popup-text h1 { color: #57c000; margin: 0 0 10px; font-size: 40px; } .popup-text h2 { color: #57c000; margin: 10px 0; font-size: 20px; } /* Countdown timer */ .countdown { display: flex; justify-content: space-between; font-size: 20px; margin: 15px 0; } .countdown div { text-align: center; color: #333; } .countdown span { font-weight: bold; font-size: 25px; display: block; } .btn { display: block; width: 100%; text-align: center; background: #57c000; color: #fff; padding: 15px; border: none; cursor: pointer; font-size: 18px; margin-top: 20px; border-radius: 5px; } .btn:hover { background: #45a000; } .close-btn { position: absolute; top: 10px; right: 10px; font-size: 25px; cursor: pointer; color: #999; } .close-btn:hover { color: #555; } /* Responsive Styles */ @media (max-width: 600px) { .popup-content { flex-direction: column; /* Stack items vertically */ align-items: center; } .popup-text { padding: 10px; width: 100%; /* Full width on mobile */ } .popup-content img { width: 100%; /* Full width for image */ } } </style> </head> <body>  <div class="popup" id="flashPopup"> <div class="popup-content"> <img src="http://buysharkiptv.com/wp-content/uploads/2023/08/fans-sports-cheer-group-large.jpg" alt="Flash Sale Shoes"> <div class="popup-text"> <span class="close-btn" onclick="closePopup()">×</span> <h1>BEST IPTV SERVICE</h1> <h2>50% OFF ON ENTIRE ORDER</h2> <p>Limited time offer</p>  <div class="countdown" id="countdown"> <div><span id="days">00</span>Days</div> <div><span id="hours">00</span>Hours</div> <div><span id="minutes">15</span>Minutes</div> <div><span id="seconds">30</span>Seconds</div> </div> <button class="btn" onclick="window.location.href='https://xtremehdiptvs.us/en'">BUY NOW </button> </div> </div> </div> <script> // Show the popup when the page loads document.addEventListener('DOMContentLoaded', function() { document.getElementById('flashPopup').style.display = 'flex'; startCountdown(); }); // Close popup function function closePopup() { document.getElementById('flashPopup').style.display = 'none'; } // Countdown timer function function startCountdown() { // Set the end time for the countdown var countdownDate = new Date().getTime() + (6 * 24 * 60 * 60 * 1000); // Set to 6 days from now // Update the countdown every 1 second var x = setInterval(function() { // Get today's date and time var now = new Date().getTime(); // Find the distance between now and the countdown date var distance = countdownDate - now; // Calculate time left var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Display the results in the respective elements document.getElementById("days").innerHTML = days; document.getElementById("hours").innerHTML = hours; document.getElementById("minutes").innerHTML = minutes; document.getElementById("seconds").innerHTML = seconds; // If the countdown is finished, hide the popup if (distance < 0) { clearInterval(x); document.getElementById('flashPopup').style.display = 'none'; } }, 1000); } </script> </body> </html>