<script src="script.js"></script> </body> </html> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); min-height: 100vh; padding: 2rem 1rem; }
// Attach click on card for more details document.querySelectorAll('.movie-card').forEach(card => { card.addEventListener('click', (e) => { if (!e.target.classList.contains('reminder-btn')) { const movieId = card.getAttribute('data-id'); const movie = allMovies.find(m => m.id == movieId); alert(`š„ ${movie.title}\nš Release: ${movie.releaseDate}\nš ${movie.description}`); } }); }); } punjabi upcoming movies
.filter-btn:hover { background: rgba(255,255,255,0.4); transform: translateY(-2px); } <script src="script
/* Header Styles */ .feature-header { text-align: center; color: white; margin-bottom: 3rem; } * { margin: 0
.container { max-width: 1400px; margin: 0 auto; }
<!-- Load More / Status --> <div class="load-more-container" id="loadMoreContainer"> <button id="loadMoreBtn" class="load-more-btn">Load More Movies</button> </div> </div>
function closeModal() { modal.style.display = "none"; document.getElementById("userEmail").value = ""; }