Файловый менеджер - Редактировать - /home/gqdcvggs/.trash/index.php.uploading.1730402299
Назад
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Portfolio</title> <script src="https://cdn.tailwindcss.com"></script> <style> @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .marquee-wrap { overflow: hidden; width: 100%; white-space: nowrap; } .marquee-content { display: inline-block; animation: marquee 20s linear infinite; white-space: nowrap; } .vertical-line { width: 1px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.1), transparent); } </style> </head> <body class="bg-black text-white"> <!-- Navigation --> <nav class="fixed top-4 right-4 z-50"> <div class="flex gap-4 bg-white/5 backdrop-blur-sm rounded-full px-4 py-2"> <span class="w-2 h-2 bg-white rounded-full"></span> <span class="text-xs tracking-wider">ONLINE</span> </div> </nav> <main> <!-- Hero Section --> <section class="min-h-screen relative"> <!-- Bannière --> <div class="marquee-wrap py-4 bg-white/5"> <div class="marquee-content"> <span class="text-3xl md:text-4xl font-light tracking-wider inline-block"> @FORCHANGE THE WORLD TONIGHT @FORCHANGE THE WORLD TONIGHT </span> </div> </div> <!-- Portrait --> <div class="relative h-[70vh] md:h-[80vh] mt-4"> <div class="absolute inset-0 flex"> <div class="w-full h-full relative overflow-hidden"> <img src="pics2.jpg" class="absolute inset-0 w-full h-full object-cover transition-opacity duration-700" alt=""> <img src="pics.JPG" class="absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-700" alt=""> <img src="pics3.JPG" class="absolute inset-0 w-full h-full object-cover opacity-0 transition-opacity duration-700" alt=""> </div> </div> </div> <!-- About --> <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-8"> <div class="max-w-2xl"> <p class="text-lg mb-4"> Web developer for 2 years and CEO of the Imators company. I have professional skills and a minimalist rendering for my requests. I love traveling and thinking </p> <div class="flex items-center gap-4"> <span class="w-2 h-2 bg-white rounded-full"></span> <p class="text-white/80">I am actually in London</p> </div> </div> </div> </section> <!-- Musique --> <section class="py-20 px-4 md:px-8"> <div class="max-w-6xl mx-auto"> <h2 class="text-sm tracking-[.5em] uppercase mb-12">Musique</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div class="group"> <div class="relative aspect-square overflow-hidden"> <img src="m1.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" alt=""> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity"> <div class="absolute bottom-4 left-4">Now Playing</div> </div> </div> <p class="mt-4">Titre</p> </div> <div class="group"> <div class="relative aspect-square overflow-hidden"> <img src="m2.jpg" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" alt=""> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity"> <div class="absolute bottom-4 left-4">Now Playing</div> </div> </div> <p class="mt-4">Titre</p> </div> </div> </div> </section> <!-- Projets --> <section class="py-20 px-4 md:px-8 bg-white/5"> <div class="max-w-6xl mx-auto"> <h2 class="text-sm tracking-[.5em] uppercase mb-12">Projets</h2> <div class="space-y-8"> <div class="group flex items-center justify-between py-4 border-b border-white/10"> <div> <h3 class="text-xl mb-2">Projet</h3> <p class="text-white/60">Description</p> </div> <a href="#" class="group-hover:translate-x-2 transition-transform"> Découvrir → </a> </div> <div class="group flex items-center justify-between py-4 border-b border-white/10"> <div> <h3 class="text-xl mb-2">Projet</h3> <p class="text-white/60">Description</p> </div> <a href="#" class="group-hover:translate-x-2 transition-transform"> Découvrir → </a> </div> </div> </div> </section> </main> <script> const images = document.querySelectorAll('.relative > img'); let current = 0; function cycleImages() { images[current].style.opacity = '0'; current = (current + 1) % images.length; images[current].style.opacity = '1'; } images[0].style.opacity = '1'; setInterval(cycleImages, 3000); </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка