Файловый менеджер - Редактировать - /home/gqdcvggs/.trash/fr/about-us.php
Назад
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>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> <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; } .rounded-image { border-radius: 1rem; 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">À l'aube d'une nouvelle ère technologique, Imators se positionne comme un véritable pionnier, avec la ferme ambition de révolutionner le monde de la technologie. Fondée sur une vision d'avenir, notre mission est de transcender les frontières actuelles de l'innovation pour concevoir les solutions de demain. Chez Imators, nous croyons fermement que la technologie a le pouvoir de remodeler notre quotidien, d'apporter des réponses concrètes aux défis sociétaux et environnementaux, et d'ouvrir la voie à des possibilités jusqu'alors inexplorées.</p> <p class="mb-6 lg:mb-8 text-lg leading-loose lg:text-xl lg:leading-relaxed text-gray-500">Notre objectif n'est pas seulement d'innover, mais de le faire de manière responsable et durable. Nous nous engageons à développer des technologies respectueuses de l'environnement, favorisant l'inclusion et garantissant la sécurité et la confidentialité des utilisateurs. Dans cette quête d'excellence, Imators se concentre sur l'intelligence artificielle, le big data, la réalité augmentée et la blockchain, convaincu que ces technologies clés sont le moteur d'une révolution qui redéfinira notre façon de vivre, de travailler et d'interagir.</p> <p class="text-lg leading-loose lg:text-xl lg:leading-relaxed text-gray-500">Chez Imators, nous cultivons un écosystème d'innovation ouverte, collaborant avec des startups, des chercheurs et des institutions du monde entier pour fusionner idées, talents et technologies. Cette approche collaborative nous permet de rester à la pointe de l'innovation et d'anticiper les besoins de demain. Notre ambition va au-delà de la simple évolution technologique ; nous aspirons à créer un avenir où la technologie agit comme un levier de progrès social et économique accessible à tous. En plaçant l'humain au cœur de nos innovations, nous œuvrons à construire un futur où chaque individu pourra tirer le meilleur parti de la technologie pour enrichir sa vie. En bref, Imators n'est pas qu'une entreprise technologique ; c'est un mouvement dédié à la construction d'un avenir meilleur grâce à la technologie. Rejoignez-nous dans ce passionnant voyage vers l'inconnu, où ensemble nous façonnerons le monde de demain.</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; 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() { const triggers = document.querySelectorAll('.slide-trigger'); triggers.forEach(trigger => { trigger.addEventListener('click', function(e) { e.preventDefault(); const targetId = this.getAttribute('href'); const targetElement = document.querySelector(targetId); if (targetElement) { 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> <div class="w-full md:w-1/3 p-5"> <h5 class="text-xs uppercase font-medium mb-6">Découvrir</h5> <a href="/fr/privacy" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Politique de confidentialité </a> <a href="fr/terms-of-use" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Conditions d'utilisation </a> <a href="/" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Accueil </a> <a href="/fr/about-us" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> À propos de nous </a> <a href="/fr/contact-us" class="my-3 block hover:text-gray-100 text-sm font-medium duration-700"> Contactez-nous </a> </div> <div class="w-full md:w-1/3 p-5"> <h5 class="text-xs uppercase font-medium mb-6">Because it's possible</h5> <p class="text-sm"> Toutes les images, vidéos et contenus de ce site sont la propriété d'Imators. </p> </div> </div> <div class="text-center py-4 border-t border-gray-800"> <p class="text-sm mb-2"> © 2024 Imators. Tous droits réservés. </p> <p class="text-xs"> Imators est une SARL (Société à Responsabilité Limitée) enregistrée. Tous nos produits, qu'ils soient technologiquement physiques ou simplement en ligne, sont soumis à nos règles, auxquelles vous pouvez accéder. </p> </div> </footer> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка