| <!DOCTYPE html> |
| <html lang="en" class="dark"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>FlixFlex - Watch TV Shows Online, Watch Movies Online</title> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="components/navbar.js"></script> |
| <script src="components/hero.js"></script> |
| <script src="components/row.js"></script> |
| <script src="components/footer.js"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| netflix: { |
| red: '#E50914', |
| dark: '#141414', |
| gray: '#303030', |
| light: '#F3F3F3' |
| } |
| } |
| } |
| } |
| } |
| </script> |
| </head> |
| <body class="bg-netflix-dark text-white"> |
| <custom-navbar></custom-navbar> |
| <custom-hero></custom-hero> |
| |
| <div class="px-4 md:px-12 mt-6 space-y-16"> |
| <custom-row title="Popular on FlixFlex" category="popular"></custom-row> |
| <custom-row title="Trending Now" category="trending"></custom-row> |
| <custom-row title="Continue Watching" category="continue"></custom-row> |
| <custom-row title="Top Rated" category="top_rated"></custom-row> |
| </div> |
|
|
| <custom-footer></custom-footer> |
| |
| <script src="script.js"></script> |
| <script> |
| feather.replace(); |
| </script> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
