-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
105 lines (99 loc) · 3.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cinéma</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="container-header">
<h1><img src="images/logotype.jpg" alt="logotype de go'cinema"></h1>
<nav class="nav">
<a href="#">Cinéma</a>
<a href="#">Films</a>
<a href="#">CinéPass</a>
<a href="#">Actus</a>
</nav>
<p class="description mark">Le cinema Go'cinema vous accueillera pour vous partager les films du moment.</p>
</div>
</header>
<section class="container">
<div class="contain-center">
<h2 class="title">Les films à l'affiche</h2>
</div>
<div class="display-films">
<img src="images/affiche_1.png">
<img src="images/affiche_2.png">
<img src="images/affiche_3.png">
</div>
<div class="contain-center">
<h2 class="title">Prochainement</h2>
</div>
<div class="display-films">
<img src="images/affiche_1.png">
<img src="images/affiche_2.png">
<img src="images/affiche_3.png">
</div>
</section>
<section class="section-3d">
<div class="container">
<div class="contain-center">
<h2 class="title">La 3D</h2>
</div>
<p>Le cinéma en relief, cinéma en 3D (trois dimensions), ou cinéma stéréoscopique, permet d'enregistrer la réalité avec ses trois dimensions, qui sont la hauteur, la largeur et la profondeur. Les dispositifs mis en œuvre sont calqués sur le principe de la vision binoculaire naturelle de l'être humain</p>
</div>
</section>
<section class="foods">
<div class="container">
<div class="contain-center">
<h2 class="title">Tarifs</h2>
</div>
</div>
<div class="display-foods">
<div class="container">
<div class="introducing_food">
<p class="mark">Des prix attractifs</p>
<div>
<p>
16,90€/mois pour l’abonnement CinéPass -26 ans, 19,90€ pour l’abonnement CinéPass et 33,90€ pour l’abonnement CinéPass Duo.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="foods">
<div class="container">
<div class="contain-center">
<h2 class="title">Le cinema mais pas que ...</h2>
</div>
</div>
<div class="display-foods">
<div class="container">
<div class="introducing_food">
<img src="images/food.jpg">
<p>Retrouvez un service sur place vous permettant de profiter au mieux de l'expérience.</p>
</div>
</div>
</div>
<div class="container">
<div class="three-foods">
<div>
<h3 class="mark">Bonbons</h3>
<img src="images/food_1.png">
</div>
<div>
<h3 class="mark">Confiserie</h3>
<img src="images/food_2.png">
</div>
<div>
<h3 class="mark">PopCorn</h3>
<img src="images/food_3.png">
</div>
</div>
</div>
<footer class="footer"></footer>
</body>
</html>