Файловый менеджер - Редактировать - /home/gqdcvggs/imators.com/contact-us.php
Назад
<!DOCTYPE html> <html lang="en" class="h-full"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Imators Support</title> <link href="https://cdn.imators.com/logo.png" rel="icon" type="image/png" /> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <style type="text/css"> @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); body { font-family: 'Space Grotesk', sans-serif; } .bg-image { background-image: url('IMG_7530.JPG'); background-size: cover; background-position: center; filter: brightness(0.6); } .reveal-header { opacity: 0; transform: translateY(20px); animation: revealHeader 0.8s ease forwards; } @keyframes revealHeader { to { opacity: 1; transform: translateY(0); } } .text-gradient { background: linear-gradient(to right, #3B82F6, #2563EB); -webkit-background-clip: text; color: transparent; } .hover-scale { transition: transform 0.3s ease; } .hover-scale:hover { transform: scale(1.02); } .glass-card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; } .contact-email-banner { background: linear-gradient(90deg, #3B82F6 0%, #2563EB 100%); color: white; padding: 0.75rem 1rem; text-align: center; font-weight: 500; margin-bottom: 0; } .contact-email-link { color: white; font-weight: 600; text-decoration: underline; transition: opacity 0.2s ease; } .contact-email-link:hover { opacity: 0.9; } .faq-item { margin-bottom: 1rem; } .faq-question { cursor: pointer; padding: 1rem 0; display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; background: transparent; border: none; border-bottom: 1px solid #333; color: #fff; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; padding: 0 1rem; opacity: 0; transform: translateY(-10px); } .faq-answer.active { max-height: 300px; opacity: 1; transform: translateY(0); transition: all 0.3s ease-in; padding: 1rem; } </style> </head> <body class="flex flex-col min-h-screen bg-black text-gray-400"> <?php include 'src/header.php'; ?> <section class="w-screen min-h-screen bg-black flex items-center justify-center p-8"> <div class="max-w-4xl mx-auto space-y-16"> <div class="text-center space-y-8"> <h1 class="mt-24 text-6xl font-light text-white">Contact us for a professional request.</h1> <p class="text-xl text-gray-300"> Our support team is available 24/7 to answer all your questions. Simply reach out to us via email for assistance. </p> </div> <div class="bg-white/5 backdrop-blur-lg border border-white/10 p-8 rounded-lg hover:scale-102 transition-transform duration-300"> <h2 class="text-2xl text-white font-light mb-4">Commercial and professional contact</h2> <p class="text-gray-300"> Our team is available at <a href="mailto:contact@imators.com" class="text-blue-400 hover:text-blue-300"> ask@imators.com </a> </p> </div> </div> </div> </section> <div class="fixed bottom-0 left-0 right-0 mx-4 sm:mx-6 md:mx-8 mb-4 sm:mb-6 p-4 sm:p-5 bg-black text-white rounded-lg shadow-xl z-50 opacity-0 translate-y-8 transition-all duration-500 ease-out" id="cookieBox"> <div class="container mx-auto flex flex-col sm:flex-row justify-between items-center gap-4"> <div class="text-sm md:text-base font-light leading-relaxed max-w-3xl"> Our site uses only the essential cookies required for the site to function properly. No information is passed on to third parties. To find out more about the essential information collected, <a href="./terms-of-use" class="underline">please read our terms of use<a>. </div> <button class="w-full sm:w-auto bg-white text-black px-6 py-2 rounded-full hover:bg-gray-100 transition-colors whitespace-nowrap text-sm font-medium" onclick="acceptCookies()"> Accept </button> </div> </div> <script> function acceptCookies() { const cookieBox = document.getElementById('cookieBox'); cookieBox.classList.add('opacity-0', 'translate-y-8'); setTimeout(() => { cookieBox.style.display = 'none'; localStorage.setItem('cookiesAccepted', 'true'); }, 500); } window.onload = function() { const cookieBox = document.getElementById('cookieBox'); if (localStorage.getItem('cookiesAccepted') === 'true') { cookieBox.style.display = 'none'; } else { setTimeout(() => { cookieBox.classList.remove('opacity-0', 'translate-y-8'); }, 2000); } } </script> <footer class="bg-black text-white"><div class="max-w-6xl mx-auto px-4 py-6 flex flex-wrap justify-between"> <div class="w-full md:w-1/3 p-4"> <h5 class="text-xs uppercase font-medium mb-4">Need Help?</h5> <a href="/support" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Support </a> <a href="/contact-us" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Contact Us </a> </div> <div class="w-full md:w-1/3 p-4"> <h5 class="text-xs uppercase font-medium mb-4">Discover</h5> <a href="/privacy" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Privacy Policy </a> <a href="/terms-of-use" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Terms of Use </a> <a href="/refund-policy" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Refund Policy </a> <a href="/legal-notice" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Legal Notice </a> <a href="/" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> Home </a> <a href="/about-us" class="my-2 block hover:text-gray-100 text-sm font-medium duration-700"> About Us </a> </div> <div class="w-full md:w-1/3 p-4"> <h5 class="text-xs uppercase font-medium mb-4">Because it's possible</h5> <p class="text-sm"> All images, videos, and content on this site are the property of Imators. </p> </div> </div> <div class="text-center py-3 border-t border-gray-800"> <p class="text-sm"> © <?php echo date("Y"); ?> Imators. All rights reserved. </p> <p class="text-xs mt-2"> <a href="https://aktascorp.com">Imators is a aktascorp members.</a> </p> <p class="text-xs"> Imators is a registered LLC. All our products are subject to our terms. </p> </div></footer> <script> AOS.init({ duration: 800, once: true, offset: 100 }); </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка