Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Free Porn Videos & Sex Movies - Porno, XXX, Porn Tube</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> | |
| .video-thumbnail { | |
| aspect-ratio: 16/9; | |
| } | |
| .category-icon { | |
| width: 40px; | |
| height: 40px; | |
| } | |
| .dropdown:hover .dropdown-menu { | |
| display: block; | |
| } | |
| .pornstar-card { | |
| transition: transform 0.3s; | |
| } | |
| .pornstar-card:hover { | |
| transform: scale(1.03); | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(to right, #ff9900, #ff6600); | |
| } | |
| .mobile-menu { | |
| transition: all 0.3s ease; | |
| } | |
| .mobile-menu-hidden { | |
| transform: translateX(100%); | |
| } | |
| .mobile-menu-visible { | |
| transform: translateX(0); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-100 text-gray-800"> | |
| <!-- Top Bar --> | |
| <div class="bg-black text-white py-2 px-4 flex justify-between items-center text-sm"> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="hover:text-orange-400">English</a> | |
| <a href="#" class="hover:text-orange-400">Help</a> | |
| <a href="#" class="hover:text-orange-400">Feedback</a> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="hover:text-orange-400">Sign Up</a> | |
| <a href="#" class="hover:text-orange-400">Log In</a> | |
| </div> | |
| </div> | |
| <!-- Main Header --> | |
| <header class="bg-white shadow-md"> | |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
| <!-- Logo --> | |
| <div class="flex items-center"> | |
| <a href="#" class="text-2xl font-bold text-orange-500"> | |
| <span class="hidden md:inline">PORNHUB</span> | |
| <span class="md:hidden">PH</span> | |
| </a> | |
| </div> | |
| <!-- Search Bar --> | |
| <div class="hidden md:flex flex-1 mx-8"> | |
| <input type="text" placeholder="Search for videos, pornstars or categories" | |
| class="w-full px-4 py-2 border border-gray-300 rounded-l-full focus:outline-none focus:ring-2 focus:ring-orange-500"> | |
| <button class="bg-orange-500 text-white px-4 py-2 rounded-r-full hover:bg-orange-600"> | |
| <i class="fas fa-search"></i> | |
| </button> | |
| </div> | |
| <!-- Mobile Menu Button --> | |
| <button id="mobileMenuButton" class="md:hidden text-gray-600"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| <!-- Desktop Menu Items --> | |
| <div class="hidden md:flex space-x-6"> | |
| <a href="#" class="hover:text-orange-500 font-medium">Videos</a> | |
| <a href="#" class="hover:text-orange-500 font-medium">Categories</a> | |
| <a href="#" class="hover:text-orange-500 font-medium">Pornstars</a> | |
| <a href="#" class="hover:text-orange-500 font-medium">Photos</a> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Mobile Menu (Hidden by default) --> | |
| <div id="mobileMenu" class="mobile-menu mobile-menu-hidden fixed inset-y-0 right-0 w-64 bg-white shadow-lg z-50 overflow-y-auto"> | |
| <div class="p-4"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <div class="text-xl font-bold text-orange-500">MENU</div> | |
| <button id="closeMobileMenu" class="text-gray-600"> | |
| <i class="fas fa-times text-2xl"></i> | |
| </button> | |
| </div> | |
| <div class="mb-4"> | |
| <input type="text" placeholder="Search..." | |
| class="w-full px-4 py-2 border border-gray-300 rounded-full focus:outline-none focus:ring-2 focus:ring-orange-500"> | |
| </div> | |
| <nav class="space-y-4"> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Videos</a> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Categories</a> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Pornstars</a> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Photos</a> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Live Cams</a> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Community</a> | |
| <div class="border-t border-gray-200 my-2"></div> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Sign Up</a> | |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Log In</a> | |
| </nav> | |
| </div> | |
| </div> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-4 py-6"> | |
| <!-- Hero Section --> | |
| <section class="mb-8"> | |
| <div class="gradient-bg text-white rounded-lg p-6 md:p-8"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-6 md:mb-0"> | |
| <h1 class="text-3xl md:text-4xl font-bold mb-4">Unlimited Free Porn Videos</h1> | |
| <p class="text-lg mb-6">Enjoy the hottest pornstars and amateur community on the net.</p> | |
| <button class="bg-white text-orange-500 font-bold py-3 px-6 rounded-full hover:bg-gray-100 transition"> | |
| Watch Now | |
| </button> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative w-full max-w-md"> | |
| <div class="video-thumbnail bg-gray-800 rounded-lg overflow-hidden"> | |
| <img src="https://placehold.co/600x400" alt="Featured video" class="w-full h-full object-cover"> | |
| <div class="absolute inset-0 flex items-center justify-center"> | |
| <button class="bg-white bg-opacity-80 rounded-full p-4 hover:bg-opacity-100 transition"> | |
| <i class="fas fa-play text-orange-500 text-2xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="absolute -bottom-4 -right-4 bg-orange-500 text-white px-3 py-1 rounded-full text-sm font-bold"> | |
| 18+ | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Categories Section --> | |
| <section class="mb-10"> | |
| <h2 class="text-2xl font-bold mb-6">Popular Categories</h2> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> | |
| <!-- Category Item --> | |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 hover:shadow-md transition"> | |
| <div class="flex flex-col items-center"> | |
| <div class="category-icon bg-gray-200 rounded-full mb-2 flex items-center justify-center"> | |
| <i class="fas fa-user text-gray-600"></i> | |
| </div> | |
| <span class="text-center font-medium">Mature</span> | |
| <span class="text-sm text-gray-500">33,064 Videos</span> | |
| </div> | |
| </a> | |
| <!-- Repeat for other categories --> | |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 hover:shadow-md transition"> | |
| <div class="flex flex-col items-center"> | |
| <div class="category-icon bg-gray-200 rounded-full mb-2 flex items-center justify-center"> | |
| <i class="fas fa-heart text-gray-600"></i> | |
| </div> | |
| <span class="text-center font-medium">18-25</span> | |
| <span class="text-sm text-gray-500">216,547 Videos</span> | |
| </div> | |
| </a> | |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 hover:shadow-md transition"> | |
| <div class="flex flex-col items-center"> | |
| <div class="category-icon bg-gray-200 rounded-full mb-2 flex items-center justify-center"> | |
| <i class="fas fa-star text-gray-600"></i> | |
| </div> | |
| <span class="text-center font-medium">MILF</span> | |
| <span class="text-sm text-gray-500">154,127 Videos</span> | |
| </div> | |
| </a> | |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 hover:shadow-md transition"> | |
| <div class="flex flex-col items-center"> | |
| <div class="category-icon bg-gray-200 rounded-full mb-2 flex items-center justify-center"> | |
| <i class="fas fa-fire text-gray-600"></i> | |
| </div> | |
| <span class="text-center font-medium">Ebony</span> | |
| <span class="text-sm text-gray-500">35,351 Videos</span> | |
| </div> | |
| </a> | |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 hover:shadow-md transition"> | |
| <div class="flex flex-col items-center"> | |
| <div class="category-icon bg-gray-200 rounded-full mb-2 flex items-center justify-center"> | |
| <i class="fas fa-bolt text-gray-600"></i> | |
| </div> | |
| <span class="text-center font-medium">Anal</span> | |
| <span class="text-sm text-gray-500">110,259 Videos</span> | |
| </div> | |
| </a> | |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 hover:shadow-md transition"> | |
| <div class="flex flex-col items-center"> | |
| <div class="category-icon bg-gray-200 rounded-full mb-2 flex items-center justify-center"> | |
| <i class="fas fa-users text-gray-600"></i> | |
| </div> | |
| <span class="text-center font-medium">Threesome</span> | |
| <span class="text-sm text-gray-500">36,437 Videos</span> | |
| </div> | |
| </a> | |
| </div> | |
| <div class="mt-6 text-center"> | |
| <a href="#" class="text-orange-500 font-medium hover:underline">View All Categories</a> | |
| </div> | |
| </section> | |
| <!-- Trending Videos Section --> | |
| <section class="mb-10"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h2 class="text-2xl font-bold">Trending Videos</h2> | |
| <div class="flex space-x-2"> | |
| <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Hottest</button> | |
| <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Most Viewed</button> | |
| <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Top Rated</button> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> | |
| <!-- Video Card --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="video-thumbnail relative"> | |
| <img src="https://placehold.co/400x225" alt="Video thumbnail" class="w-full h-full object-cover"> | |
| <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded"> | |
| 14:42 | |
| </div> | |
| <div class="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition"> | |
| <button class="bg-white bg-opacity-80 rounded-full p-3 hover:bg-opacity-100 transition"> | |
| <i class="fas fa-play text-orange-500"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1 line-clamp-2">Goth Girlfriends vs Horny Step Brother - Effy Cutie & Natasha Noel - Family Therapy - Alex Adams</h3> | |
| <div class="flex justify-between text-xs text-gray-500"> | |
| <span>Alex Adams</span> | |
| <span>2.6M views</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Repeat for other videos --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="video-thumbnail relative"> | |
| <img src="https://placehold.co/400x225" alt="Video thumbnail" class="w-full h-full object-cover"> | |
| <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded"> | |
| 10:16 | |
| </div> | |
| <div class="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition"> | |
| <button class="bg-white bg-opacity-80 rounded-full p-3 hover:bg-opacity-100 transition"> | |
| <i class="fas fa-play text-orange-500"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1 line-clamp-2">Flexible Latina Redhead gets fucked into a pretzel - Zoey Di Giacomo</h3> | |
| <div class="flex justify-between text-xs text-gray-500"> | |
| <span>Jak Knife</span> | |
| <span>1.9M views</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="video-thumbnail relative"> | |
| <img src="https://placehold.co/400x225" alt="Video thumbnail" class="w-full h-full object-cover"> | |
| <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded"> | |
| 13:09 | |
| </div> | |
| <div class="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition"> | |
| <button class="bg-white bg-opacity-80 rounded-full p-3 hover:bg-opacity-100 transition"> | |
| <i class="fas fa-play text-orange-500"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1 line-clamp-2">LUSTYGRANDMAS - Horny Granny Gets Her Old Pussy Plumbed By A Male Stud</h3> | |
| <div class="flex justify-between text-xs text-gray-500"> | |
| <span>Lusty Grandmas</span> | |
| <span>1.2M views</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="video-thumbnail relative"> | |
| <img src="https://placehold.co/400x225" alt="Video thumbnail" class="w-full h-full object-cover"> | |
| <div class="absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded"> | |
| 3:52 | |
| </div> | |
| <div class="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition"> | |
| <button class="bg-white bg-opacity-80 rounded-full p-3 hover:bg-opacity-100 transition"> | |
| <i class="fas fa-play text-orange-500"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1 line-clamp-2">BLACKEDRAW Rampant Babe Paige Owen's first time with 3 BBCs</h3> | |
| <div class="flex justify-between text-xs text-gray-500"> | |
| <span>Blacked Raw</span> | |
| <span>885K views</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-6 text-center"> | |
| <a href="#" class="inline-block bg-orange-500 text-white px-6 py-2 rounded-full hover:bg-orange-600 transition"> | |
| Load More Videos | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Pornstars Section --> | |
| <section class="mb-10"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h2 class="text-2xl font-bold">Top Pornstars</h2> | |
| <a href="#" class="text-orange-500 hover:underline">View All</a> | |
| </div> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> | |
| <!-- Pornstar Card --> | |
| <a href="#" class="pornstar-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="relative"> | |
| <img src="https://placehold.co/200x200" alt="Pornstar" class="w-full h-48 object-cover"> | |
| <div class="absolute top-2 left-2 bg-orange-500 text-white text-xs font-bold px-2 py-1 rounded-full"> | |
| 16 | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1">Rae Lil Black</h3> | |
| <div class="text-xs text-gray-500"> | |
| <div>183 Videos</div> | |
| <div>528M Views</div> | |
| </div> | |
| </div> | |
| </a> | |
| <!-- Repeat for other pornstars --> | |
| <a href="#" class="pornstar-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="relative"> | |
| <img src="https://placehold.co/200x200" alt="Pornstar" class="w-full h-48 object-cover"> | |
| <div class="absolute top-2 left-2 bg-orange-500 text-white text-xs font-bold px-2 py-1 rounded-full"> | |
| 9 | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1">Scott Stark</h3> | |
| <div class="text-xs text-gray-500"> | |
| <div>194 Videos</div> | |
| <div>488M Views</div> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="#" class="pornstar-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="relative"> | |
| <img src="https://placehold.co/200x200" alt="Pornstar" class="w-full h-48 object-cover"> | |
| <div class="absolute top-2 left-2 bg-orange-500 text-white text-xs font-bold px-2 py-1 rounded-full"> | |
| 25 | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1">Alina Angel</h3> | |
| <div class="text-xs text-gray-500"> | |
| <div>86 Videos</div> | |
| <div>315M Views</div> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="#" class="pornstar-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="relative"> | |
| <img src="https://placehold.co/200x200" alt="Pornstar" class="w-full h-48 object-cover"> | |
| <div class="absolute top-2 left-2 bg-orange-500 text-white text-xs font-bold px-2 py-1 rounded-full"> | |
| 11 | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1">Riley Reid</h3> | |
| <div class="text-xs text-gray-500"> | |
| <div>860 Videos</div> | |
| <div>1.6B Views</div> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="#" class="pornstar-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="relative"> | |
| <img src="https://placehold.co/200x200" alt="Pornstar" class="w-full h-48 object-cover"> | |
| <div class="absolute top-2 left-2 bg-orange-500 text-white text-xs font-bold px-2 py-1 rounded-full"> | |
| 41 | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1">Sisi Rose</h3> | |
| <div class="text-xs text-gray-500"> | |
| <div>125 Videos</div> | |
| <div>164M Views</div> | |
| </div> | |
| </div> | |
| </a> | |
| <a href="#" class="pornstar-card bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition"> | |
| <div class="relative"> | |
| <img src="https://placehold.co/200x200" alt="Pornstar" class="w-full h-48 object-cover"> | |
| <div class="absolute top-2 left-2 bg-orange-500 text-white text-xs font-bold px-2 py-1 rounded-full"> | |
| 29 | |
| </div> | |
| </div> | |
| <div class="p-3"> | |
| <h3 class="font-medium text-sm mb-1">Melody Marks</h3> | |
| <div class="text-xs text-gray-500"> | |
| <div>287 Videos</div> | |
| <div>179M Views</div> | |
| </div> | |
| </div> | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Premium Banner --> | |
| <section class="mb-10 gradient-bg text-white rounded-lg p-6"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-2/3 mb-6 md:mb-0"> | |
| <h2 class="text-2xl md:text-3xl font-bold mb-4">NO MORE ADS. JUST ALL THE PREMIUM PORN YOU CAN HANDLE</h2> | |
| <p class="text-lg mb-6">WELCOME TO THE BEST PORN EXPERIENCE. EVER.</p> | |
| <div class="space-y-4 mb-6"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-check-circle mr-3 text-xl"></i> | |
| <span>No Ads</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-check-circle mr-3 text-xl"></i> | |
| <span>Exclusive Content</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-check-circle mr-3 text-xl"></i> | |
| <span>High Quality HD</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-check-circle mr-3 text-xl"></i> | |
| <span>Cancel Anytime</span> | |
| </div> | |
| </div> | |
| <button class="bg-white text-orange-500 font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition"> | |
| Start Free Week of Premium | |
| </button> | |
| </div> | |
| <div class="md:w-1/3 flex justify-center"> | |
| <img src="https://placehold.co/300x300" alt="Premium" class="rounded-lg"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trending Searches --> | |
| <section class="mb-10"> | |
| <h2 class="text-2xl font-bold mb-6">Trending Searches</h2> | |
| <div class="flex flex-wrap gap-2"> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">camping</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">kali roses</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">milf amateur</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">kimmy granger</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">rosie rider</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">anastasia knight</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">xxx</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">adriana chechik</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">gym girl</a> | |
| <a href="#" class="bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-full text-sm">bikini</a> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white py-10"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <!-- Column 1 --> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Information</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400">Sitemap</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Terms & Conditions</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Privacy Notice</a></li> | |
| <li><a href="#" class="hover:text-orange-400">DMCA</a></li> | |
| </ul> | |
| </div> | |
| <!-- Column 2 --> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Work With Us</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400">Content Partners</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Advertise</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Webmasters</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Model Program</a></li> | |
| </ul> | |
| </div> | |
| <!-- Column 3 --> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Support and Help</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400">Content Removal</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Contact Support</a></li> | |
| <li><a href="#" class="hover:text-orange-400">FAQ</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Parental Controls</a></li> | |
| </ul> | |
| </div> | |
| <!-- Column 4 --> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Discover</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400">Blog</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Insights</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Sexual Wellness</a></li> | |
| <li><a href="#" class="hover:text-orange-400">Mobile</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <span class="text-orange-400 font-bold text-xl">PORNHUB</span> | |
| <span class="text-gray-400 ml-2">© 2025</span> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="hover:text-orange-400"><i class="fab fa-twitter text-xl"></i></a> | |
| <a href="#" class="hover:text-orange-400"><i class="fab fa-discord text-xl"></i></a> | |
| </div> | |
| </div> | |
| <div class="mt-6 text-center text-sm text-gray-400"> | |
| <p>This website is only intended for users over the age of 18.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| const mobileMenuButton = document.getElementById('mobileMenuButton'); | |
| const closeMobileMenu = document.getElementById('closeMobileMenu'); | |
| const mobileMenu = document.getElementById('mobileMenu'); | |
| mobileMenuButton.addEventListener('click', () => { | |
| mobileMenu.classList.remove('mobile-menu-hidden'); | |
| mobileMenu.classList.add('mobile-menu-visible'); | |
| }); | |
| closeMobileMenu.addEventListener('click', () => { | |
| mobileMenu.classList.remove('mobile-menu-visible'); | |
| mobileMenu.classList.add('mobile-menu-hidden'); | |
| }); | |
| // Close mobile menu when clicking outside | |
| document.addEventListener('click', (e) => { | |
| if (!mobileMenu.contains(e.target) && e.target !== mobileMenuButton) { | |
| mobileMenu.classList.remove('mobile-menu-visible'); | |
| mobileMenu.classList.add('mobile-menu-hidden'); | |
| } | |
| }); | |
| </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=likhonsheikhdev/deploy" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |