-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (96 loc) · 6.74 KB
/
index.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
<!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 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>
<div class="column2">
<section>
<h1 id="titulo1"> Inspiring Quotes</h1>
<article>
<hgroup>
<h1 id="film">Audrey Hepburn- The princess of Hollywood!</h1>
<h2>"For me the only things of interest are those linked to the heart"</h2>
</hgroup>
<img class="foto2" src="images/gallery1.jpg">
<time datetime="XX/XX/XXX"> Published on June 2021 </time>
</article>
<article>
<hgorup>
<h1 id="film">The brilliant Cate Blanchett</h1>
<h2>"Things present themselves to you, and it's how you choose to deal with them that reveals who you are. We all say a lot of things, don't we, about who we are and how we think. But in the it's your actions, how you respond to circumstance that reveals your character."</h2>
</hgorup>
<img class="foto2" src="images/gallery20.jpg">
<time datetime="XX/XX/XXX"> Published on June 2021 </time>
</article>
</section>
<section class="social">
<article>
<h1 id="titulo5"> If you want to discover more things, follow us in this social media sites</h1>
<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>
</article>
</section>
</div>
<div class="column1">
<section>
<h1 id="titulo1"> <i>J'adore le cinéma</i></h1>
<p id="intro"> In this website we can delve into the world of cinema and history, from the oldest cinema to the most current.</p>
<p id="intro"> Cinema represents reallity plastically. It reflects the mentality.It represents the mentality of an era and is, in turn, a means of mass comunication.</p>
<p id="intro"> Cinema, considered <i>the seventh art</i>, is a world in wich millions of different stories are told which, when we go to the cinemas or watch them at home, allow us to disconnect from reality and have a good time. All this is possible thanks to all the tems behind every project such as screenwriters, directors,actresses and actors, make-up temas, sound, effect and many more than work toghether to create this magnificient world that we can enjoy.</p>
</section>
<section>
<h1 id="titulo1">History of cinema</h1>
<h2 id="sub1">What we want to do in this web</h2>
<p id="intro"> Cinematography is the illusion of movement by the recording and subsequent rapid projection of many still photographic pictures on a screen. Originally a product of 19th-century scientific endeavour, cinema has become a medium of mass entretainment and communications, and today it is a multi-billion-pund industry</p>
<p id="intro"> No one person invented cinema. However, in 1891 the Edison COmany successfully demonstrated a prototype of Kinetoscope, which enabled one person at a time to view moving pictures. The first public Kinetoscope demosntration took place in 1893. By 1894 the Kinetoscope was a commercial success, with public parlours established around the world.</p>
<p id="intro">The first to present projected moving pictures to a paying audience were the Lumière brothers in December 1895 in Paris, France. They used a device of their own making, the Cinématographe, which was a camera, a projector and a film printer all in one. We can see at the header of the page, the image of the "La lune de melies" as a product of the film "Voyage dans la Lune" directed by the mentioned Lumière brothers. </p>
<p id="intro"> This personal project was born after the proposal to build a web page for a subject in the University.
Here we try to bring art and people together for enjoyment, discovery and learning. We are willing to create a place where people of every background can learn and be captivated by cinema. We will show content that will strengthen the knowledge of cinema.
</p>
<p id="intro">We believe in the power of art to help the imagination and provide enjoyment. Through this web we want to integrate art into people lives.</p>
<p id="intro">We also want to create a little comunity where we can chat about all the things we watch because sometimes we can't talk with our closest ones about this topics because they don't like or know as much as us cinema.So here we can find ourselves in company with poeple who can bring opinions in all the series, docs, films,books, awards seasons or anything related to cinema.</p>
</section>
</div>
<div>
<footer>
© Nerea Lara, 2021 / All Rights Reserved
</footer>
</div>
</body>
</html>