PATH:
home
/
u865795251
/
domains
/
whatisnewis.com
/
public_html
/
vfa
/
Editing: thankyou.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Registration Confirmed - VFA Academy</title> <!-- Google Fonts & Icons --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> :root { --bg-dark: #0a0e17; --bg-secondary: #0c1220; --bg-card: rgba(18, 24, 38, 0.6); --green-primary: #00e676; --neon-blue: #00b0ff; --text-white: #ffffff; --text-muted: #8892b0; --glass-border: rgba(255, 255, 255, 0.08); --glass-bg: rgba(255, 255, 255, 0.03); --radius: 12px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; } body { background-color: var(--bg-dark); color: var(--text-white); min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; position: relative; } /* Glowing ambient backdrops */ .glowing-bg { position: absolute; width: 450px; height: 450px; border-radius: 50%; filter: blur(120px); opacity: 0.12; pointer-events: none; z-index: 0; } .glow-1 { top: -10%; left: 15%; background: var(--green-primary); } .glow-2 { bottom: -10%; right: 15%; background: var(--neon-blue); } .success-card { background: var(--bg-card); border: 1px solid var(--glass-border); border-radius: var(--radius); padding: 45px 30px; max-width: 620px; width: 100%; backdrop-filter: blur(20px); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6); text-align: center; position: relative; z-index: 10; margin-bottom: 30px; } /* Success Checkmark Animation */ .success-checkmark { width: 80px; height: 80px; margin: 0 auto 30px; background: rgba(0, 230, 118, 0.1); border: 2px solid var(--green-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; color: var(--green-primary); box-shadow: 0 0 20px rgba(0, 230, 118, 0.3); animation: pulse-glow 2s infinite ease-in-out; } @keyframes pulse-glow { 0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(0, 230, 118, 0.3); } 50% { transform: scale(1.05); box-shadow: 0 0 35px rgba(0, 230, 118, 0.5); } } h1 { font-size: 32px; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 10px; } h1 span { color: var(--green-primary); } .confirmation-text { color: var(--text-muted); font-size: 16px; line-height: 1.6; margin-bottom: 35px; } /* Auto Redirect Timer */ .redirect-notice { background: rgba(0, 176, 255, 0.05); border: 1px solid rgba(0, 176, 255, 0.15); padding: 12px 20px; border-radius: 8px; display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; color: var(--neon-blue); margin-bottom: 30px; } /* Action Buttons */ .btn-whatsapp { background: linear-gradient(135deg, #25D366, #128C7E); color: #ffffff; font-weight: 700; font-size: 16px; text-decoration: none; padding: 16px 32px; border-radius: 8px; display: inline-flex; align-items: center; gap: 12px; transition: var(--transition); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3); } .btn-whatsapp:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(37, 211, 102, 0.45); } /* Receipt Breakdown UI */ .receipt-summary { background: rgba(0, 0, 0, 0.2); border: 1px solid var(--glass-border); border-radius: var(--radius); padding: 24px; text-align: left; margin-bottom: 35px; } .receipt-title { font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: var(--text-muted); border-bottom: 1px solid var(--glass-border); padding-bottom: 12px; margin-bottom: 16px; } .receipt-row { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 10px; color: var(--text-muted); } .receipt-row.total { border-top: 1px dashed var(--glass-border); margin-top: 15px; padding-top: 15px; font-size: 18px; font-weight: 800; color: var(--text-white); } .receipt-row.total span:last-child { color: var(--green-primary); } /* Social Proof Testimonials */ .social-proof { max-width: 620px; width: 100%; text-align: center; z-index: 10; } .social-title { font-size: 14px; text-transform: uppercase; color: var(--text-muted); font-weight: 700; letter-spacing: 2px; margin-bottom: 20px; } .proof-card { background: var(--bg-card); border: 1px solid var(--glass-border); border-radius: var(--radius); padding: 24px; text-align: left; font-size: 13.5px; line-height: 1.6; color: var(--text-muted); font-style: italic; } .footer-support { margin-top: 40px; font-size: 13px; color: var(--text-muted); z-index: 10; } .footer-support a { color: var(--green-primary); text-decoration: none; font-weight: 600; } .footer-support a:hover { text-decoration: underline; } </style> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2878221509186950'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2878221509186950&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> </head> <body> <div class="glowing-bg glow-1"></div> <div class="glowing-bg glow-2"></div> <div class="success-card"> <div class="success-checkmark"> <i class="fa-solid fa-check"></i> </div> <h1>Seat <span>Reserved!</span></h1> <p class="confirmation-text">Your webinar registration and transaction have been securely processed successfully.</p> <!-- Dynamic Payment Summary --> <div class="receipt-summary"> <div class="receipt-title">Transaction Receipt</div> <div class="receipt-row"> <span>Webinar Registration</span> <span>₹249.00</span> </div> <div class="receipt-row" id="receiptReminderRow" style="display: none;"> <span>Call Reminder Add-on</span> <span>₹40.00</span> </div> <div class="receipt-row"> <span>GST (18%)</span> <span id="receiptGst">₹44.82</span> </div> <div class="receipt-row total"> <span>Total Paid</span> <span id="receiptTotal">₹293.82</span> </div> </div> <div class="redirect-notice" id="redirectNotice"> <i class="fa-solid fa-circle-notch fa-spin"></i> <span>Redirecting to the private Trading Community in <strong id="timer">5</strong> seconds...</span> </div> <div> <a href="#" id="whatsappButton" class="btn-whatsapp"> <i class="fa-brands fa-whatsapp" style="font-size: 22px;"></i> Join Trading Community </a> </div> </div> <!-- Reassuring Social Proof testimonial --> <div class="social-proof"> <div class="social-title">What students do inside the group</div> <div class="proof-card"> "The daily trading setups and logic shared inside the private WhatsApp community are absolutely gold. Watching professional charts explained in real-time has completely fast-tracked my price action consistency." <div style="margin-top: 12px; font-weight: 700; color: #fff; font-style: normal; font-size: 12px; display: flex; align-items: center; gap: 8px;"> <i class="fa-solid fa-circle-check" style="color: var(--green-primary);"></i> Paramount Day Trader </div> </div> </div> <div class="footer-support"> Need assistance? Connect with us at <a href="mailto:info@vfaacademy.com">infot@vfaacademy.com</a> </div> <script> // Load dynamically parsed checkout parameters from the current URL window.addEventListener('DOMContentLoaded', () => { const params = new URLSearchParams(window.location.search); const total = parseFloat(params.get('total')) || 293.82; const reminder = params.get('reminder') === 'true'; // Calculate GST and breakdown dynamically const subtotal = total / 1.18; const gst = total - subtotal; if (reminder) { document.getElementById('receiptReminderRow').style.display = 'flex'; } document.getElementById('receiptGst').innerText = `₹${gst.toFixed(2)}`; document.getElementById('receiptTotal').innerText = `₹${total.toFixed(2)}`; // Set the dynamic join link or default mock link const defaultInvite = "https://chat.whatsapp.com/L1N8c4sB3G9HmockLink"; const joinLink = params.get('invite') || defaultInvite; const waBtn = document.getElementById('whatsappButton'); waBtn.href = joinLink; // Auto-redirect Countdown script let count = 5; const timerEl = document.getElementById('timer'); const noticeEl = document.getElementById('redirectNotice'); const countdown = setInterval(() => { count--; timerEl.innerText = count; if (count <= 0) { clearInterval(countdown); noticeEl.innerHTML = '<i class="fa-solid fa-circle-check"></i> Redirecting now...'; window.location.href = joinLink; } }, 1000); }); </script> </body> </html>
SAVE
CANCEL