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

Movies Core

The document defines the structure and content sections for a movie website called YourMovieHub. It includes a navigation bar with links to different movie sections, and defines the main content sections for movies, TV shows, series, year, genres, and categories. Each content section provides examples in an unordered list. The document also includes basic HTML tags and CSS styling.

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)
12 views3 pages

Movies Core

The document defines the structure and content sections for a movie website called YourMovieHub. It includes a navigation bar with links to different movie sections, and defines the main content sections for movies, TV shows, series, year, genres, and categories. Each content section provides examples in an unordered list. The document also includes basic HTML tags and CSS styling.

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;
}

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: #f9f9f9;
}
</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