-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
178 lines (161 loc) · 5.88 KB
/
gallery.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
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<title>Things About cinema</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"> Gallery of cinema</h1>
<h2 id="sub1"> Beautiful images from cinema and its icons</h2>
</div>
<div class="column1">
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery2.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery3.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery4.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery5.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery6.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery8.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery9.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery10.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery11.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery12.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery13.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery14.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery15.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery27.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery19.jpg">
</article>
<article>
<hgorup>
</hgorup>
<img class="foto1" src="images/gallery21.jpg">
</article>
</div>
<div class="column2">
<section>
<h1 id="titulo1"> Inspiring Quotes</h1>
<article>
<hgroup>
<h1 id="film">Meryl Streep, a legend herself</h1>
<h2>"Integrate what you believe in every single area of your life. Take your heart to work and ask the most and best of everybody else, too"</h2>
</hgroup>
<img class="foto2" src="images/gallery25.jpg">
<time datetime="XX/XX/XXX"> Published on June 2021 </time>
</article>
<article>
<hgorup>
<h1 id="film">Helena Bonham Carter, The Rose of England</h1>
<h2>"It took me so many years to move out. I'm definitely a bit of a Peter Pan, reluctant to grow up. I t all seemed really nice at home, why change it? Part of me would prefer not to have any responsability whatsoever."</h2>
</hgorup>
<img class="foto2" src="images/gallery26.jpg">
<time datetime="XX/XX/XXX"> Published on June 2021 </time>
</article>
</section>
<h2> If you want to discover more things, follow us in this social media sites </h2>
<section class="social">
<ul>
<li> <a href="https://www.instagram.com/historyofcinema/"> <img src="images/instagram.png" alt="instagram"></a> </li>
<li> <a href="https://www.youtube.com/historyofcinema">
<img src="images/youtube.png" alt="youtube"></a></li>
<li> <a href="https://open.spotify.com/playlist/6aVQP49ZbhNH7BK69OZiQS?si=635dd2cef0774747 ">
<img src="images/spotify.png" alt="spotify"></a></li>
<li><a href="https://twitter.com/NereaLaraQueral">
<img src="images/twitter.png" alt="twitter"></a> </li>
</ul>
</section>
</div>
<div>
<footer>
© Nerea Lara, 2021 / All Rights Reserved
</footer>
</div>
</body>