-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtopfilms.html
171 lines (151 loc) · 6.99 KB
/
topfilms.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<title>Top films</title>
<meta charset="utf-8" />
<meta name="keywords" content="cinema, my web, historyofcinema">
<meta name="description" content="This is a webpage to discover new things about the world of Cinema and all the curiosities and facts that go with it." />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>icono</title>
<link rel="icon" type="image/png" href="images/logo.png">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<div>
<div id="banner">
<img src="images/logo.png" width="100" height="80"
alt="Fes click per tornar a la pàgina principal"> </div>
<a href="index.html">
<header>
<img class="banner" src="images/logo.png">
<div id="logotipo">
<a href="index.html">
</header>
<nav id="barra">
<ul>
<li> <a href= "index.html"> Home</a> </li>
<li> <a href= "location.html"> Location</a> </li>
<li> <a href= "awardplaces.html"> Award places </a> </li>
<li> <a href= "blog.html"> Blog </a> </li>
<li> <a href= "gallery.html"> Gallery </a> </li>
<li> <a href= "topfilms.html"> Top films </a> </li>
<li> <a href= "aboutme.html"> About Me </a> </li>
</ul>
</nav>
</div>
<br>
<div id="top">
<h1 id="titulo1"> Top best rated movies</h1>
<h2 id="sub1"> A recopilation of the best rated movies according to IMBD</h2>
</div>
<div>
<section class="column4">
<article id="top12">
<hgorup>
<h1 id="film">1. The Shawsank Redemption</h1>
<h2>1994 - 2h 22min - 9.3/10</h2>
</hgorup>
<p>Two imprisoned men bond ober a number of years, finding solace and eventual redemption through acts of common decency. </p>
<p>Directed by Frank Darabont</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">3. The Godfather:Part II</h1>
<h2>1974 - 3h22min - 9/10</h2>
</hgorup>
<p>The early life and career of Vito Corleone in 190s New York City is portrayed, while his son, Michael, expands and tightens his grip on the family crime synicate. </p>
<p>Directed by Francis Ford Copola</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">5. 12 Angry Men</h1>
<h2>1957 - 1h36min - 9/10</h2>
</hgorup>
<p>A jury holdout attemps to prevent a miscarriage of justice by forcing his colleagues to reconsider the evidence </p>
<p>Directed by Sidney Lumet</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">7.The Lord of the RIngs: The Return of the King </h1>
<h2>2003 - 2h21min -8.9/10</h2>
</hgorup>
<p>Gandalf and Aragon lead the Worl of Men against Sauron's army to dray his gaze from Frodo and Sam as they approach Mount Doom with the One Ring</p>
<p>Directed by Peter Jackson</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">9. Il buono, il brutto, il cattivo</h1>
<h2>1966 - 3h2min - 8,8/10</h2>
</hgorup>
<p>A bounty hunting scam joins two men in an uneasy alliace against a third in a race to fins a fortune in gold buried in a remote cementery </p>
<p>Directed by Sergio Leone</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">Fight Club</h1>
<h2>1999 - 2h19min- 8.8/10</h2>
</hgorup>
<p>An insomniac office worker and a devil-may-care soap maker from an underground fight club that evolves in to so much more. </p>
<p>Directed by David Fincher</p>
</article>
</section>
</div>
<div>
<section class="column5">
<article id="top12">
<hgorup>
<h1 id="film">2. The Godfather</h1>
<h2>1972 - 2h 55min - 9.2/10</h2>
</hgorup>
<p>An organized crime dynasty's aging patriarch transfers conttrol of his clandestine empire to his reclutant son.</p>
<p>Directed by Francis Ford Copola</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">4. The Dark Knight</h1>
<h2>2008 - 2h32min - 9/10</h2>
</hgorup>
<p>When the menace known as the Joker wreakc havoc and chose on the people of Gotham, Batman must accept one of the greatest psychological and physical tests of his ability to fight injustice </p>
<p>Directed by Cristopher Nolan</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">6. Schindler's List</h1>
<h2> 1993 - 3h15min - 8.9/10</h2>
</hgorup>
<p>In German-occupied Poland during Worl War II, industrialist Oskar Schindler gradually becomes concerned for his Jewish workforce after witnessing their persecution by the Nazis </p>
<p> Directed by Steven Spielberg</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">8.Pulp Fiction</h1>
<h2>1994 - 2h34min-8.9/10</h2>
</hgorup>
<p>The lives of two mob hitmen, a boxer, a gangster and his wife, and a pair of diner bandits interwine in four tales of violence and redemption </p>
<p>Directed by Quentin Tarantino</p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">10. The Lord of the Rings: The Fellowship of the Ring</h1>
<h2>2001 - 2h58min . 8.8/10</h2>
</hgorup>
<p>A meek Hobbit from the Shire and eight companions set out on a journey to destroy the powerful One Ring and Save Middle-earth from the Dark Lord Sauron.</p>
<p>Directed by Peter Jackson </p>
</article>
<article id="top12">
<hgorup>
<h1 id="film">12. Forrest Gump</h1>
<h2>1994 - 2h22min-8.8/10</h2>
</hgorup>
<p>The presidencies of Kennedy and Johnson, the Vietnam War, the Watergate scandal and other historical event unfol from the perspective of an Alabama man with an IQ of 75, whose only desire is to be reunited with his childhood sweetheart</p>
<p> Directed by Robert Zemeckis</p>
</article>
</section>
</div>
<div>
<footer>
© Nerea Lara, 2021 / All Rights Reserved
</footer>
</div>
</body>
</html>