Файловый менеджер - Редактировать - /home/gqdcvggs/fort-jaco.be/imators.co.uk.tar
Назад
index.html 0000664 00000006764 15114731663 0006567 0 ustar 00 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Imators</title> <meta name="imators-verification" content="verified"> <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet"> <style> .fade-in { animation: fadeIn 1s ease-in; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .title-switch { transition: opacity 0.5s ease-in-out; } </style> </head> <body class="bg-black min-h-screen flex flex-col items-center justify-center"> <!-- Logo --> <img src="https://cdn.imators.com/logo.png" alt="Logo" class="w-16 h-16 mb-8 fade-in"> <!-- Titre alternant --> <h1 id="mainTitle" class="text-4xl md:text-6xl font-bold mb-12 text-white font-['Poppins'] text-center px-4 title-switch fade-in"> Bienvenue sur notre site </h1> <!-- Boutons --> <div id="buttonContainer" class="space-y-4 md:space-y-0 md:space-x-6 flex flex-col md:flex-row fade-in"> <a id="button1" href="#" class="px-8 py-3 bg-white text-black rounded-full font-['Poppins'] font-semibold hover:bg-gray-200 transition-colors"> Premier Bouton </a> <a id="button2" href="#" class="px-8 py-3 bg-transparent text-white border-2 border-white rounded-full font-['Poppins'] font-semibold hover:bg-white hover:text-black transition-colors"> Second Bouton </a> </div> <script> // Configuration modifiable const config = { titles: [ "Willkommen auf unserer Website", "Bienvenue sur notre site" ], showSecondButton: true, button1: { text: "Besuchen Sie auf Deutsch", url: "https://imators.com/de" }, button2: { text: "Visitez en Français", url: "https://imators.com/fr" } }; // Fonction pour alterner les titres function switchTitle() { const titleElement = document.getElementById('mainTitle'); let currentIndex = 0; setInterval(() => { titleElement.style.opacity = '0'; setTimeout(() => { titleElement.textContent = config.titles[currentIndex]; titleElement.style.opacity = '1'; currentIndex = (currentIndex + 1) % config.titles.length; }, 500); }, 2000); } function setupButtons() { const button1 = document.getElementById('button1'); const button2 = document.getElementById('button2'); button1.textContent = config.button1.text; button1.href = config.button1.url; if (!config.showSecondButton) { button2.style.display = 'none'; } else { button2.textContent = config.button2.text; button2.href = config.button2.url; } } document.addEventListener('DOMContentLoaded', () => { switchTitle(); setupButtons(); }); </script> </body> </html>