:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/demo/web_new/**
:: Editing File: thanks.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Thank You - Kreative Pixelz</title> <style> body { margin: 0; font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #fff 0%, #000 100%); color: white; display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column; overflow: hidden; } img { width: 300px; margin-bottom: 50px; animation: popIn 1s ease forwards; } h1 { font-size: 3rem; margin: 0; animation: fadeIn 1.5s ease forwards; } p { font-size: 1.2rem; margin: 10px 0 20px; animation: fadeIn 2s ease forwards; } .btn { background: #fff; color: #2575fc; padding: 12px 25px; text-decoration: none; font-weight: bold; border-radius: 25px; transition: 0.3s; animation: fadeIn 2.5s ease forwards; } .btn:hover { background: #2575fc; color: #fff; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes popIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } </style> </head> <body> <!-- Logo --> <img src="logo/logo.png" alt="Kreative Pixelz Logo"> <!-- Text --> <h1>🎉 Thank You!</h1> <p>Your message has been sent successfully.<br>Redirecting to home...</p> <!-- Button --> <a href="index.html" class="btn">Go Back Now</a> <!-- Confetti Script --> <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script> <script> // Confetti burst const duration = 2 * 1000; const end = Date.now() + duration; (function frame() { confetti({ particleCount: 4, angle: 60, spread: 55, origin: { x: 0 } }); confetti({ particleCount: 4, angle: 120, spread: 55, origin: { x: 1 } }); if (Date.now() < end) { requestAnimationFrame(frame); } }()); // Auto-redirect after 5 seconds setTimeout(() => { window.location.href = "thanks.html"; }, 5000); </script> </body> </html>