ABOUT
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tamil Movie - [Movie Title]</title>
<link rel="stylesheet" href="styles.css"> <!-- Link to your CSS file -->
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.header {
background-color: #4CAF50;
color: white;
padding: 10px 0;
text-align: center;
}
.container {
width: 80%;
margin: 0 auto;
overflow: hidden;
}
.movie-poster {
width: 100%;
max-width: 300px;
float: left;
margin-right: 20px;
}
.movie-details {
overflow: hidden;
}
.movie-details h1 {
color: #333;
}
.movie-details p {
font-size: 16px;
line-height: 1.5;
}
.cast {
margin-top: 20px;
}
.cast h2 {
color: #333;
}
.cast ul {
list-style-type: none;
padding: 0;
}
.cast ul li {
font-size: 16px;
line-height: 1.5;
}
footer {
text-align: center;
padding: 10px 0;
background-color: #333;
color: white;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="header">
<h1>[Movie Title]</h1>
</div>
<div class="container">
<img src="[Movie Poster URL]" alt="[Movie Title]" class="movie-poster">
<div class="movie-details">
<h1>About the Movie</h1>
<p>[Movie Synopsis]</p>
<div class="cast">
<h2>Cast</h2>
<ul>
<li>[Actor 1] as [Character 1]</li>
<li>[Actor 2] as [Character 2]</li>
<li>[Actor 3] as [Character 3]</li>
<!-- Add more cast members as needed -->
</ul>
</div>
<div class="details">
<h2>Details</h2>
<p><strong>Director:</strong> [Director's Name]</p>
<p><strong>Music:</strong> [Music Director's Name]</p>
<p><strong>Release Date:</strong> [Release Date]</p>
<!-- Add more details as needed -->
</div>
</div>
</div>
<footer>
<p>© [Year] [Production House]. All rights reserved.</p>
</footer>
</body>
</html>
[Movie Title]
About the Movie
[Movie Synopsis]
Cast
- [Actor 1] as [Character 1]
- [Actor 2] as [Character 2]
- [Actor 3] as [Character 3]
Details
Director: [Director's Name]
Music: [Music Director's Name]
Release Date: [Release Date]
0 comments:
Post a Comment