-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (82 loc) · 3.82 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Netflix</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header id="nav">
<div class="gauche">
<img src="./img/580b57fcd9996e24bc43c529.png" alt="Logo">
<ul>
<li>Accueil</li>
<li>Séries</li>
<li>Films</li>
<li>Nouveautés les plus regardées</li>
<li>Ma liste</li>
</ul>
</div>
<div class="droite">
<img src="./img/loupe.png" alt="search" class="loupe">
<ul>
<li>Jeunesse</li>
<li></li>
</ul>
<img src="./img/Netflix-avatar.png" alt="" class="avatar">
</div>
</header>
<main>
<div class="background">
<div class="logo">
<img src="./img/firend logo.png" alt="">
<div class="description">
<p>Vous en avez encore beaucoup du sensationnel comme ça? Qu’est ce que vous nous chantez? Vous êtes pas gaulois que je sache! Non mais n’exagérez pas non plus! J’vous demande quand même pas de manger des briques! Oh mais j’m’en fais pas.</p>
</div>
</div>
<button class="play">
<img src="./img/play.png" alt="">
Lecture
</button>
<button class="infos">
<img src="./img/info.png" alt="">
plus d'infos
</button>
<div class="series">
<p>Séries</p>
<div class="list">
<img src="./img/stranger.jpg" alt="">
<img src="./img/bigbang.jpg" alt="">
<img src="./img/peaky.jpg" alt="">
<img src="./img/flash.webp" alt="">
<img src="./img/breaking bad.jpg" alt="">
<img src="./img/sabrina.jpg" alt="">
<img src="./img/stranger.jpg" alt="">
<img src="./img/bigbang.jpg" alt="">
<img src="./img/peaky.jpg" alt="">
<img src="./img/flash.webp" alt="">
<img src="./img/breaking bad.jpg" alt="">
<img src="./img/sabrina.jpg" alt="">
<button class="scrollRight"><img src="./img/arrowRight.png" alt="" class="arrowRight"></button>
<button class="scrollLeft"><img src="./img/arrowleft.png" alt="" class="arrowLeft"></button>
</div>
</div>
<div class="series">
<p>Films</p>
<img src="./img/deathnote.jpg" alt="">
<img src="./img/constantine.jpg" alt="">
<img src="./img/hobit.webp" alt="">
<img src="./img/Grayman.webp" alt="">
<img src="./img/geisha.webp" alt="">
<img src="./img/irish.jpg" alt="">
<button class="scrollRight"><img src="./img/arrowRight.png" alt="" class="arrowRight"></button>
<button class="scrollLeft"><img src="./img/arrowleft.png" alt="" class="arrowLeft"></button>
</div>
</div>
</div>
</main>
<script src="./script/script.js"></script>
</body>
</html>