| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>RedTube Clone</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 { |
| transition: transform 0.3s ease; |
| } |
| .video-thumbnail:hover { |
| transform: scale(1.03); |
| } |
| .duration-badge { |
| background-color: rgba(0, 0, 0, 0.7); |
| } |
| .premium-badge { |
| background-color: #ff0000; |
| } |
| .nav-link:hover { |
| color: #ff0000; |
| } |
| .search-bar:focus { |
| outline: none; |
| box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3); |
| } |
| .category-tag:hover { |
| background-color: #ff0000; |
| color: white; |
| } |
| .video-player { |
| background-color: #000; |
| } |
| ::-webkit-scrollbar { |
| width: 8px; |
| height: 8px; |
| } |
| ::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| } |
| ::-webkit-scrollbar-thumb { |
| background: #ff0000; |
| border-radius: 4px; |
| } |
| </style> |
| </head> |
| <body class="bg-gray-100 text-gray-800"> |
| |
| <header class="bg-white shadow-md sticky top-0 z-50"> |
| <div class="container mx-auto px-4 py-3 flex items-center justify-between"> |
| |
| <div class="flex items-center"> |
| <a href="#" class="text-2xl font-bold text-red-600 flex items-center"> |
| <i class="fas fa-play-circle mr-2"></i> |
| <span>RedTube</span> |
| </a> |
| </div> |
|
|
| |
| <div class="hidden md:flex flex-1 mx-8"> |
| <div class="relative w-full"> |
| <input type="text" placeholder="Search videos..." |
| class="w-full py-2 px-4 border border-gray-300 rounded-full search-bar focus:border-red-500"> |
| <button class="absolute right-0 top-0 h-full px-4 text-gray-500 hover:text-red-500"> |
| <i class="fas fa-search"></i> |
| </button> |
| </div> |
| </div> |
|
|
| |
| <div class="flex items-center space-x-4"> |
| <button class="hidden md:block px-4 py-2 bg-red-600 text-white rounded-full hover:bg-red-700 transition"> |
| <i class="fas fa-upload mr-2"></i> Upload |
| </button> |
| <button class="hidden md:block px-4 py-2 border border-gray-300 rounded-full hover:bg-gray-100 transition"> |
| <i class="fas fa-user-plus mr-2"></i> Sign Up |
| </button> |
| <button class="px-3 py-1 text-gray-700 hover:text-red-600"> |
| <i class="fas fa-bell text-xl"></i> |
| </button> |
| <button class="px-3 py-1 text-gray-700 hover:text-red-600"> |
| <i class="fas fa-user-circle text-xl"></i> |
| </button> |
| <button class="md:hidden px-3 py-1 text-gray-700 hover:text-red-600"> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <main class="container mx-auto px-4 py-6"> |
| |
| <section class="mb-8"> |
| <div class="video-player rounded-lg overflow-hidden shadow-lg"> |
| <div class="aspect-w-16 aspect-h-9 bg-black"> |
| <div class="w-full h-96 flex items-center justify-center relative"> |
| <div class="absolute inset-0 flex items-center justify-center"> |
| <i class="fas fa-play-circle text-6xl text-red-600 opacity-70"></i> |
| </div> |
| <img src="https://via.placeholder.com/1280x720" alt="Video thumbnail" class="w-full h-full object-cover"> |
| </div> |
| </div> |
| <div class="bg-white p-4"> |
| <h1 class="text-2xl font-bold mb-2">Hot amateur couple having passionate sex</h1> |
| <div class="flex items-center justify-between mb-4"> |
| <div class="flex items-center"> |
| <span class="text-gray-600 mr-4"><i class="fas fa-eye mr-1"></i> 1.2M views</span> |
| <span class="text-gray-600 mr-4"><i class="fas fa-thumbs-up mr-1"></i> 24K</span> |
| <span class="text-gray-600"><i class="fas fa-comment mr-1"></i> 843</span> |
| </div> |
| <div class="flex items-center"> |
| <button class="px-3 py-1 bg-gray-200 rounded-full mr-2 hover:bg-gray-300"> |
| <i class="fas fa-share mr-1"></i> Share |
| </button> |
| <button class="px-3 py-1 bg-gray-200 rounded-full hover:bg-gray-300"> |
| <i class="fas fa-ellipsis-h"></i> |
| </button> |
| </div> |
| </div> |
| <div class="flex items-center mb-4"> |
| <img src="https://via.placeholder.com/50" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold">Amateur Couple</h3> |
| <p class="text-sm text-gray-600">1.5M subscribers</p> |
| </div> |
| <button class="ml-auto px-4 py-2 bg-red-600 text-white rounded-full hover:bg-red-700"> |
| Subscribe |
| </button> |
| </div> |
| <div class="bg-gray-100 p-3 rounded-lg"> |
| <p class="text-gray-800">Published on May 15, 2023</p> |
| <p class="mt-2">Watch this hot amateur couple as they explore each other's bodies in this passionate lovemaking session. Full video available for premium members.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section> |
| <div class="flex items-center justify-between mb-6"> |
| <h2 class="text-xl font-bold">Related Videos</h2> |
| <div class="flex space-x-2"> |
| <button class="px-3 py-1 bg-gray-200 rounded-full hover:bg-gray-300"> |
| <i class="fas fa-filter mr-1"></i> Filter |
| </button> |
| <button class="px-3 py-1 bg-gray-200 rounded-full hover:bg-gray-300"> |
| <i class="fas fa-sort mr-1"></i> Sort |
| </button> |
| </div> |
| </div> |
|
|
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> |
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">12:34</span> |
| <span class="premium-badge absolute top-2 left-2 text-white text-xs px-2 py-1 rounded">PREMIUM</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">Busty blonde gets fucked hard in the kitchen</h3> |
| <p class="text-gray-600 text-xs">Hot Amateurs</p> |
| <p class="text-gray-600 text-xs">1.2M views • 3 days ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">8:21</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">Step sister caught masturbating and fucked</h3> |
| <p class="text-gray-600 text-xs">Family Strokes</p> |
| <p class="text-gray-600 text-xs">2.7M views • 1 week ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">25:14</span> |
| <span class="premium-badge absolute top-2 left-2 text-white text-xs px-2 py-1 rounded">PREMIUM</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">Lesbian threesome with big tits and toys</h3> |
| <p class="text-gray-600 text-xs">Girls Way</p> |
| <p class="text-gray-600 text-xs">850K views • 2 days ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">18:07</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">Massive cock destroys tight pussy in doggy</h3> |
| <p class="text-gray-600 text-xs">BBC Paradise</p> |
| <p class="text-gray-600 text-xs">1.8M views • 5 days ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">15:42</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40"alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">MILF teacher seduces young student after class</h3> |
| <p class="text-gray-600 text-xs">Moms Teach Sex</p> |
| <p class="text-gray-600 text-xs">3.1M views • 2 weeks ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">22:18</span> |
| <span class="premium-badge absolute top-2 left-2 text-white text-xs px-2 py-1 rounded">PREMIUM</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">Hardcore anal with screaming orgasm</h3> |
| <p class="text-gray-600 text-xs">Anal Adventures</p> |
| <p class="text-gray-600 text-xs">1.5M views • 4 days ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">9:56</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">Public flashing and outdoor sex with stranger</h3> |
| <p class="text-gray-600 text-xs">Public Agent</p> |
| <p class="text-gray-600 text-xs">2.3M views • 1 week ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition video-thumbnail"> |
| <div class="relative"> |
| <img src="https://via.placeholder.com/300x169" alt="Video thumbnail" class="w-full h-40 object-cover"> |
| <span class="duration-badge absolute bottom-2 right-2 text-white text-sm px-2 py-1 rounded">30:45</span> |
| </div> |
| <div class="p-3"> |
| <div class="flex"> |
| <img src="https://via.placeholder.com/40" alt="Channel" class="w-10 h-10 rounded-full mr-3"> |
| <div> |
| <h3 class="font-semibold text-sm line-clamp-2">VR Porn experience with multiple positions</h3> |
| <p class="text-gray-600 text-xs">Virtual Real Porn</p> |
| <p class="text-gray-600 text-xs">980K views • 3 days ago</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| </main> |
|
|
| |
| <footer class="bg-gray-900 text-white py-8"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4">RedTube</h3> |
| <p class="text-gray-400 mb-4">The best free porn videos on the internet.</p> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> |
| <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-instagram"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-youtube"></i></a> |
| </div> |
| </div> |
| <div> |
| <h4 class="font-semibold mb-4">Categories</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">Amateur</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Anal</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Asian</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">BBW</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Big Tits</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="font-semibold mb-4">Legal</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">Terms of Service</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">DMCA</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">2257 Statement</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Content Removal</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="font-semibold mb-4">Help</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Premium Membership</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Advertise</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Webmasters</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="border-t border-gray-800 mt-8 pt-6 text-center text-gray-500 text-sm"> |
| <p>© 2023 RedTube. All rights reserved. All models are 18+ years old.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| |
| |
| |
| |
| const videoThumbnails = document.querySelectorAll('.video-thumbnail'); |
| videoThumbnails.forEach(thumbnail => { |
| thumbnail.addEventListener('click', function() { |
| |
| alert('Loading video...'); |
| }); |
| }); |
| |
| |
| const searchInput = document.querySelector('.search-bar'); |
| const searchButton = document.querySelector('.search-bar + button'); |
| |
| function performSearch() { |
| const query = searchInput.value.trim(); |
| if (query) { |
| alert(`Searching for: ${query}`); |
| |
| } |
| } |
| |
| searchButton.addEventListener('click', performSearch); |
| searchInput.addEventListener('keypress', function(e) { |
| if (e.key === 'Enter') { |
| performSearch(); |
| } |
| }); |
| }); |
| </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=MattGPT/redtube" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
