|
|
<!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> |
