FITNESS GAMES SELECTION
SELECT WHAT YOU'RE SIGNING UP AS?
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>Fullsend Fest Countdown</title> <style> body { margin: 50; background: transparent; /* fully transparent */ font-family: Helvetica, Arial, sans-serif; font-weight: 700; /* Bold */ color: #FFFFFF; display: flex; flex-direction: column; align-items: center; padding: 50px; } .countdown { display: flex; gap: 25px; justify-content: center; font-size: 60px; } .unit { text-align: center; } .label { font-size: 14px; text-transform: uppercase; margin-top: 6px; font-weight: 700; } .countdown-title { margin-top: 20px; font-size: 20px; text-align: center; width: 100%; padding-right: 40px; font-weight: 700; } </style> </head> <body> <div id="countdown" class="countdown"> <div class="unit"> <div id="days">00</div> <div class="label">Days</div> </div> <div class="unit"> <div id="hours">00</div> <div class="label">Hrs</div> </div> <div class="unit"> <div id="minutes">00</div> <div class="label">Min</div> </div> <div class="unit"> <div id="seconds">00</div> <div class="label">Sec</div> </div> </div> <div class="countdown-title">UNTIL FULLSEND FEST 2027</div> <script> const targetISO = '2027-01-21T00:00:00'; // 21 Jan 2027 midnight const target = new Date(targetISO); const pad = n => String(n).padStart(2,'0'); const els = { days: document.getElementById('days'), hours: document.getElementById('hours'), minutes: document.getElementById('minutes'), seconds: document.getElementById('seconds'), }; function updateCountdown(){ const now = new Date(); let diff = target - now; if (diff <= 0) { els.days.textContent = els.hours.textContent = els.minutes.textContent = els.seconds.textContent = "00"; document.querySelector('.countdown-title').textContent = 'FULLSEND FEST 2027 IS LIVE'; clearInterval(timer); return; } const sec = Math.floor(diff / 1000) % 60; const min = Math.floor(diff / (1000 * 60)) % 60; const hrs = Math.floor(diff / (1000 * 60 * 60)) % 24; const days = Math.floor(diff / (1000 * 60 * 60 * 24)); els.days.textContent = days; els.hours.textContent = pad(hrs); els.minutes.textContent = pad(min); els.seconds.textContent = pad(sec); } updateCountdown(); const timer = setInterval(updateCountdown, 1000); </script> </body> </html>