| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Kundan Babu - Malayalam Movies</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> |
| .movie-card:hover .movie-poster { |
| transform: scale(1.05); |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); |
| } |
| .movie-poster { |
| transition: all 0.3s ease; |
| } |
| .dropdown:hover .dropdown-menu { |
| display: block; |
| } |
| .scrollbar-hide::-webkit-scrollbar { |
| display: none; |
| } |
| .scrollbar-hide { |
| -ms-overflow-style: none; |
| scrollbar-width: none; |
| } |
| .blur-load { |
| background-size: cover; |
| background-position: center; |
| } |
| .blur-load.loaded > img { |
| opacity: 1; |
| } |
| .blur-load > img { |
| opacity: 0; |
| transition: opacity 200ms ease-in-out; |
| } |
| </style> |
| </head> |
| <body class="bg-gray-900 text-white"> |
| |
| <header class="bg-black py-3 sticky top-0 z-50 shadow-lg"> |
| <div class="container mx-auto px-4 flex justify-between items-center"> |
| <div class="flex items-center space-x-4"> |
| <a href="#" class="text-2xl font-bold text-red-600">KUNDAN BABU</a> |
| <nav class="hidden md:flex space-x-6"> |
| <a href="#" class="hover:text-red-500 transition">Home</a> |
| <div class="dropdown relative"> |
| <button class="hover:text-red-500 transition flex items-center"> |
| Movies <i class="fas fa-chevron-down ml-1 text-xs"></i> |
| </button> |
| <div class="dropdown-menu absolute hidden bg-gray-800 mt-2 py-2 w-48 rounded shadow-lg"> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Malayalam</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Telugu</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Tamil</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Hindi</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-700">Kannada</a> |
| </div> |
| </div> |
| <a href="#" class="hover:text-red-500 transition">TV Shows</a> |
| <a href="#" class="hover:text-red-500 transition">Genres</a> |
| </nav> |
| </div> |
| <div class="flex items-center space-x-4"> |
| <div class="relative hidden md:block"> |
| <input type="text" placeholder="Search..." class="bg-gray-800 px-4 py-1 rounded-full w-64 focus:outline-none focus:ring-2 focus:ring-red-500"> |
| <button class="absolute right-3 top-1/2 transform -translate-y-1/2"> |
| <i class="fas fa-search"></i> |
| </button> |
| </div> |
| <button class="md:hidden text-xl"> |
| <i class="fas fa-bars"></i> |
| </button> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section class="relative h-96 bg-gradient-to-r from-gray-900 to-gray-800 flex items-center"> |
| <div class="absolute inset-0 bg-[url('https://via.placeholder.com/1920x1080')] bg-cover bg-center opacity-30"></div> |
| <div class="container mx-auto px-4 relative z-10"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Watch Latest Malayalam Movies</h1> |
| <p class="text-xl mb-6 max-w-2xl">Stream or download your favorite Malayalam movies in HD quality for free on Kundan Babu</p> |
| <div class="flex space-x-4"> |
| <button class="bg-red-600 hover:bg-red-700 px-6 py-2 rounded-full font-medium transition">Browse Movies</button> |
| <button class="bg-gray-800 hover:bg-gray-700 px-6 py-2 rounded-full font-medium transition">How to Download</button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <main class="container mx-auto px-4 py-8"> |
| |
| <section class="mb-12"> |
| <div class="flex justify-between items-center mb-6"> |
| <h2 class="text-2xl font-bold">Latest Malayalam Movies</h2> |
| <a href="#" class="text-red-500 hover:underline">View All</a> |
| </div> |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4"> |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Movie Title 1</h3> |
| <p class="text-gray-400 text-sm">2023 • Action, Thriller</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Movie Title 2</h3> |
| <p class="text-gray-400 text-sm">2023 • Comedy, Drama</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Movie Title 3</h3> |
| <p class="text-gray-400 text-sm">2023 • Romance, Musical</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Movie Title 4</h3> |
| <p class="text-gray-400 text-sm">2023 • Horror, Thriller</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Movie Title 5</h3> |
| <p class="text-gray-400 text-sm">2023 • Action, Adventure</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Movie Title 6</h3> |
| <p class="text-gray-400 text-sm">2023 • Drama, Family</p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-12"> |
| <div class="flex justify-between items-center mb-6"> |
| <h2 class="text-2xl font-bold">Popular Malayalam Movies</h2> |
| <a href="#" class="text-red-500 hover:underline">View All</a> |
| </div> |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4"> |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Popular Movie 1</h3> |
| <p class="text-gray-400 text-sm">2023 • Action, Thriller</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Popular Movie 2</h3> |
| <p class="text-gray-400 text-sm">2023 • Comedy, Drama</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Popular Movie 3</h3> |
| <p class="text-gray-400 text-sm">2023 • Romance, Musical</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Popular Movie 4</h3> |
| <p class="text-gray-400 text-sm">2023 • Horror, Thriller</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Popular Movie 5</h3> |
| <p class="text-gray-400 text-sm">2023 • Action, Adventure</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Popular Movie 6</h3> |
| <p class="text-gray-400 text-sm">2023 • Drama, Family</p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-12"> |
| <div class="flex justify-between items-center mb-6"> |
| <h2 class="text-2xl font-bold">Top Rated Malayalam Movies</h2> |
| <a href="#" class="text-red-500 hover:underline">View All</a> |
| </div> |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4"> |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Top Rated Movie 1</h3> |
| <p class="text-gray-400 text-sm">2023 • Action, Thriller</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i) Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Top Rated Movie 2</h3> |
| <p class="text-gray-400 text-sm">2023 • Comedy, Drama</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Top Rated Movie 3</h3> |
| <p class="text-gray-400 text-sm">2023 • Romance, Musical</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Top Rated Movie 4</h3> |
| <p class="text-gray-400 text-sm">2023 • Horror, Thriller</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Top Rated Movie 5</h3> |
| <p class="text-gray-400 text-sm">2023 • Action, Adventure</p> |
| </div> |
| |
| |
| <div class="movie-card group"> |
| <div class="relative overflow-hidden rounded-lg mb-2 h-64 blur-load" style="background-image: url('https://via.placeholder.com/300x450/333333/666666?text=Loading')"> |
| <img src="https://via.placeholder.com/300x450" alt="Movie Poster" class="movie-poster w-full h-full object-cover" loading="lazy"> |
| <div class="absolute inset-0 bg-black bg-opacity-60 flex items-center justify-center opacity-0 group-hover:opacity-100 transition"> |
| <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-full font-medium transition"> |
| <i class="fas fa-play mr-2"></i> Watch Now |
| </button> |
| </div> |
| <div class="absolute top-2 right-2 bg-yellow-500 text-black px-2 py-1 rounded text-xs font-bold">HD</div> |
| </div> |
| <h3 class="font-medium truncate">Top Rated Movie 6</h3> |
| <p class="text-gray-400 text-sm">2023 • Drama, Family</p> |
| </div> |
| </div> |
| </section> |
| </main> |
|
|
| |
| <footer class="bg-black 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 text-red-600">KUNDAN BABU</h3> |
| <p class="text-gray-400">The best platform to watch and download Malayalam movies for free in HD quality.</p> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Quick Links</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Home</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Movies</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">TV Shows</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Request Movies</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Genres</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Action</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Comedy</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Drama</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-red-500 transition">Horror</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Contact</h4> |
| <ul class="space-y-2"> |
| <li class="text-gray-400"><i class="fas fa-envelope mr-2"></i> support@kundanbabu.com</li> |
| <li class="text-gray-400"><i class="fas fa-globe mr-2"></i> www.kundanbabu.com</li> |
| </ul> |
| </div> |
| </div> |
| <div class="border-t border-gray-800 mt-8 pt-6 text-center text-gray-400"> |
| <p>© 2023 Kundan Babu. All Rights Reserved.</p> |
| <p class="mt-2 text-sm">Disclaimer: We do not host any files on our server. All files are hosted by third-party services.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <div class="fixed inset-0 bg-black bg-opacity-90 z-50 hidden" id="mobileMenu"> |
| <div class="flex justify-end p-4"> |
| <button id="closeMobileMenu" class="text-2xl"> |
| <i class="fas fa-times"></i> |
| </button> |
| </div> |
| <div class="flex flex-col items-center justify-center h-full space-y-8"> |
| <a href="#" class="text-2xl hover:text-red-500 transition">Home</a> |
| <div class="text-center"> |
| <button class="text-2xl hover:text-red-500 transition flex items-center mx-auto"> |
| Movies <i class="fas fa-chevron-down ml-2 text-sm"></i> |
| </button> |
| <div class="mt-2 space-y-4 hidden" id="mobileSubMenu"> |
| <a href="#" class="block text-xl hover:text-red-500 transition">Malayalam</a> |
| <a href="#" class="block text-xl hover:text-red-500 transition">Telugu</a> |
| <a href="#" class="block text-xl hover:text-red-500 transition">Tamil</a> |
| <a href="#" class="block text-xl hover:text-red-500 transition">Hindi</a> |
| <a href="#" class="block text-xl hover:text-red-500 transition">Kannada</a> |
| </div> |
| </div> |
| <a href="#" class="text-2xl hover:text-red-500 transition">TV Shows</a> |
| <a href="#" class="text-2xl hover:text-red-500 transition">Genres</a> |
| <div class="relative mt-4"> |
| <input type="text" placeholder="Search..." class="bg-gray-800 px-4 py-2 rounded-full w-64 focus:outline-none focus:ring-2 focus:ring-red-500"> |
| <button class="absolute right-3 top-1/2 transform -translate-y-1/2"> |
| <i class="fas fa-search"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| const mobileMenuBtn = document.querySelector('.md\\:hidden'); |
| const mobileMenu = document.getElementById('mobileMenu'); |
| const closeMobileMenu = document.getElementById('closeMobileMenu'); |
| const mobileSubMenuBtn = mobileMenu.querySelector('button'); |
| const mobileSubMenu = document.getElementById('mobileSubMenu'); |
| |
| mobileMenuBtn.addEventListener('click', function() { |
| mobileMenu.classList.remove('hidden'); |
| }); |
| |
| closeMobileMenu.addEventListener('click', function() { |
| mobileMenu.classList.add('hidden'); |
| }); |
| |
| mobileSubMenuBtn.addEventListener('click', function() { |
| mobileSubMenu.classList.toggle('hidden'); |
| }); |
| |
| |
| const blurLoads = document.querySelectorAll('.blur-load'); |
| |
| blurLoads.forEach(div => { |
| const img = div.querySelector('img'); |
| |
| if (img.complete) { |
| div.classList.add('loaded'); |
| } else { |
| img.addEventListener('load', () => { |
| div.classList.add('loaded'); |
| }); |
| } |
| }); |
| }); |
| </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=wekames/baaaabu" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
