0% found this document useful (0 votes)
29 views3 pages

Movie Code

The document contains the code for a website called YourMovieHub. It includes a navigation bar with links to different movie sections and main content sections for movies, TV shows, series, year, genres, and categories. Each section contains an H2 header and an unordered list of examples. The site provides a way to browse entertainment options organized by type, title, year, and attribute.

Uploaded by

Blerim Pasha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
29 views3 pages

Movie Code

The document contains the code for a website called YourMovieHub. It includes a navigation bar with links to different movie sections and main content sections for movies, TV shows, series, year, genres, and categories. Each section contains an H2 header and an unordered list of examples. The site provides a way to browse entertainment options organized by type, title, year, and attribute.

Uploaded by

Blerim Pasha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YourMovieHub</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}

nav {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

nav li {
display: inline;
margin-right: 10px;
}

section {
padding: 20px;
margin: 20px;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

ul {
list-style-type: none;
padding: 0;
}

li {
margin-bottom: 8px;
}
</style>
</head>

<body>

<!-- Navigation Bar -->


<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#movies">Movies</a></li>
<li><a href="#tvShows">TV Shows</a></li>
<li><a href="#series">Series</a></li>
<li><a href="#year">Year</a></li>
<li><a href="#genres">Genres</a></li>
<li><a href="#categories">Categories</a></li>
</ul>
</nav>

<!-- Main Content -->


<section id="home">
<h2>Welcome to YourMovieHub!</h2>
<!-- Home content goes here -->
</section>

<section id="movies">
<h2>Movies</h2>
<!-- Movies content goes here -->
<ul>
<li>Action: Avengers: Endgame</li>
<li>Comedy: The Grand Budapest Hotel</li>
<li>Drama: The Shawshank Redemption</li>
<!-- Add more movies for other genres -->
</ul>
</section>

<section id="tvShows">
<h2>TV Shows</h2>
<!-- TV Shows content goes here -->
<ul>
<li>Drama: Breaking Bad</li>
<li>Fantasy: Stranger Things</li>
<li>Biography: The Crown</li>
<!-- Add more TV shows -->
</ul>
</section>

<section id="series">
<h2>Series</h2>
<!-- Series content goes here -->
<ul>
<li>Fantasy: Game of Thrones</li>
<li>Comedy: Friends</li>
<li>Sci-Fi: Black Mirror</li>
<!-- Add more series -->
</ul>
</section>

<section id="year">
<h2>Year</h2>
<!-- Year-based content goes here -->
<ul>
<li>2022: Dune</li>
<li>2019: Joker</li>
<li>2015: Mad Max: Fury Road</li>
<!-- Add more movies for other years -->
</ul>
</section>
<section id="genres">
<h2>Genres</h2>
<!-- Genres content goes here -->
<ul>
<li>Action: The Dark Knight</li>
<li>Romance: The Notebook</li>
<li>Sci-Fi: Interstellar</li>
<!-- Add more movies for other genres -->
</ul>
</section>

<section id="categories">
<h2>Categories</h2>
<!-- Categories content goes here -->
<ul>
<li>Oscar Winners: The Shape of Water</li>
<li>Classic Films: Casablanca</li>
<li>Independent Cinema: Juno</li>
<!-- Add more movies for other categories -->
</ul>
</section>

</body>

</html>

You might also like