Untitled
unknown
plain_text
a year ago
1.9 kB
1
Indexable
Never
<!DOCTYPE html> <html> <head> <title>Movie Web Series Website</title> <style> /* CSS Styles */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } h1 { margin: 0; } .container { max-width: 960px; margin: 20px auto; padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .movie { display: flex; margin-bottom: 20px; } .movie img { width: 200px; height: 300px; object-fit: cover; margin-right: 20px; } .movie-info { flex: 1; } .movie-info h2 { margin-top: 0; } .movie-info p { margin: 5px 0; } .movie-info .description { color: #666; } </style> </head> <body> <header> <h1>Movie Web Series Website</h1> </header> <div class="container"> <div class="movie"> <img src="movie1.jpg" alt="Movie 1"> <div class="movie-info"> <h2>Movie 1</h2> <p>Genre: Action</p> <p>Release Date: January 1, 2023</p> <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt tortor et condimentum posuere.</p> </div> </div> <div class="movie"> <img src="movie2.jpg" alt="Movie 2"> <div class="movie-info"> <h2>Movie 2</h2> <p>Genre: Drama</p> <p>Release Date: February 15, 2023</p> <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt tortor et condimentum posuere.</p> </div> </div> <!-- Add more movie sections as needed --> </div> </body> </html>