Файловый менеджер - Редактировать - /home/gqdcvggs/gemance.com/index.html
Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="imators-verification" content="verified"> <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"> <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=Aboreto&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <style> .aboreto-regular { font-family: "Aboreto", system-ui; font-weight: 400; font-style: normal; } .la-belle-aurore { font-family: "La Belle Aurore", cursive; font-weight: 400; font-style: normal; } .princess-sofia { font-family: "Princess Sofia", cursive; font-weight: 400; font-style: normal; } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.6; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .video-container { animation: zoomOut 4s ease forwards 2s; } .title { animation: fadeInUp 1s ease forwards 4s; opacity: 0; } .desc { animation: fadeInUp 2s ease forwards 4s; opacity: 0; } .button { animation: fadeInUp 3s ease forwards 4s; opacity: 0; } .zoom-out-all { animation: zoomOut 1s ease forwards; } .gemance-text { position: fixed; top: 1rem; left: 1rem; font-size: 2rem; color: white; } .gemance-text span { opacity: 0; display: inline-block; animation: fadeInLetter 0.5s forwards; } @keyframes fadeInLetter { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } </style> </head> <body class="bg-black text-white overflow-hidden h-screen flex items-center justify-center relative"> <div class="absolute inset-0 flex items-center justify-center video-container"> <video autoplay muted playsinline class="rounded-lg w-full h-full object-cover" id="myVideo"> <source src="video.mp4" type="video/mp4"> Votre navigateur ne supporte pas les vid�os HTML5. </video> <script> document.addEventListener('DOMContentLoaded', function() { var video = document.getElementById('myVideo'); video.play(); }); </script> </div> <div id="hamburger-icon" class="fixed bottom-4 right-4 opacity-0 transition-opacity duration-500"> <a href="/menu" class="block w-16 h-16 bg-white rounded-full shadow-lg flex items-center justify-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 text-gray-800"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16m-7 6h7" /> </svg> </a> </div> <div class="absolute text-center flex flex-col items-center"> <h1 class="text-5xl title font-light mb-4 aboreto-regular">The radiance of her beauty</h1> <p class="text-lg desc mb-6 la-belle-aurore">Discover our unique and one-of-a-kind stone collections</p> <a href="/history" class="button bg-white text-black px-6 py-3 rounded-full transition" onclick="triggerZoomOut()"> Discover our history </a> </div> <div class="gemance-text princess-sofia" id="gemanceText"></div> <script> function triggerZoomOut() { document.querySelector('.video-container').classList.add('zoom-out-all'); document.querySelector('.content').classList.add('zoom-out-all'); } setTimeout(function() { document.getElementById('hamburger-icon').classList.remove('opacity-0'); }, 3000); document.addEventListener('DOMContentLoaded', function() { const text = "Gemance"; const container = document.getElementById('gemanceText'); const initialDelay = 3.5; // D�lai initial de 3.5 secondes let delay = initialDelay; for (let i = 0; i < text.length; i++) { const span = document.createElement('span'); span.textContent = text[i]; span.style.animationDelay = `${delay}s`; container.appendChild(span); delay += 0.2; } }); </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка