Файловый менеджер - Редактировать - /home/gqdcvggs/gemance.com/menu.html
Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Gemance</title> <link rel="icon" href="https://cdn.imators.com/logo_Gemance.png" type="image/x-icon"> <meta name="description" content="Gemance is a brand offering you the opportunity to buy exceptional, rare and one-of-a-kind jewelry."> <!-- Facebook Meta Tags --> <meta property="og:url" content="https://gemance.com"> <meta property="og:type" content="website"> <meta property="og:title" content="Gemance"> <meta property="og:description" content="Gemance is a brand offering you the opportunity to buy exceptional, rare and one-of-a-kind jewelry."> <meta property="og:image" content="https://opengraph.b-cdn.net/production/images/7d08cca6-56aa-42d1-a641-f9f44914ea12.png?token=jXDBoGRjIgGiGA3pNhDAtPJ8odoJIiQ_1zznvH6RNR0&height=630&width=1200&expires=33258602552"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="gemance.com"> <meta property="twitter:url" content="https://gemance.com"> <meta name="twitter:title" content="Gemance"> <meta name="twitter:description" content="Gemance is a brand offering you the opportunity to buy exceptional, rare and one-of-a-kind jewelry."> <meta name="twitter:image" content="https://opengraph.b-cdn.net/production/images/7d08cca6-56aa-42d1-a641-f9f44914ea12.png?token=jXDBoGRjIgGiGA3pNhDAtPJ8odoJIiQ_1zznvH6RNR0&height=630&width=1200&expires=33258602552"> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap" rel="stylesheet"> <style> .princess-sofia { font-family: 'Princess Sofia', cursive; } /* Animation pour souligner le texte au survol */ .underline-hover:hover { text-decoration: underline; text-underline-offset: 4px; } /* Animation pour une apparition �l�gante */ .fade-in { animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* Style pour la croix de retour */ .back-button { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; cursor: pointer; background: none; border: none; color: white; font-size: 24px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .back-button:hover { transform: scale(1.2); } /* Style pour le d�pliant l�gal */ .legal-dropdown { overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; } .legal-dropdown.open { max-height: 500px; /* Ajustez cette valeur selon vos besoins */ transition: max-height 0.5s ease-in; } .legal-toggle { cursor: pointer; } .legal-toggle::after { content: '\25BC'; margin-left: 5px; display: inline-block; transition: transform 0.3s ease; } .legal-toggle.open::after { transform: rotate(180deg); } </style> </head> <body class="bg-black text-white font-sans flex items-center justify-center min-h-screen relative"> <button class="back-button" onclick="window.history.back();">×</button> <div class="space-y-4 fade-in"> <p class="font-light text-4xl">Collections</p> <a href="collections/mlt" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> Mister tailor and it's stones </a> <a href="collections/clothing" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> Tailor clothing </a> <a href="collections/office" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> Office tools </a> <hr class="border-t border-gray-600 my-4"> <p class="font-light text-4xl">The Gemance House</p> <a href="/history" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> History </a> <a href="/support" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> Support </a> <a href="/" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> Home </a> <a href="/paper" class="block underline-hover text-xl transition-all duration-300 ease-in-out"> Paper written by Monsieur le Tailleur </a> <div class="legal-toggle text-xl transition-all duration-300 ease-in-out" onclick="toggleLegal()"> Legal Information </div> <div class="legal-dropdown"> <a href="/legal-notice" class="block underline-hover text-lg transition-all duration-300 ease-in-out pl-4"> Legal Notice </a> <a href="/privacy-policy" class="block underline-hover text-lg transition-all duration-300 ease-in-out pl-4"> Privacy Policy </a> <a href="/terms-and-conditions" class="block underline-hover text-lg transition-all duration-300 ease-in-out pl-4"> Terms and Conditions </a> <a href="/return-policy" class="block underline-hover text-lg transition-all duration-300 ease-in-out pl-4"> Return Policy </a> <a href="/shipping-policy" class="block underline-hover text-lg transition-all duration-300 ease-in-out pl-4"> Shipping Policy </a> </div> </div> <script> function toggleLegal() { const dropdown = document.querySelector('.legal-dropdown'); const toggle = document.querySelector('.legal-toggle'); dropdown.classList.toggle('open'); toggle.classList.toggle('open'); } </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка