| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>ZeeFlix - Watch TV Shows Online, Watch Movies Online</title> |
| | <link rel="stylesheet" href="style.css"> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <style> |
| | body { |
| | background-color: #141414; |
| | color: white; |
| | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| | margin: 0; |
| | padding: 0; |
| | } |
| | body.dark { |
| | background-color: #141414; |
| | } |
| | body.light { |
| | background-color: #f3f3f3; |
| | color: #333; |
| | } |
| | main { |
| | padding-top: 70px; |
| | } |
| | footer { |
| | background-color: #141414; |
| | color: #757575; |
| | padding: 2rem 4%; |
| | text-align: center; |
| | margin-top: 2rem; |
| | } |
| | .social-icons { |
| | display: flex; |
| | justify-content: center; |
| | gap: 1rem; |
| | margin: 1rem 0; |
| | } |
| | .social-icons a { |
| | color: white; |
| | font-size: 1.5rem; |
| | } |
| | .footer-links { |
| | display: flex; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | gap: 1rem; |
| | margin: 1rem 0; |
| | } |
| | .footer-links a { |
| | color: #757575; |
| | text-decoration: none; |
| | font-size: 0.8rem; |
| | } |
| | .footer-links a:hover { |
| | text-decoration: underline; |
| | } |
| | .copyright { |
| | font-size: 0.8rem; |
| | margin-top: 1rem; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <custom-navbar></custom-navbar> |
| | <main> |
| | <hero-section></hero-section> |
| | <movie-row title="Popular on ZeeFlix" category="popular"></movie-row> |
| | <movie-row title="Trending Now" category="now_playing"></movie-row> |
| | <movie-row title="Top Rated" category="top_rated"></movie-row> |
| | <movie-row title="Upcoming Movies" category="upcoming"></movie-row> |
| | </main> |
| | <footer> |
| | <div class="social-icons"> |
| | <a href="#"><i class="fab fa-facebook"></i></a> |
| | <a href="#"><i class="fab fa-instagram"></i></a> |
| | <a href="#"><i class="fab fa-twitter"></i></a> |
| | <a href="#"><i class="fab fa-youtube"></i></a> |
| | </div> |
| | <div class="footer-links"> |
| | <a href="#">Audio Description</a> |
| | <a href="#">Help Center</a> |
| | <a href="#">Gift Cards</a> |
| | <a href="#">Media Center</a> |
| | <a href="#">Investor Relations</a> |
| | <a href="#">Jobs</a> |
| | <a href="#">Terms of Use</a> |
| | <a href="#">Privacy</a> |
| | <a href="#">Legal Notices</a> |
| | <a href="#">Cookie Preferences</a> |
| | <a href="#">Corporate Information</a> |
| | <a href="#">Contact Us</a> |
| | </div> |
| | <div class="copyright"> |
| | © 2023 ZeeFlix, Inc. |
| | </div> |
| | </footer> |
| | <script src="components/navbar.js"></script> |
| | <script src="components/theme-toggle.js"></script> |
| | <script src="components/hero.js"></script> |
| | <script src="components/movie-row.js"></script> |
| | <script src="script.js"></script> |
| | <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| | </body> |
| | </html> |
