Файловый менеджер - Редактировать - /home/gqdcvggs/go.imators.com/index.html.tar
Назад
home/gqdcvggs/folium.imators.com/index.html 0000644 00000014250 15114733634 0015034 0 ustar 00 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Folium</title> <meta name="description" content="Folium is a Minecraft town, which had its first phase in 2022 and its second in 2024 following a loss of wilderness."> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <style> body { font-family: 'Unbounded', sans-serif; } .modal { display: none; position: fixed; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; } .modal-content { margin: auto; display: block; max-width: 90%; max-height: 90%; } .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } </style> </head> <body class="bg-gray-100"> <!-- Hero Section --> <section class="relative bg-blue-500"> <div class="container mx-auto px-4 py-20 text-center"> <h1 class="text-5xl font-bold text-gray-800">The Folium project</h1> <p class="mt-4 text-lg text-gray-600">Discover the wonders of our minecraft town and its unique history.</p> <div class="mt-8 flex justify-center items-center space-x-10"> <img src="https://cdn.imators.com/logo.png" alt="Company Logo 1" class="h-16"> <img src="https://cdn.icon-icons.com/icons2/2699/PNG/512/mojang_logo_icon_170945.png" alt="Company Logo 2" class="h-16"> </div> </div> </section> <main class="container mx-auto px-4 py-12"> <!-- Images Section --> <section class="py-12"> <h2 class="text-3xl font-bold text-gray-800 mb-6 text-center">City photos</h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="bg-white rounded-lg shadow-lg overflow-hidden"> <img src="Palais_Lavagna.png" alt="Palazzo Lavagna" class="w-full cursor-pointer" onclick="openModal(this)"> <div class="p-6"> <h3 class="text-xl font-semibold text-gray-800">Palazzo Lavagna</h3> <p class="mt-4 text-gray-600">This palace commemorates the opening of Folium Sky and is designed in an Arabian style inspired by Marakech.</p> </div> </div> <div class="bg-white rounded-lg shadow-lg overflow-hidden"> <img src="Residence.png" alt="Oukra Palace" class="w-full cursor-pointer" onclick="openModal(this)"> <div class="p-6"> <h3 class="text-xl font-semibold text-gray-800">Oukra Palace</h3> <p class="mt-4 text-gray-600">This is the very first building in Folium to be constructed while preserving the Sakuras already there.</p> </div> </div> <div class="bg-white rounded-lg shadow-lg overflow-hidden"> <img src="Mojang_avenue.png" alt="Mojang Avenue" class="w-full cursor-pointer" onclick="openModal(this)"> <div class="p-6"> <h3 class="text-xl font-semibold text-gray-800">Mojang Avenue</h3> <p class="mt-4 text-gray-600">To celebrate the Minecraft Award, this avenue has been renovated and now features the magnificent Mojang logo.</p> </div> </div> </div> </section> <!-- La Sauvegarde Section --> <section id="la-sauvegarde" class="py-12 bg-gray-200"> <h2 class="text-3xl font-bold text-gray-800 mb-6 text-center">La Sauvegarde</h2> <div class="max-w-4xl mx-auto"> <p class="text-lg text-gray-700 mb-4"> Folium was marked by an unexpected event. The city was at its most successful since 2022 when suddenly, in January 2024, the city suffered an unprecedented loss of backup. The world in which the city was built was wiped out and we had to start all over again. It was very hard, knowing that hours and hours of construction had been put in! But despite everything, in just five months we managed to rebuild the city that had taken us two years to build! We'll be bringing you images of the old city soon. </p> </div> </section> </main> <footer class="bg-white shadow mt-12"> <div class="container mx-auto px-4 py-6 text-center"> <p class="text-gray-800">© 2024 Folium City. With the support of Microsoft and Imators</p> </div> </footer> <!-- The Modal --> <div id="myModal" class="modal flex justify-center items-center"> <span class="close" onclick="closeModal()">×</span> <img class="modal-content" id="img01"> <div id="caption" class="text-white text-center mt-4"></div> </div> <script> function openModal(element) { var modal = document.getElementById("myModal"); var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); modal.style.display = "flex"; modalImg.src = element.src; captionText.innerHTML = element.alt; } function closeModal() { var modal = document.getElementById("myModal"); modal.style.display = "none"; } </script> </body> </html> home/gqdcvggs/public_html/index.html 0000644 00000001230 15114733761 0013604 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>RomMedia Europe</title> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> </head> <body class="bg-gray-100 flex items-center justify-center h-screen"> <div class="text-center"> <h1 class="text-4xl font-bold text-gray-800 mb-4">Occasional closure</h1> <p class="text-lg text-gray-600">Thank you for being present for RomMedia in these two years 2023 and 2024. RomMedia will see you again from January 2025!</p> </div> </body> </html>