Файловый менеджер - Редактировать - /home/gqdcvggs/.trash/about-us.php.1
Назад
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>À propos d'Imators</title> <link href="https://cdn.imators.com/logo.png" rel="icon" type="image/png" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.1.2/dist/tailwind.min.css"> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> <script src="https://cdn.jsdelivr.net/npm/alpinejs@2.8.0/dist/alpine.min.js" defer></script> </head> <style> @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; } .gradient-background { background: rgb(34,193,195); background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(167,45,253,1) 100%); color: #FFFFFF; } header { background-color: rgba(0, 0, 0, 0.8); transition: background-color 0.5s; } .menu-link { transition: color 0.3s ease-in-out; color: #FFF !important; } .footer, .mobile-menu { background-color: #111827; color: #FFF; } .coc { background-color: #111827; } .timeline { position: relative; } .timeline::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; bottom: 0; width: 2px; background: #D1D5DB; } .timeline-item { position: relative; width: 100%; padding: 10px 40px; margin-bottom: 20px; } .timeline-marker { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); height: 20px; width: 20px; border-radius: 50%; background: #3B82F6; } .timeline-content { max-width: 40%; padding: 20px; background: #F9FAFB; border-radius: 8px; } .timeline-item:nth-child(even) .timeline-content { margin-left: auto; background: #EFF6FF; } .parallax-container { perspective: 2px; } .parallax-background { transform: translateZ(-1px) scale(2); min-height: 100vh; background-size: cover; background-position: center; } .content { position: relative; } .fade-in-section { transition: opacity 0.6s ease-out, transform 1s ease-out; opacity: 0; transform: translateY(20px); visibility: hidden; } .fade-in-section.is-visible { opacity: 1; transform: none; visibility: visible; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .gradient-bg { background: linear-gradient(-45deg, #6b1839, #1c4b82, #076b3b); background-size: 400% 400%; animation: gradient 15s ease infinite; } /* Style pour les images arrondies */ .rounded-image { border-radius: 1rem; /* Arrondi des images */ overflow: hidden; } </style> </head> <body class="bg-black text-white"> <?php include 'src/header.php'; ?> <section class="py-20"> <div class="container px-4 mx-auto "> <div class="max-w-xl lg:max-w-2xl mx-auto text-center"></div> </div> <div class="h-96 mb-12 lg:mb-16"> <img class="w-full h-full object-cover" src="banner.png" alt=""> </div> <div class="container px-4 mx-auto"> <div class="max-w-2xl mx-auto"> <p class="mb-6 lg:mb-8 text-lg leading-loose lg:text-xl lg:leading-relaxed text-gray-500">At Imators, our fundamental mission is to revolutionise the current technological landscape by focusing on what truly matters. We aim to transcend the limitations of the present technological phase, paving the way for what we call 'the second technological era'�a transformative shift in how we interact with and use technology. </p> <p class="mb-6 lg:mb-8 text-lg leading-loose lg:text-xl lg:leading-relaxed text-gray-500">Notre vision tournée vers l'avenir englobe le développement d'outils et de solutions modernes à l'échelle mondiale, tout en protégeant fermement l'autonomie de l'humanité en matière de prise de décision. Nous maintenons un engagement inébranlable en faveur d'un progrès technologique éthique : vous ne nous trouverez pas en train de développer des robots ou des systèmes d'intelligence artificielle qui pourraient potentiellement nuire à l'homme ou promouvoir l'indolence. Au contraire, nos innovations sont conçues pour améliorer les capacités humaines tout en préservant l'action de l'homme. L'une des pierres angulaires de notre mission est de guider la société vers une relation plus réfléchie et plus équilibrée avec la technologie. Si notre aspiration à faire partie intégrante de la vie quotidienne peut sembler ambitieuse, nous insistons sur le fait que notre présence sera constructive plutôt qu'écrasante. Nous cherchons à éclairer la réalité plutôt qu'à l'obscurcir, en aidant les gens à maintenir leur lien avec le monde qui les entoure.</p> <p class="text-lg leading-loose lg:text-xl lg:leading-relaxed text-gray-500">Imators se consacre à guider ses clients vers un avenir meilleur. Nous nous efforçons de créer des solutions qui apportent plus de sérénité et de commodité à la vie moderne, tout en préservant les qualités essentielles qui font de nous des êtres humains. Notre engagement consiste à améliorer la vie grâce à la technologie, et non à remplacer l'expérience humaine par celle-ci.</p> </div> </div> </section> <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <script> var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 30, pagination: { el: '.swiper-pagination', clickable: true, }, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 20, }, 768: { slidesPerView: 3, spaceBetween: 40, }, 1024: { slidesPerView: 4, spaceBetween: 50, }, } }); window.addEventListener('scroll', () => { document.querySelectorAll('.fade-in-section').forEach((el) => { const scrollY = window.scrollY + window.innerHeight; const elementTop = el.getBoundingClientRect().top + window.scrollY; const isVisible = scrollY > elementTop + 100; // Offset de 100px pour un effet plus t�t if (isVisible) { el.classList.add('is-visible'); } }); }); document.getElementById('mobile-menu-button').addEventListener('click', function() { document.getElementById('mobile-menu').classList.remove('hidden'); }); document.getElementById('mobile-menu-close').addEventListener('click', function() { document.getElementById('mobile-menu').classList.add('hidden'); }); </script> <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script> <script> AOS.init(); document.addEventListener("DOMContentLoaded", function() { // S lectionne tous les l ments d clencheurs de l'effet de glissement const triggers = document.querySelectorAll('.slide-trigger'); triggers.forEach(trigger => { trigger.addEventListener('click', function(e) { e.preventDefault(); // Emp che le comportement par d faut des liens const targetId = this.getAttribute('href'); // R cup re l'ID de la cible depuis l'attribut href const targetElement = document.querySelector(targetId); // S lectionne l' l ment cible // V rifie si l' l ment cible existe if (targetElement) { // Fait d filer jusqu' l' l ment cible avec un effet doux targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); }); </script> <footer class="bg-black text-white"> <div class="max-w-6xl mx-auto px-4 py-10 flex flex-wrap justify-between"> <div class="w-full md:w-1/3 p-5"> <h5 class="text-xs uppercase font-medium mb-6">Suivez-nous</h5> <div class="flex items-center space-x-4"> <a href="https://instagram.com/this.is.imators" class="text-sm font-medium duration-700 hover:text-gray-100 flex items-center"> <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/instagram-white-icon.png" alt="Instagram" class="w-6 h-6 mr-2"> <span>Instagram</span> </a> </div> </div> <!-- Footer Links --> <div class="w-full md:w-1/3 p-5"> <h5 class="text-xs uppercase font-medium mb-6">Découvrir</h5> <a href="/privacy" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Privacy Policy </a> <a href="/terms-of-use" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Terms of Use </a> <a href="/" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Home </a> <a href="/about-us" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> About Us </a> <a href="/contact-us" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Contact Us </a> </div> <!-- Footer description --> <div class="w-full md:w-1/3 p-5"> <h5 class="text-xs uppercase font-medium mb-6">CROYEZ EN VOUS</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-4 border-t border-gray-800"> <p class="text-sm mb-2"> © 2024 Imators. All rights reserved. </p> <p class="text-xs"> Imators is a registered LLC (Limited Liability Company). All our products, whether technologically physical or simply online, are subject to our rules, which you can access. </p> </div> </footer> </body> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка