Файловый менеджер - Редактировать - /home/gqdcvggs/go.imators.com/index.php.10.tar
Назад
home/gqdcvggs/.trash/index.php.10 0000664 00000066703 15114741041 0012553 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>Hizhat</title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600&display=swap" rel="stylesheet"> <style> body { font-family: 'Inter', sans-serif; } .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; } .reveal.show { opacity: 1; transform: translateY(0); } .hamburger { width: 24px; height: 18px; position: relative; cursor: pointer; z-index: 60; } .hamburger span { display: block; position: absolute; height: 2px; width: 100%; background: white; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); border-radius: 1px; } .hamburger span:nth-child(1) { top: 0; } .hamburger span:nth-child(2) { top: 8px; } .hamburger span:nth-child(3) { bottom: 0; } .hamburger.open span:nth-child(1) { transform: rotate(45deg); top: 8px; } .hamburger.open span:nth-child(2) { opacity: 0; transform: scale(0); } .hamburger.open span:nth-child(3) { transform: rotate(-45deg); bottom: 8px; } .fullscreen-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: black; z-index: 50; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1); backdrop-filter: blur(20px); } .fullscreen-menu.open { transform: translateY(0); } .menu-item { opacity: 0; transform: translateY(30px); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); } .fullscreen-menu.open .menu-item { opacity: 1; transform: translateY(0); } .menu-item:nth-child(1) { transition-delay: 0.1s; } .menu-item:nth-child(2) { transition-delay: 0.2s; } .menu-item:nth-child(3) { transition-delay: 0.3s; } .menu-item:nth-child(4) { transition-delay: 0.4s; } .menu-item:nth-child(5) { transition-delay: 0.5s; } .diagonal-section { clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%); } .vertical-text { writing-mode: vertical-rl; text-orientation: mixed; } .split-layout { display: grid; grid-template-columns: 1fr 2px 1fr; gap: 0; } .split-divider { background: linear-gradient(to bottom, transparent, white, transparent); } .photo-container { position: relative; } .photo-name { position: absolute; bottom: 12px; right: 12px; background: rgba(0, 0, 0, 0.8); color: white; padding: 6px 12px; font-size: 12px; font-weight: 300; letter-spacing: 0.1em; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .video-container { position: relative; width: 100%; aspect-ratio: 9/16; border-radius: 8px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.1); } .video-info { position: absolute; top: 0; left: 0; right: 0; z-index: 10; padding: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent); } .verified-icon { width: 16px; height: 16px; background: #1DA1F2; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: 10px; } @media (max-width: 768px) { .vertical-text { writing-mode: horizontal-tb; text-orientation: initial; } .split-layout { grid-template-columns: 1fr; gap: 2rem; } .split-divider { height: 2px; background: linear-gradient(to right, transparent, white, transparent); } .diagonal-section { clip-path: none; } .photo-name { bottom: 8px; right: 8px; padding: 4px 8px; font-size: 10px; } } </style> </head> <body class="bg-black text-white overflow-x-hidden"> <div id="overlay" class="fixed inset-0 bg-black z-50 flex items-center justify-center"> <div class="text-center px-4"> <div class="mb-12"> <div class="flex justify-center items-center gap-8"> <div class="h-px bg-white w-16"></div> <div class="w-2 h-2 border border-white rotate-45"></div> <div class="h-px bg-white w-16"></div> </div> </div> <p class="mb-6 font-light text-lg">Avez-vous plus de 18 ans ?</p> <p class="text-sm text-white/60 mb-8 max-w-sm mx-auto leading-relaxed">Ce site contient du contenu pour adultes qui peut choquer. L'accès est strictement réservé aux personnes majeures.</p> <div class="flex gap-4 justify-center"> <button onclick="enter()" class="bg-white text-black px-8 py-3 text-sm font-medium tracking-wide hover:bg-gray-100 transition-all">OUI</button> <button onclick="window.close()" class="border border-white/40 px-8 py-3 text-sm hover:bg-white/10 transition-all">NON</button> </div> </div> </div> <header class="fixed top-0 w-full z-40 bg-black border-b border-white/20"> <div class="max-w-none px-8 py-6 flex justify-between items-center"> <div class="text-2xl font-extralight tracking-[0.3em]">HIZHAT</div> <nav class="hidden lg:flex gap-12"> <a href="#hero" class="text-sm tracking-[0.15em] relative group"> ACCUEIL <div class="absolute -bottom-1 left-0 w-0 h-px bg-white group-hover:w-full transition-all duration-300"></div> </a> <a href="#advantages" class="text-sm tracking-[0.15em] relative group"> AVANTAGES <div class="absolute -bottom-1 left-0 w-0 h-px bg-white group-hover:w-full transition-all duration-300"></div> </a> <a href="#membership" class="text-sm tracking-[0.15em] relative group"> ADHÉSION <div class="absolute -bottom-1 left-0 w-0 h-px bg-white group-hover:w-full transition-all duration-300"></div> </a> <a href="#about" class="text-sm tracking-[0.15em] relative group"> HISTOIRE <div class="absolute -bottom-1 left-0 w-0 h-px bg-white group-hover:w-full transition-all duration-300"></div> </a> <a href="#gallery" class="text-sm tracking-[0.15em] relative group"> GALERIE <div class="absolute -bottom-1 left-0 w-0 h-px bg-white group-hover:w-full transition-all duration-300"></div> </a> </nav> <div class="lg:hidden hamburger" onclick="toggleMenu()"> <span></span><span></span><span></span> </div> </div> </header> <div class="fullscreen-menu"> <div class="absolute top-6 right-6 lg:hidden"> <div class="hamburger open" onclick="closeMenu()"> <span></span><span></span><span></span> </div> </div> <div class="flex items-center justify-center h-full px-6"> <nav class="text-center"> <div class="menu-item"> <a href="#hero" onclick="closeMenu()" class="block text-3xl lg:text-6xl font-extralight mb-6 lg:mb-8 tracking-[0.3em] hover:text-white/70 transition-all">ACCUEIL</a> </div> <div class="menu-item"> <a href="#advantages" onclick="closeMenu()" class="block text-3xl lg:text-6xl font-extralight mb-6 lg:mb-8 tracking-[0.3em] hover:text-white/70 transition-all">AVANTAGES</a> </div> <div class="menu-item"> <a href="#membership" onclick="closeMenu()" class="block text-3xl lg:text-6xl font-extralight mb-6 lg:mb-8 tracking-[0.3em] hover:text-white/70 transition-all">ADHÉSION</a> </div> <div class="menu-item"> <a href="#about" onclick="closeMenu()" class="block text-3xl lg:text-6xl font-extralight mb-6 lg:mb-8 tracking-[0.3em] hover:text-white/70 transition-all">HISTOIRE</a> </div> <div class="menu-item"> <a href="#gallery" onclick="closeMenu()" class="block text-3xl lg:text-6xl font-extralight tracking-[0.3em] hover:text-white/70 transition-all">GALERIE</a> </div> </nav> </div> </div> <main id="content" class="hidden"> <section id="hero" class="h-screen relative flex items-center"> <div class="absolute left-4 lg:left-8 top-1/2 -translate-y-1/2 vertical-text text-xs lg:text-sm tracking-[0.3em] text-white/40 hidden lg:block"> CLUB PRIVÉ DEPUIS 2017 </div> <div class="w-full max-w-7xl mx-auto px-4 lg:px-8 pt-20"> <div class="grid lg:grid-cols-12 gap-8 lg:gap-0 items-center h-full"> <div class="lg:col-span-7 space-y-8 lg:space-y-12 text-center lg:text-left"> <div> <h2 class="text-3xl md:text-5xl lg:text-8xl font-extralight leading-none mb-6 lg:mb-8"> LE CLUB<br> <span class="text-white/60">QUI PERMET</span><br> UN PARADIS </h2> <div class="flex items-center justify-center lg:justify-start gap-4 lg:gap-6 mb-8 lg:mb-12"> <div class="w-16 lg:w-24 h-px bg-white"></div> <div class="w-2 lg:w-3 h-2 lg:h-3 border border-white rotate-45"></div> <p class="text-base lg:text-lg font-light text-white/80 max-w-md hidden lg:block"> Un club porno ou nous créeons un paradis </p> </div> <p class="text-base lg:text-lg font-light text-white/80 mb-8 lg:hidden"> Un club porno ou nous créeons un paradis </p> </div> <div class="flex flex-col lg:flex-row items-center justify-center lg:justify-start gap-6 lg:gap-8"> <button class="border-2 border-white px-8 lg:px-10 py-3 lg:py-4 text-sm font-medium tracking-[0.15em] hover:bg-white hover:text-black transition-all duration-300"> DÉCOUVRIR </button> <div class="text-xs tracking-[0.2em] text-white/60"> SCROLL POUR CONTINUER </div> </div> </div> <div class="lg:col-span-5 relative flex justify-center"> <div class="absolute -top-10 lg:-top-20 -right-10 lg:-right-20 w-48 lg:w-96 h-48 lg:h-96 border border-white/10 rotate-12 hidden lg:block"></div> <div class="w-64 lg:w-80 h-80 lg:h-[500px] mx-auto relative"> <div class="absolute inset-0 border-2 border-white transform rotate-3"></div> <div class="relative w-full h-full overflow-hidden"> <img src="cover2.jpeg" alt="Hizhat" class="w-full h-full object-cover"> </div> </div> </div> </div> </div> <div class="absolute right-4 lg:right-8 bottom-4 lg:bottom-8 text-xs tracking-[0.3em] text-white/40 vertical-text hidden lg:block"> UNE FAMILLE OU CHAQUE UN PROFITE DE LA LUXURE </div> </section> <section id="videos" class="py-16 lg:py-32 bg-black"> <div class="max-w-6xl mx-auto px-4 lg:px-8"> <div class="text-center mb-12 lg:mb-20"> <h3 class="text-4xl lg:text-6xl font-extralight mb-6 lg:mb-8 tracking-wide">L'ART CHEZ HIZHAT</h3> <div class="flex justify-center items-center gap-6"> <div class="w-16 h-px bg-white"></div> <div class="w-2 h-2 border border-white rotate-45"></div> <div class="w-16 h-px bg-white"></div> </div> </div> <div class="grid lg:grid-cols-2 gap-8 lg:gap-12"> <div class="video-container reveal"> <div class="video-info"> <div class="flex justify-between items-start"> <div class="flex items-center gap-2"> <span class="text-sm font-medium text-white">SELENA</span> <div class="verified-icon">✓</div> </div> <div class="text-right"> <div class="text-xs text-white/80">15 AÔUT 2025</div> <div class="text-xs text-white/60">IBIZA</div> </div> </div> </div> <video class="w-full h-full object-cover" autoplay muted loop playsinline preload="auto"> <source src="video1.mov" type="video/quicktime"> <source src="video1.mp4" type="video/mp4"> </video> </div> <div class="video-container reveal hidden lg:block"> <div class="video-info"> <div class="flex justify-between items-start"> <div class="flex items-center gap-2"> <span class="text-sm font-medium text-white">ALEX</span> <div class="verified-icon">✓</div> </div> <div class="text-right"> <div class="text-xs text-white/80">12 JUIN 2025</div> <div class="text-xs text-white/60">MONTREAL</div> </div> </div> </div> <video class="w-full h-full object-cover" autoplay muted loop playsinline preload="auto"> <source src="video3.mov" type="video/quicktime"> <source src="video3.mp4" type="video/mp4"> </video> </div> </div> <div class="text-center mt-12 lg:mt-16"> <button class="border-2 border-white px-8 lg:px-12 py-3 lg:py-4 text-sm font-medium tracking-[0.15em] hover:bg-white hover:text-black transition-all duration-300"> VOIR PLUS </button> </div> </div> </section> <section id="advantages" class="py-16 lg:py-32 relative diagonal-section bg-white text-black"> <div class="max-w-6xl mx-auto px-4 lg:px-8"> <div class="split-layout items-start"> <div class="pr-0 lg:pr-16 mb-12 lg:mb-0"> <h3 class="text-4xl lg:text-6xl font-extralight mb-8 lg:mb-16 tracking-wide text-center lg:text-left"> POURQUOI<br>HIZHAT </h3> <p class="text-base lg:text-lg text-black/70 leading-relaxed text-center lg:text-left"> Ce qui nous distingue et qui vous donnera envie d'être membre. </p> </div> <div class="split-divider hidden lg:block"></div> <div class="pl-0 lg:pl-16 space-y-8 lg:space-y-16"> <div class="group"> <div class="flex flex-col lg:flex-row items-start gap-4 lg:gap-6 text-center lg:text-left"> <div class="w-10 lg:w-12 h-10 lg:h-12 border-2 border-black/20 flex items-center justify-center group-hover:border-black transition-all mx-auto lg:mx-0 flex-shrink-0"> <div class="text-lg lg:text-xl font-light">01</div> </div> <div> <h4 class="text-xl lg:text-2xl font-light mb-3 lg:mb-4 tracking-wide">DISCRÉTION ABSOLUE</h4> <p class="text-black/60 leading-relaxed text-sm lg:text-base">Anonymat garanti, confidentialité totale et respect absolu de votre intimité dans chacun de nos services exclusifs.</p> </div> </div> </div> <div class="group"> <div class="flex flex-col lg:flex-row items-start gap-4 lg:gap-6 text-center lg:text-left"> <div class="w-10 lg:w-12 h-10 lg:h-12 border-2 border-black/20 flex items-center justify-center group-hover:border-black transition-all mx-auto lg:mx-0 flex-shrink-0"> <div class="text-lg lg:text-xl font-light">02</div> </div> <div> <h4 class="text-xl lg:text-2xl font-light mb-3 lg:mb-4 tracking-wide">SÉLECTION EXCLUSIVE</h4> <p class="text-black/60 leading-relaxed text-sm lg:text-base">Processus d'admission ultra-sélectif pour garantir une communauté d'exception et des expériences inoubliables. Pour ne baiserez pas avec des mal élever.</p> </div> </div> </div> <div class="group"> <div class="flex flex-col lg:flex-row items-start gap-4 lg:gap-6 text-center lg:text-left"> <div class="w-10 lg:w-12 h-10 lg:h-12 border-2 border-black/20 flex items-center justify-center group-hover:border-black transition-all mx-auto lg:mx-0 flex-shrink-0"> <div class="text-lg lg:text-xl font-light">03</div> </div> <div> <h4 class="text-xl lg:text-2xl font-light mb-3 lg:mb-4 tracking-wide">LUXE & RAFFINEMENT</h4> <p class="text-black/60 leading-relaxed text-sm lg:text-base">Environnement somptueux et service sur-mesure dans un cadre d'exception pensé pour votre plaisir.</p> </div> </div> </div> </div> </div> </div> </section> <section id="membership" class="py-32 bg-black"> <div class="max-w-6xl mx-auto px-8"> <div class="text-center mb-20"> <h3 class="text-6xl font-extralight mb-8 tracking-wide">ADHÉSION</h3> <div class="flex justify-center items-center gap-6"> <div class="w-16 h-px bg-white"></div> <div class="w-2 h-2 border border-white rotate-45"></div> <div class="w-16 h-px bg-white"></div> </div> </div> <div class="grid lg:grid-cols-2 gap-0"> <div class="border-r border-white/20 pr-12 py-16"> <div class="space-y-8"> <div class="text-xs tracking-[0.3em] text-white/60">FORMULE STANDARD</div> <h4 class="text-4xl font-extralight tracking-wide">MEMBRE ANNUEL</h4> <div class="flex items-baseline gap-2"> <span class="text-6xl font-extralight">2,500</span> <span class="text-lg text-white/60">EUR</span> </div> <p class="text-white/70 leading-relaxed max-w-md"> Accès complet aux événements privés, contenus exclusifs et services personnalisés durant une année entière. </p> <a href="/subscribe-annual.php" class="border border-white px-8 py-4 text-sm font-medium tracking-[0.15em] hover:bg-white hover:text-black transition-all duration-300"> S'INSCRIRE </a> </div> </div> <div class="pl-12 py-16 bg-white/5"> <div class="space-y-8"> <div class="text-xs tracking-[0.3em] text-white/60">STATUT PRIVILÉGIÉ</div> <h4 class="text-4xl font-extralight tracking-wide">GOLDEN</h4> <div class="flex items-baseline gap-2"> <span class="text-6xl font-extralight">∞</span> <span class="text-lg text-white/60">INVITATION</span> </div> <p class="text-white/70 leading-relaxed max-w-md"> Statut d'exception accordé uniquement par rencontre personnelle avec un président. Privilèges illimités à vie. </p> <button class="bg-white text-black px-8 py-4 text-sm font-medium tracking-[0.15em] hover:bg-white/90 transition-all duration-300"> SUR INVITATION </button> </div> </div> </div> </div> </section> <section id="about" class="py-16 lg:py-32 bg-white text-black"> <div class="max-w-4xl mx-auto px-4 lg:px-8"> <div class="grid lg:grid-cols-3 gap-8 lg:gap-16"> <div class="lg:col-span-1 text-center lg:text-left"> <h3 class="text-4xl lg:text-6xl font-extralight mb-6 lg:mb-8 tracking-wide">NOTRE HÉRITAGE</h3> </div> <div class="lg:col-span-2 space-y-8 lg:space-y-12"> <div class="reveal border-l-2 border-black/20 pl-6 lg:pl-8"> <div class="text-sm tracking-[0.2em] text-black/60 mb-3 lg:mb-4">2017</div> <p class="text-lg lg:text-xl leading-relaxed">Fondé par un groupe de quatres amis dans le but de crée un lieu porno ou personne ne jugerai l'art du domaine</p> </div> <div class="reveal border-l-2 border-black/20 pl-6 lg:pl-8"> <div class="text-sm tracking-[0.2em] text-black/60 mb-3 lg:mb-4">2019-2020</div> <p class="text-lg lg:text-xl leading-relaxed">Le club acceuille de nouveau membre, qui sont prêt à continuer de le faire vivre ! La joie et la bonne humeur s'installe dans la maison !</p> </div> <div class="reveal border-l-2 border-black/20 pl-6 lg:pl-8"> <div class="text-sm tracking-[0.2em] text-black/60 mb-3 lg:mb-4">AUJOURD'HUI</div> <p class="text-lg lg:text-xl leading-relaxed">Le club compte 50 membres venant d'Asie, Amérique et Europe, fier et heureux.</p> </div> </div> </div> </div> </section> <section id="gallery" class="py-16 lg:py-32 bg-black"> <div class="max-w-7xl mx-auto px-4 lg:px-8"> <div class="flex flex-col lg:flex-row justify-between items-center lg:items-end mb-12 lg:mb-20 text-center lg:text-left"> <h3 class="text-4xl lg:text-6xl font-extralight tracking-wide mb-4 lg:mb-0">GALERIE</h3> <div class="text-sm tracking-[0.2em] text-white/60">ELLES SONT MEMBRES</div> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8"> <div class="md:col-span-2 lg:col-span-2 space-y-4 lg:space-y-8"> <div class="aspect-[3/2] border-2 border-white/20 overflow-hidden group photo-container"> <img src="pic2.png" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"> <div class="photo-name">RENNE - Polonaise</div> </div> <div class="aspect-square border-2 border-white/20 overflow-hidden group photo-container"> <img src="pic6.png" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"> <div class="photo-name">ANYA - Anglaise & Libanaise</div> </div> </div> <div class="space-y-4 lg:space-y-8"> <div class="aspect-[3/4] border-2 border-white/20 overflow-hidden group photo-container"> <img src="pic1.png" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"> <div class="photo-name">MAYA - Russe & Française</div> </div> <div class="aspect-square border-2 border-white/20 overflow-hidden group photo-container"> <img src="pic5.png" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"> <div class="photo-name">SELENA - Tunisienne</div> </div> </div> <div class="space-y-4 lg:space-y-8"> <div class="aspect-square border-2 border-white/20 overflow-hidden group photo-container"> <img src="pic4.png" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"> <div class="photo-name">ALEX - Belge & Colombienne</div> </div> <div class="aspect-[3/4] border-2 border-white/20 overflow-hidden group photo-container"> <img src="pic3.png" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"> <div class="photo-name">ELISA - Belge</div> </div> </div> </div> <div class="text-center mt-12 lg:mt-20"> <button class="border-2 border-white px-8 lg:px-12 py-3 lg:py-4 text-sm font-medium tracking-[0.15em] hover:bg-white hover:text-black transition-all duration-300"> ACCÈS COMPLET </button> </div> </div> </section> </main> <footer class="border-t border-white/10 py-12 lg:py-16 px-4 lg:px-8 bg-black"> <div class="max-w-6xl mx-auto"> <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12 text-center md:text-left"> <div class="md:col-span-2"> <h4 class="text-3xl lg:text-4xl font-extralight mb-4 lg:mb-6 tracking-[0.3em]">HIZHAT</h4> <p class="text-white/60 leading-relaxed max-w-md mx-auto md:mx-0">Club privé porno depuis 2017. Crée avec du coeur et de la passion</p> </div> <div> <h5 class="font-medium mb-4 lg:mb-6 tracking-[0.15em]">CONTACT</h5> <p class="text-white/60 mb-2">contact@hizhat.com</p> <p class="text-white/60">+33 1 42 XX XX XX</p> </div> <div> <h5 class="font-medium mb-4 lg:mb-6 tracking-[0.15em]">LÉGAL</h5> <p class="text-white/60 mb-2">Mentions légales</p> <p class="text-white/60">Confidentialité</p> </div> </div> <div class="border-t border-white/10 mt-8 lg:mt-12 pt-6 lg:pt-8 flex flex-col md:flex-row justify-between items-center text-center md:text-left"> <p class="text-white/50 text-sm tracking-wide mb-4 md:mb-0">© 2025 HIZHAT</p> <p class="text-white/50 text-sm tracking-wide">TOUS DROITS RÉSERVÉS</p> </div> </div> </footer> <script> let menuOpen = false; function enter() { document.getElementById('overlay').style.display = 'none'; document.getElementById('content').classList.remove('hidden'); } function toggleMenu() { const hamburger = document.querySelector('.hamburger'); const menu = document.querySelector('.fullscreen-menu'); menuOpen = !menuOpen; hamburger.classList.toggle('open'); menu.classList.toggle('open'); if (menuOpen) { document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = 'auto'; } } function closeMenu() { const hamburger = document.querySelector('.hamburger'); const menu = document.querySelector('.fullscreen-menu'); menuOpen = false; hamburger.classList.remove('open'); menu.classList.remove('open'); document.body.style.overflow = 'auto'; } window.addEventListener('scroll', () => { document.querySelectorAll('.reveal').forEach(el => { const rect = el.getBoundingClientRect(); if (rect.top < window.innerHeight - 100) { el.classList.add('show'); } }); }); document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); }); </script> </body> </html>