| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>AniVerse - Explore Anime World</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); |
| |
| body { |
| font-family: 'Poppins', sans-serif; |
| background-color: #0f0e17; |
| color: #fffffe; |
| } |
| |
| .anime-card { |
| transition: all 0.3s ease; |
| transform: translateY(0); |
| } |
| |
| .anime-card:hover { |
| transform: translateY(-10px); |
| box-shadow: 0 20px 25px -5px rgba(239, 68, 68, 0.1), 0 10px 10px -5px rgba(239, 68, 68, 0.04); |
| } |
| |
| .hero-gradient { |
| background: linear-gradient(135deg, #ff3864 0%, #8b5cf6 50%, #2563eb 100%); |
| } |
| |
| .search-input:focus { |
| outline: none; |
| box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.5); |
| } |
| |
| .genre-tag { |
| transition: all 0.2s ease; |
| } |
| |
| .genre-tag:hover { |
| transform: scale(1.05); |
| } |
| |
| @keyframes float { |
| 0%, 100% { |
| transform: translateY(0); |
| } |
| 50% { |
| transform: translateY(-10px); |
| } |
| } |
| |
| .floating { |
| animation: float 3s ease-in-out infinite; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <nav class="bg-gray-900 bg-opacity-90 backdrop-blur-md fixed w-full z-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex items-center justify-between h-16"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0"> |
| <span class="text-red-500 font-bold text-2xl">AniVerse</span> |
| </div> |
| <div class="hidden md:block"> |
| <div class="ml-10 flex items-baseline space-x-4"> |
| <a href="#" class="text-red-400 hover:text-red-300 px-3 py-2 rounded-md text-sm font-medium">Home</a> |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Popular</a> |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Genres</a> |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Seasonal</a> |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Watchlist</a> |
| </div> |
| </div> |
| </div> |
| <div class="hidden md:block"> |
| <div class="ml-4 flex items-center md:ml-6"> |
| <div class="relative mx-4"> |
| <input type="text" class="search-input bg-gray-800 text-white h-10 px-5 pr-10 rounded-full text-sm focus:outline-none w-64" placeholder="Search anime..."> |
| <button type="submit" class="absolute right-0 top-0 mt-3 mr-4"> |
| <i class="fas fa-search text-gray-400 hover:text-white"></i> |
| </button> |
| </div> |
| <button class="bg-red-600 hover:bg-red-700 text-white px-4 py-1 rounded-full text-sm font-medium"> |
| Sign In |
| </button> |
| </div> |
| </div> |
| <div class="-mr-2 flex md:hidden"> |
| <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none"> |
| <i class="fas fa-bars"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="hidden md:hidden" id="mobile-menu"> |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> |
| <a href="#" class="text-red-400 block px-3 py-2 rounded-md text-base font-medium">Home</a> |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Popular</a> |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Genres</a> |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Seasonal</a> |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Watchlist</a> |
| </div> |
| <div class="pt-4 pb-3 border-t border-gray-700"> |
| <div class="flex items-center px-5"> |
| <input type="text" class="search-input bg-gray-800 text-white h-10 px-5 pr-10 rounded-full text-sm focus:outline-none w-full" placeholder="Search anime..."> |
| <button type="submit" class="absolute right-0 top-0 mt-3 mr-4"> |
| <i class="fas fa-search text-gray-400 hover:text-white"></i> |
| </button> |
| </div> |
| <div class="mt-3 px-2"> |
| <button class="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-full text-sm font-medium"> |
| Sign In |
| </button> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div class="hero-gradient pt-24 pb-16"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="md:flex items-center justify-between"> |
| <div class="md:w-1/2 mb-10 md:mb-0"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Discover Your Next <span class="text-yellow-300">Anime</span> Adventure</h1> |
| <p class="text-lg mb-6 text-gray-100">Explore thousands of anime titles, track your progress, and join our passionate community of anime lovers.</p> |
| <div class="flex space-x-4"> |
| <button class="bg-white text-red-600 hover:bg-gray-100 px-6 py-3 rounded-full font-medium">Browse Anime</button> |
| <button class="bg-gray-900 bg-opacity-50 text-white hover:bg-opacity-70 px-6 py-3 rounded-full font-medium">Popular Shows</button> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <img src="https://i.imgur.com/JY4JZcL.png" alt="Anime Characters" class="floating w-3/4 md:w-full max-w-md"> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <section class="py-12 bg-gray-900"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between items-center mb-8"> |
| <h2 class="text-2xl font-bold">Trending Now <span class="text-red-500">🔥</span></h2> |
| <a href="#" class="text-red-400 hover:text-red-300 font-medium">View All</a> |
| </div> |
| |
| <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6"> |
| |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> |
| <div class="relative"> |
| <img src="https://i.imgur.com/9E9FZTA.jpg" alt="Demon Slayer" class="w-full h-64 object-cover"> |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> |
| EP 12 |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-1">Demon Slayer</h3> |
| <div class="flex items-center text-yellow-400 mb-2"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">9.2</span> |
| </div> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Fantasy</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> |
| <div class="relative"> |
| <img src="https://i.imgur.com/JQKdLQk.jpg" alt="Attack on Titan" class="w-full h-64 object-cover"> |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> |
| FINAL |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-1">Attack on Titan</h3> |
| <div class="flex items-center text-yellow-400 mb-2"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">9.5</span> |
| </div> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Drama</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> |
| <div class="relative"> |
| <img src="https://i.imgur.com/3tKjA7B.jpg" alt="Jujutsu Kaisen" class="w-full h-64 object-cover"> |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> |
| S2 |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-1">Jujutsu Kaisen</h3> |
| <div class="flex items-center text-yellow-400 mb-2"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">8.9</span> |
| </div> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Supernatural</span> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Horror</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> |
| <div class="relative"> |
| <img src="https://i.imgur.com/5Z3J2cF.jpg" alt="My Hero Academia" class="w-full h-64 object-cover"> |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> |
| S6 |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-1">My Hero Academia</h3> |
| <div class="flex items-center text-yellow-400 mb-2"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">8.3</span> |
| </div> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Superhero</span> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">School</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-800 rounded-lg overflow-hidden shadow-lg"> |
| <div class="relative"> |
| <img src="https://i.imgur.com/7VJgZ1Q.jpg" alt="Spy x Family" class="w-full h-64 object-cover"> |
| <div class="absolute top-2 right-2 bg-red-600 text-white text-xs font-bold px-2 py-1 rounded"> |
| NEW |
| </div> |
| </div> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-1">Spy x Family</h3> |
| <div class="flex items-center text-yellow-400 mb-2"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">8.7</span> |
| </div> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Comedy</span> |
| <span class="genre-tag bg-gray-700 text-xs px-2 py-1 rounded">Action</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-800"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between items-center mb-8"> |
| <h2 class="text-2xl font-bold">Summer 2023 <span class="text-blue-400">☀️</span></h2> |
| <div class="flex space-x-2"> |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-l-full">Winter</button> |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2">Spring</button> |
| <button class="bg-blue-600 text-white px-4 py-2">Summer</button> |
| <button class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-2 rounded-r-full">Fall</button> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> |
| <div class="w-1/3"> |
| <img src="https://i.imgur.com/8XJQZ2r.jpg" alt="Mushoku Tensei" class="w-full h-full object-cover"> |
| </div> |
| <div class="w-2/3 p-4"> |
| <h3 class="font-bold mb-1">Mushoku Tensei S2</h3> |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">8.8</span> |
| </div> |
| <p class="text-gray-300 text-xs mb-2">Episodes: 12/24</p> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Isekai</span> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Drama</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> |
| <div class="w-1/3"> |
| <img src="https://i.imgur.com/9Y5Q3bT.jpg" alt="Horimiya" class="w-full h-full object-cover"> |
| </div> |
| <div class="w-2/3 p-4"> |
| <h3 class="font-bold mb-1">Horimiya: Piece</h3> |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">8.4</span> |
| </div> |
| <p class="text-gray-300 text-xs mb-2">Episodes: 5/13</p> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Romance</span> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Slice of Life</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> |
| <div class="w-1/3"> |
| <img src="https://i.imgur.com/4XJQZ2r.jpg" alt="Bleach" class="w-full h-full object-cover"> |
| </div> |
| <div class="w-2/3 p-4"> |
| <h3 class="font-bold mb-1">Bleach: TYBW</h3> |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">9.1</span> |
| </div> |
| <p class="text-gray-300 text-xs mb-2">Episodes: 8/13</p> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Action</span> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Shounen</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="anime-card bg-gray-700 rounded-lg overflow-hidden shadow-lg flex"> |
| <div class="w-1/3"> |
| <img src="https://i.imgur.com/7XJQZ2r.jpg" alt="Zom 100" class="w-full h-full object-cover"> |
| </div> |
| <div class="w-2/3 p-4"> |
| <h3 class="font-bold mb-1">Zom 100</h3> |
| <div class="flex items-center text-yellow-400 mb-1 text-sm"> |
| <i class="fas fa-star"></i> |
| <span class="ml-1 text-white">8.6</span> |
| </div> |
| <p class="text-gray-300 text-xs mb-2">Episodes: 3/12</p> |
| <div class="flex flex-wrap gap-1"> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Zombie</span> |
| <span class="genre-tag bg-gray-600 text-xs px-2 py-1 rounded">Comedy</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-900"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <h2 class="text-2xl font-bold mb-8">Popular Genres</h2> |
| |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> |
| <div class="genre-card bg-gradient-to-br from-red-600 to-red-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> |
| <i class="fas fa-fist-raised text-3xl mb-2"></i> |
| <h3 class="font-bold">Action</h3> |
| </div> |
| |
| <div class="genre-card bg-gradient-to-br from-blue-600 to-blue-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> |
| <i class="fas fa-heart text-3xl mb-2"></i> |
| <h3 class="font-bold">Romance</h3> |
| </div> |
| |
| <div class="genre-card bg-gradient-to-br from-purple-600 to-purple-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> |
| <i class="fas fa-ghost text-3xl mb-2"></i> |
| <h3 class="font-bold">Horror</h3> |
| </div> |
| |
| <div class="genre-card bg-gradient-to-br from-green-600 to-green-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> |
| <i class="fas fa-laugh-beam text-3xl mb-2"></i> |
| <h3 class="font-bold">Comedy</h3> |
| </div> |
| |
| <div class="genre-card bg-gradient-to-br from-yellow-600 to-yellow-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> |
| <i class="fas fa-hat-wizard text-3xl mb-2"></i> |
| <h3 class="font-bold">Fantasy</h3> |
| </div> |
| |
| <div class="genre-card bg-gradient-to-br from-pink-600 to-pink-800 rounded-lg p-6 text-center hover:shadow-lg transition-all duration-300"> |
| <i class="fas fa-user-graduate text-3xl mb-2"></i> |
| <h3 class="font-bold">Slice of Life</h3> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-red-900 bg-opacity-20"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="bg-gray-800 rounded-xl p-8 md:p-12 shadow-lg"> |
| <div class="md:flex items-center"> |
| <div class="md:w-1/2 mb-8 md:mb-0"> |
| <h2 class="text-2xl font-bold mb-2">Stay Updated</h2> |
| <p class="text-gray-300">Subscribe to our newsletter to get the latest anime news, recommendations, and exclusive offers.</p> |
| </div> |
| <div class="md:w-1/2"> |
| <div class="flex"> |
| <input type="email" placeholder="Your email address" class="flex-grow bg-gray-700 text-white px-4 py-3 rounded-l-lg focus:outline-none"> |
| <button class="bg-red-600 hover:bg-red-700 text-white px-6 py-3 rounded-r-lg font-medium">Subscribe</button> |
| </div> |
| <p class="text-xs text-gray-400 mt-2">We'll never share your email with anyone else.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 pt-12 pb-6"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"> |
| <div> |
| <h3 class="text-lg font-bold mb-4">AniVerse</h3> |
| <p class="text-gray-400 text-sm">Your ultimate destination for anime streaming, news, and community.</p> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Navigation</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Home</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Popular</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Genres</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Seasonal</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Legal</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">Cookie Policy</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white text-sm">DMCA</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Connect</h3> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-discord"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-reddit"></i></a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 pt-6"> |
| <p class="text-gray-400 text-sm text-center">© 2023 AniVerse. All rights reserved. All anime titles and associated imagery are trademarks of their respective owners.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { |
| const menu = document.getElementById('mobile-menu'); |
| menu.classList.toggle('hidden'); |
| }); |
| |
| |
| const animeCards = document.querySelectorAll('.anime-card'); |
| animeCards.forEach(card => { |
| card.addEventListener('mouseenter', function() { |
| this.style.transform = 'translateY(-10px)'; |
| }); |
| card.addEventListener('mouseleave', function() { |
| this.style.transform = 'translateY(0)'; |
| }); |
| }); |
| |
| |
| const searchInput = document.querySelector('.search-input'); |
| searchInput.addEventListener('keypress', function(e) { |
| if (e.key === 'Enter') { |
| alert('Search functionality would be implemented here!'); |
| this.value = ''; |
| } |
| }); |
| |
| |
| const seasonButtons = document.querySelectorAll('section.bg-gray-800 button'); |
| seasonButtons.forEach(button => { |
| button.addEventListener('click', function() { |
| seasonButtons.forEach(btn => { |
| btn.classList.remove('bg-blue-600'); |
| btn.classList.add('bg-gray-700', 'hover:bg-gray-600'); |
| }); |
| this.classList.remove('bg-gray-700', 'hover:bg-gray-600'); |
| this.classList.add('bg-blue-600'); |
| |
| |
| console.log(`Loading ${this.textContent} season anime...`); |
| }); |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=tvcvr/feg" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
