Punjabi Upcoming Movies -

<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); } &lt;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 = ""; }