-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (101 loc) · 4.08 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
<!--
@package Starwars
@author novitz Jean-Philippe <[email protected]>
@description Dans une video Benjamen code donne un défi à quelques dev : réaliser une page web en deux heures
j'ai réalisé ce petit travail sans regarder l'heure car j'ai travaillé par petits bout quand j'avais une poignée de
temps disponible
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Starwars | jphnovitz.be</title>
<link rel="stylesheet" href="assets/css/_reset.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/app.js" defer></script>
</head>
<body>
<main>
<div class="left">
<div id="pitch">
<section>
<img src="assets/vector/logo_01.png" alt="Nouvel espoir ">
<h1>Un nouvel espoir</h1>
<p>C'est le premier opus de la saga Star Wars par sa date de sortie, mais le quatrième selon l'ordre
chronologique de l'histoire.</p>
</section>
<section>
<img src="assets/vector/logo_02.png" alt="empire contre-attaque ">
<h1>L’empire contre-attaque</h1>
<p>La guerre entre le maléfique Empire galactique et son antagoniste, l’Alliance rebelle, bat son
plein.</p>
</section>
<section>
<img src="assets/vector/logo_03.png" alt="Retour du Jedi">
<h1>Le retour du jedi</h1>
<p>Le maléfique Empire galactique construit une nouvelle station spatiale Étoile de la mort pour
anéantir
définitivement l'Alliance rebelle.</p>
</section>
<section>
<img src="assets/vector/logo_03.png" alt="Retour du Jedi">
<h1>Forcem ipsum</h1>
<p>
Echo Three to Echo Seven. Han, old buddy, do you read me? Loud and clear, kid. What's up? Well,
I finished my circle. I don't pick up any life readings. There isn't enough life on this ice cube to
fill a space cruiser.
</p>
</section>
<section>
<img src="assets/vector/logo_03.png" alt="Retour du Jedi">
<h1>Lorem ipsum dolor.</h1>
<p>
Did you hear that? They've shut down the main reactor. We'll be destroyed for sure. This is madness!
We're doomed! There'll be no escape for the Princess this time. What's that? Artoo!
Artoo-Detoo, where are you? At last! Where have you been? They're heading in this direction.
</p>
</section>
</div>
<div id="years">
1977
</div>
</div>
<div class="right">
<picture>
<img src="assets/images/image_01.png" alt="star wars 1"/>
<img src="assets/images/image_02.png" alt="star wars 1"/>
<img src="assets/images/image_03.png" alt="star wars 1"/>
<img src="assets/images/image_03.png" alt="star wars 1"/>
<img src="assets/images/image_03.png" alt="star wars 1"/>
</picture>
</div>
</main>
<aside>
<div>
<span id="arrow-left" class="button">
<img src="assets/icon/arrow-left-solid.svg" alt="arrow left">
</span>
<span id="arrow-right" class="button active">
<img src="assets/icon/arrow-right-solid.svg" alt="arrow right">
</span>
</div>
<div class="right">
<span class="bullet active"> </span>
<span class="bullet"> </span>
<span class="bullet"> </span>
<span class="bullet"> </span>
<span class="bullet"> </span>
</div>
</aside>
<footer>
<h6>
<a href="https://jphnovitz.be/portfolio/integration-html-css-et-javascript-jai-fait-le-defi-de-benjamin/">
Novitz Jean-Philippe, développeur Web à Liège
</a>
</h6>
</footer>
</body>
</html>