Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Amazon Prime Clone</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <nav class="navbar"> | |
| <div class="nav-content"> | |
| <img class="logo" src="https://picfy.xyz/prime/amz.png" alt="Amazon Prime Video"> | |
| <div class="nav-links"> | |
| <div class="search-container"> | |
| <input type="text" class="search-input" placeholder="Search movies & TV shows..." id="search-input"> | |
| <div class="search-results" id="search-results"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <main class="main-content"> | |
| <div class="trending-hero" id="trending-hero"> | |
| <div class="trending-hero-content"> | |
| <h1 id="hero-title"></h1> | |
| <p id="hero-overview"></p> | |
| </div> | |
| <div class="trending-dots" id="trending-dots"></div> | |
| </div> | |
| <section class="row"> | |
| <h2 class="row-header">New Releases</h2> | |
| <div class="carousel-container"> | |
| <button class="carousel-arrow prev">◄</button> | |
| <div class="carousel" id="new-releases"></div> | |
| <button class="carousel-arrow next">►</button> | |
| </div> | |
| </section> | |
| <section class="row"> | |
| <h2 class="row-header">Top Movies</h2> | |
| <div class="carousel-container"> | |
| <button class="carousel-arrow prev">◄</button> | |
| <div class="carousel" id="top-movies"></div> | |
| <button class="carousel-arrow next">►</button> | |
| </div> | |
| </section> | |
| <section class="row"> | |
| <h2 class="row-header">Top TV Shows</h2> | |
| <div class="carousel-container"> | |
| <button class="carousel-arrow prev">◄</button> | |
| <div class="carousel" id="top-tv"></div> | |
| <button class="carousel-arrow next">►</button> | |
| </div> | |
| </section> | |
| </main> | |
| <div class="modal" id="modal"> | |
| <div class="modal-content"> | |
| <span class="close-modal" onclick="closeModal()">×</span> | |
| <div class="iframe-container"> | |
| <div class="loader" id="loader"></div> | |
| <iframe id="player-iframe" allowfullscreen></iframe> | |
| </div> | |
| <div class="movie-details"> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |